webui: enhanced reboot prompt

Based on pr bindhosts#15 and commit 2ea1cf4, edit reboot prompt and use dim instead of cursor pointer.
backslashxx · Dec 1, 2024 · f3480ec · f3480ec
1 parent 2ea1cf4
commit f3480ec
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/module/webroot/index.js b/module/webroot/index.js
@@ -236,7 +236,7 @@ async function saveModeSelection(mode) {
         } else {
             await execCommand(`echo "mode=${mode}" > /data/adb/bindhosts/mode_override.sh`);
         }
-        showPrompt("Reboot to take effect", true);
+        showPrompt("Reboot to take effect, tap to reboot", true);
         await updateModeSelection();
         closeOverlay("mode-menu");
     } catch (error) {
@@ -302,8 +302,7 @@ function showPrompt(message, isSuccess = true) {
     }
 
     if (message.includes("Reboot to take effect")) {
-        prompt.style.cursor = "pointer";
-
+        prompt.classList.add('pointer');
         prompt.onclick = () => {
             let countdown = 3;
             prompt.textContent = `Rebooting in ${countdown}...`;
@@ -320,8 +319,8 @@ function showPrompt(message, isSuccess = true) {
             }, 1000);
         };
     } else {
+        prompt.classList.remove('pointer');
         prompt.onclick = null;
-        prompt.style.cursor = "default";
     }
 
     setTimeout(() => {

diff --git a/module/webroot/styles.css b/module/webroot/styles.css
@@ -285,6 +285,10 @@ label {
     z-index: 1300;
 }
 
+.prompt.pointer {
+    background-color: #27822B;
+}
+
 .prompt.visible {
     animation: YbounceIn 0.4s forwards;
 }