bryan
/
BangleApps_old
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update Customizer.html

master
Andreas Rozek 2022-01-13 06:42:13 +01:00
parent 5e4cd77313
commit ee02b17196
1 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
apps/ac_ac/Customizer.html
View File

@ -101,7 +101,7 @@
<script> <script>
$(function () { $(function () {
let ClockSize, ClockSizeURL let ClockSize, ClockSizeURL
let ClockFace, ClockFaceDots, ClockFaceURL let ClockFace, ClockFaceNumerals, ClockFaceDots, ClockFaceURL
let ClockHands, SecondHand, ClockHandsURL, FillColor let ClockHands, SecondHand, ClockHandsURL, FillColor
let ComplicationTL, ComplicationTLURL let ComplicationTL, ComplicationTLURL
let ComplicationT, ComplicationTURL let ComplicationT, ComplicationTURL
@ -119,9 +119,10 @@
ClockSize = $('input[name="clock-size"]:checked').val() ClockSize = $('input[name="clock-size"]:checked').val()
ClockSizeURL = ($('#clock-size-custom-url').val() || '').trim() ClockSizeURL = ($('#clock-size-custom-url').val() || '').trim()
ClockFace = $('input[name="clock-face"]:checked').val() ClockFace = $('input[name="clock-face"]:checked').val()
ClockFaceDots = $('input[name="clock-face-dots"]:checked').val() ClockFaceNumerals = $('input[name="clock-face-numerals"]:checked').val()
ClockFaceURL = ($('#clock-face-custom-url').val() || '').trim() ClockFaceDots = $('input[name="clock-face-dots"]:checked').val()
ClockFaceURL = ($('#clock-face-custom-url').val() || '').trim()
ClockHands = $('input[name="clock-hands"]:checked').val() ClockHands = $('input[name="clock-hands"]:checked').val()
FillColor = $('input[name="fill-color"]:checked').val() FillColor = $('input[name="fill-color"]:checked').val()
@ -275,7 +276,8 @@
function chosenSecondHand () { return chosenColor(SecondHand) } function chosenSecondHand () { return chosenColor(SecondHand) }
function chosenFillColor () { return chosenColor(FillColor) } function chosenFillColor () { return chosenColor(FillColor) }
function chosenDots () { return (ClockFaceDots === 'with-dots' ? 'true' : 'false') } function chosenNumerals () { return (ClockFaceNumerals === 'roman' ? 'true' : 'false') }
function chosenDots () { return (ClockFaceDots === 'with-dots' ? 'true' : 'false') }
let AppSource = ` let AppSource = `
${WidgetsOnBackground()} ${WidgetsOnBackground()}
@ -298,11 +300,12 @@ Clockwork.windUp({
br:${chosenComplicationAt('br')}, br:${chosenComplicationAt('br')},
} }
},{ },{
Foreground:${chosenForeground()}, Foreground: ${chosenForeground()},
Background:${chosenBackground()}, Background: ${chosenBackground()},
Seconds: ${chosenSecondHand()}, Seconds: ${chosenSecondHand()},
withDots: ${chosenDots()}, withDots: ${chosenDots()},
FillColor: ${chosenFillColor()} romanNumerals:${chosenNumerals()},
FillColor: ${chosenFillColor()}
}); });
` `
console.log('the configured AC-AC app looks as follows:') console.log('the configured AC-AC app looks as follows:')
@ -431,6 +434,11 @@ console.log(AppSource)
</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)
</p><p>
"Four-fold" clock faces may draw indian-arabic or roman numerals. Which do you prefer?
</p><p>
<input type="radio" name="clock-face-numerals" value="indian" checked> indian-arabic (3, 6, 9, 12)<br>
<input type="radio" name="clock-face-numerals" value="roman"> roman (III, VI, IX, XII)
</p><p> </p><p>
The "twelve-fold" and "rainbow"-colored faces may be drawn with or without The "twelve-fold" and "rainbow"-colored faces may be drawn with or without
dots marking the position of every minute. Which variant do you prefer? dots marking the position of every minute. Which variant do you prefer?