From f4fd7e1d41af928373df5a0d11fc32974935c9ba Mon Sep 17 00:00:00 2001
From: Andreas Rozek <A.Rozek@gmx.de>
Date: Fri, 14 Jan 2022 17:22:49 +0100
Subject: [PATCH] Update Customizer.html

---
 apps/ac_ac/Customizer.html | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/apps/ac_ac/Customizer.html b/apps/ac_ac/Customizer.html
index cc8e21d1f..f675db265 100644
--- a/apps/ac_ac/Customizer.html
+++ b/apps/ac_ac/Customizer.html
@@ -101,8 +101,8 @@
   <script>
   $(function () {
     let ClockSize, ClockSizeURL
-    let ClockFace, ClockFaceNumerals, ClockFaceDots, ClockFaceURL
-    let ClockHands, SecondHand, ClockHandsURL, FillColor
+    let ClockFace, ClockFaceURL, ClockFaceNumerals, ClockFaceDots
+    let ClockHands, ClockHandsURL, SecondHand, FillColor
     let ComplicationTL, ComplicationTLURL
     let ComplicationT, ComplicationTURL
     let ComplicationTR, ComplicationTRURL
@@ -118,8 +118,8 @@
     function backupConfiguration () {
       let Configuration = {
         ClockSize, ClockSizeURL,
-        ClockFace, ClockFaceNumerals, ClockFaceDots, ClockFaceURL,
-        ClockHands, SecondHand, ClockHandsURL, FillColor,
+        ClockFace, ClockFaceURL, ClockFaceNumerals, ClockFaceDots,
+        ClockHands, ClockHandsURL, SecondHand, FillColor,
         ComplicationTL, ComplicationTLURL,
         ComplicationT, ComplicationTURL,
         ComplicationTR, ComplicationTRURL,
@@ -130,7 +130,7 @@
         ComplicationBR, ComplicationBRURL,
         Foreground, Background
       }
-      
+
       try {
         localStorage.setItem('ac_ac',JSON.stringify(Configuration))
       } catch (Signal) {
@@ -412,7 +412,7 @@ console.log(AppSource)
     }
 
     $('input[type="radio"]').on('change',retrieveAndValidateInputs)
-    $('input[type="url"]').  on('change',retrieveAndValidateInputs)
+    $('input[type="url"]').  on('input', retrieveAndValidateInputs)
     $('select').             on('change',retrieveAndValidateInputs)
     $('#UploadButton').on('click',createAndUploadApp)
   })
@@ -485,7 +485,7 @@ console.log(AppSource)
          <input type="radio" name="clock-face" value="none" checked>
          <img src="none.png"/>
        </label><br>
-       none
+       (none)
      </td>
 
      <td>
@@ -521,6 +521,11 @@ console.log(AppSource)
      </td>
    </tr>
   </tbody></table>
+</p><p>
+  If you prefer a "custom" clock face, please enter the URL
+  of its JavaScript module below:
+</p><p>
+  custom URL: <input type="url" id="clock-face-custom-url" size="50">
 </p><p>
   Clock faces are drawn in the configured foreground and background colors
   (you may select them at the end of this form)
@@ -535,11 +540,6 @@ console.log(AppSource)
 </p><p>
   <input type="radio" name="clock-face-dots" value="without-dots" checked> without dots <br>
   <input type="radio" name="clock-face-dots" value="with-dots"> with dots
-</p><p>
-  If you prefer a "custom" clock face, please enter the URL
-  of its JavaScript module below:
-</p><p>
-  custom URL: <input type="url" id="clock-face-custom-url" size="50">
 </p>
 
   <h3>Clock Hands</h3>
@@ -582,6 +582,11 @@ console.log(AppSource)
      </td>
    </tr>
   </tbody></table>
+</p><p>
+  If you prefer "custom" clock hands, please enter the URL
+  of their JavaScript module below:
+</p><p>
+  custom URL: <input type="url" id="clock-hands-custom-url" size="50">
 </p><p>
   Clock hands are drawn in the configured foreground and background colors
   (you may select them at the end of this form)
@@ -631,11 +636,6 @@ console.log(AppSource)
   <input type="radio" name="second-hand" value="#FF00FF" class="ColorPatch" style="background:#FF00FF"/>
   <input type="radio" name="second-hand" value="#00FFFF" class="ColorPatch" style="background:#00FFFF"/>
   <input type="radio" name="second-hand" value="#FFFFFF" class="ColorPatch" style="background:#FFFFFF"/>
-</p><p>
-  If you prefer "custom" clock hands, please enter the URL
-  of their JavaScript module below:
-</p><p>
-  custom URL: <input type="url" id="clock-hands-custom-url" size="50">
 </p>
 
   <h3>Complications</h3>