Update Customizer.html

master
Andreas Rozek 2022-01-14 17:22:49 +01:00
parent 115b826d6e
commit f4fd7e1d41
1 changed files with 17 additions and 17 deletions

View File

@ -101,8 +101,8 @@
<script> <script>
$(function () { $(function () {
let ClockSize, ClockSizeURL let ClockSize, ClockSizeURL
let ClockFace, ClockFaceNumerals, ClockFaceDots, ClockFaceURL let ClockFace, ClockFaceURL, ClockFaceNumerals, ClockFaceDots
let ClockHands, SecondHand, ClockHandsURL, FillColor let ClockHands, ClockHandsURL, SecondHand, FillColor
let ComplicationTL, ComplicationTLURL let ComplicationTL, ComplicationTLURL
let ComplicationT, ComplicationTURL let ComplicationT, ComplicationTURL
let ComplicationTR, ComplicationTRURL let ComplicationTR, ComplicationTRURL
@ -118,8 +118,8 @@
function backupConfiguration () { function backupConfiguration () {
let Configuration = { let Configuration = {
ClockSize, ClockSizeURL, ClockSize, ClockSizeURL,
ClockFace, ClockFaceNumerals, ClockFaceDots, ClockFaceURL, ClockFace, ClockFaceURL, ClockFaceNumerals, ClockFaceDots,
ClockHands, SecondHand, ClockHandsURL, FillColor, ClockHands, ClockHandsURL, SecondHand, FillColor,
ComplicationTL, ComplicationTLURL, ComplicationTL, ComplicationTLURL,
ComplicationT, ComplicationTURL, ComplicationT, ComplicationTURL,
ComplicationTR, ComplicationTRURL, ComplicationTR, ComplicationTRURL,
@ -130,7 +130,7 @@
ComplicationBR, ComplicationBRURL, ComplicationBR, ComplicationBRURL,
Foreground, Background Foreground, Background
} }
try { try {
localStorage.setItem('ac_ac',JSON.stringify(Configuration)) localStorage.setItem('ac_ac',JSON.stringify(Configuration))
} catch (Signal) { } catch (Signal) {
@ -412,7 +412,7 @@ console.log(AppSource)
} }
$('input[type="radio"]').on('change',retrieveAndValidateInputs) $('input[type="radio"]').on('change',retrieveAndValidateInputs)
$('input[type="url"]'). on('change',retrieveAndValidateInputs) $('input[type="url"]'). on('input', retrieveAndValidateInputs)
$('select'). on('change',retrieveAndValidateInputs) $('select'). on('change',retrieveAndValidateInputs)
$('#UploadButton').on('click',createAndUploadApp) $('#UploadButton').on('click',createAndUploadApp)
}) })
@ -485,7 +485,7 @@ console.log(AppSource)
<input type="radio" name="clock-face" value="none" checked> <input type="radio" name="clock-face" value="none" checked>
<img src="none.png"/> <img src="none.png"/>
</label><br> </label><br>
none (none)
</td> </td>
<td> <td>
@ -521,6 +521,11 @@ console.log(AppSource)
</td> </td>
</tr> </tr>
</tbody></table> </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> </p><p>
Clock faces are drawn in the configured foreground and background colors Clock faces are drawn in the configured foreground and background colors
(you may select them at the end of this form) (you may select them at the end of this form)
@ -535,11 +540,6 @@ console.log(AppSource)
</p><p> </p><p>
<input type="radio" name="clock-face-dots" value="without-dots" checked> without dots <br> <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 <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> </p>
<h3>Clock Hands</h3> <h3>Clock Hands</h3>
@ -582,6 +582,11 @@ console.log(AppSource)
</td> </td>
</tr> </tr>
</tbody></table> </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> </p><p>
Clock hands are drawn in the configured foreground and background colors Clock hands are drawn in the configured foreground and background colors
(you may select them at the end of this form) (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="#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="#00FFFF" class="ColorPatch" style="background:#00FFFF"/>
<input type="radio" name="second-hand" value="#FFFFFF" class="ColorPatch" style="background:#FFFFFF"/> <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> </p>
<h3>Complications</h3> <h3>Complications</h3>