diff options
| author | RaindropsSys <contact@minteck.org> | 2023-08-17 15:48:38 +0200 |
|---|---|---|
| committer | RaindropsSys <contact@minteck.org> | 2023-08-17 15:48:38 +0200 |
| commit | dde852faf823bd219d8eec09da0ea60f8a5a4c32 (patch) | |
| tree | bbc70aaa8a40006ea99c5561ffee63e3335fc664 | |
| parent | 7fa10aad3b7fd965a0f97d6298183d4293b9a99f (diff) | |
| download | ponyplay-dde852faf823bd219d8eec09da0ea60f8a5a4c32.tar.gz ponyplay-dde852faf823bd219d8eec09da0ea60f8a5a4c32.tar.bz2 ponyplay-dde852faf823bd219d8eec09da0ea60f8a5a4c32.zip | |
| -rw-r--r-- | web/apps/alarms.html | 10 | ||||
| -rw-r--r-- | web/apps/alarms.js | 44 | ||||
| -rw-r--r-- | web/src/appmanager.js | 2 |
3 files changed, 55 insertions, 1 deletions
diff --git a/web/apps/alarms.html b/web/apps/alarms.html index 0471abd..a0b3cca 100644 --- a/web/apps/alarms.html +++ b/web/apps/alarms.html @@ -40,6 +40,16 @@ color: var(--text-color); opacity: .5; } + + select { + background: transparent; + border: none; + font-size: inherit; + width: max-content; + outline: none; + -webkit-appearance: media-slider; + display: inline-block; + } </style> </head> <body style="background-color: var(--bg);"> diff --git a/web/apps/alarms.js b/web/apps/alarms.js index e69de29..8a6b4d6 100644 --- a/web/apps/alarms.js +++ b/web/apps/alarms.js @@ -0,0 +1,44 @@ +window.alarms = window.parent.alarms; + +while (window.alarms.length < 5) { + window.alarms.push({ + enabled: false, + time: 0, + repeat: 0, + alarm: 3 + }); +} + +document.getElementById("alarms").innerHTML = window.alarms.map(i => ` +<div style="display: grid; grid-template-columns: 2.4vw 1fr 2fr 2fr; border-bottom: 1px solid var(--on-elevated);"> + <div></div> + <div style="text-align: center;"> + <select style="text-align: center;"> + ${Array(24).fill(null).map((_, i) => ` + <option value="${i}">${window.parent.fixed(i, 2)}</option> + `)} + </select>:<select style="text-align: center;"> + ${Array(60).fill(null).map((_, i) => ` + <option value="${i}">${window.parent.fixed(i, 2)}</option> + `)} + </select> + </div> + <div style="text-align: center;"> + <select style="text-align: center;"> + <option value="3">Your New Adventure</option> + <option value="1">Bright Morning</option> + <option value="2">Fresh Start</option> + <option value="0">Awaken</option> + </select> + </div> + <div style="display: grid; grid-template-columns: repeat(7, 1fr);"> + <div>S</div> + <div>M</div> + <div>T</div> + <div>W</div> + <div>T</div> + <div>F</div> + <div>S</div> + </div> +</div> +`).join("");
\ No newline at end of file diff --git a/web/src/appmanager.js b/web/src/appmanager.js index 3f0b027..999e265 100644 --- a/web/src/appmanager.js +++ b/web/src/appmanager.js @@ -23,6 +23,6 @@ function openApp(title, url, external) { document.getElementById("app").classList.add("show-native"); window.engine.startApp(url); } else { - document.getElementById("app-frame").src = url; + document.getElementById("app-frame").src = url + "?_=" + Math.random(); } }
\ No newline at end of file |