Update Customizer.html

master
Andreas Rozek 2022-01-12 15:54:57 +01:00
parent 0a9afe3d42
commit b54c6514b7
1 changed files with 8 additions and 31 deletions

View File

@ -95,29 +95,6 @@
label.ColorPatch > input[type="radio"]:checked + span { label.ColorPatch > input[type="radio"]:checked + span {
border:solid 3px red; border:solid 3px red;
} }
/*
input.labelled {
display:none; position:relative;
-webkit-appearance:none; -moz-appearance:none; appearance:none;
width:0px; height:0px;
}
input + img {
display:inline-block; positon:relative;
margin:0px; padding:0px;
border:solid 3px white;
box-shadow:inset 0px 0px 1px 1px black;
}
input:checked + div > label {
border:solid 3px red;
}
label > input[type="radio"] {
display:none;
}
*/
</style> </style>
@ -235,17 +212,17 @@
switch (ClockSize) { switch (ClockSize) {
case 'simple': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-simple-clock-size/main/ClockSize.js')" case 'simple': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-simple-clock-size/main/ClockSize.js')"
case 'smart': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-smart-clock-size/main/ClockSize.js')" case 'smart': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-smart-clock-size/main/ClockSize.js')"
case 'custom': return 'require(' + ClockSizeURL + ')' case 'custom': return "require('" + ClockSizeURL + "')"
} }
} }
function chosenClockFace () { function chosenClockFace () {
switch (ClockFace) { switch (ClockFace) {
case 'none': return undefined case 'none': return "undefined"
case 'four-fold': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-four-fold-clock-face/main/ClockFace.js')" case 'four-fold': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-four-fold-clock-face/main/ClockFace.js')"
case 'twelve-fold': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-twelve-fold-clock-face/main/ClockFace.js')" case 'twelve-fold': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-twelve-fold-clock-face/main/ClockFace.js')"
case 'rainbow': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-rainbow-clock-face/main/ClockFace.js')" case 'rainbow': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-rainbow-clock-face/main/ClockFace.js')"
case 'custom': return 'require(' + ClockFaceURL + ')' case 'custom': return "require('" + ClockFaceURL + "')"
} }
} }
@ -254,18 +231,18 @@
case 'simple': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-simpled-clock-hands/main/ClockHands.js')" case 'simple': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-simpled-clock-hands/main/ClockHands.js')"
case 'rounded': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-rounded-clock-hands/main/ClockHands.js')" case 'rounded': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-rounded-clock-hands/main/ClockHands.js')"
case 'hollow': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-hollow-clock-hands/main/ClockHands.js')" case 'hollow': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-hollow-clock-hands/main/ClockHands.js')"
case 'custom': return 'require(' + ClockHandsURL + ')' case 'custom': return "require('" + ClockHandsURL + "')"
} }
} }
function chosenComplication (Complication, customURL) { function chosenComplication (Complication, customURL) {
switch (Complication) { switch (Complication) {
case 'none': return undefined case 'none': return "undefined"
case 'date': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-date-complication/main/Complication.js')" case 'date': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-date-complication/main/Complication.js')"
case 'weekday': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-weekday-complication/main/Complication.js')" case 'weekday': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-weekday-complication/main/Complication.js')"
case 'calendar-week': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-calendar-week-complication/main/Complication.js')" case 'calendar-week': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-calendar-week-complication/main/Complication.js')"
case 'moon-phase': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-moon-phase-complication/main/Complication.js')" case 'moon-phase': return "require('https://raw.githubusercontent.com/rozek/banglejs-2-moon-phase-complication/main/Complication.js')"
case 'custom': return 'require(' + customURL + ')' case 'custom': return "require('" + customURL + "')"
} }
} }
function chosenComplicationAt (Position) { function chosenComplicationAt (Position) {
@ -282,7 +259,7 @@
} }
function chosenColor (ColorChoice) { function chosenColor (ColorChoice) {
return (ColorChoice === 'none' ? undefined : ColorChoice) return (ColorChoice === 'none' ? 'undefined' : "'" + ColorChoice + '"')
} }
function chosenForeground () { return chosenColor(Foreground) } function chosenForeground () { return chosenColor(Foreground) }
@ -290,7 +267,7 @@
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') } function chosenDots () { return (ClockFaceDots === 'with-dots' ? 'true' : 'false') }
let AppSource = ` let AppSource = `
let Clockwork = require('https://raw.githubusercontent.com/rozek/banglejs-2-simple-clockwork/main/Clockwork.js'); let Clockwork = require('https://raw.githubusercontent.com/rozek/banglejs-2-simple-clockwork/main/Clockwork.js');