From a291e4626aef4588325ac476e5d8f99718b09108 Mon Sep 17 00:00:00 2001
From: Kristy Fournier <124598538+kristy-fournier@users.noreply.github.com>
Date: Sat, 12 Jul 2025 22:09:18 -0400
Subject: [PATCH] added options

---
 Client/index.html | 21 +++++++++++++++++++--
 Client/scripts.js |  8 ++++++++
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/Client/index.html b/Client/index.html
index 6012ac4..23420b7 100644
--- a/Client/index.html
+++ b/Client/index.html
@@ -81,13 +81,30 @@ changes visibility with JS-->
                 <p class="italic">Volume of the music</p>
                 <input type="range" min="0" max="100" step="1" title="volumerange" id="volumerange">
             </div>
-            <div class="item no-line">
+            <div class="item">
                 <h2>Share the remote:</h2>
                 <!-- <p class="italic">Hit settings icon to refresh the code</p>
                  You actually no longer need to do that, it does it anytime the ip changes -->
                 <div id="qrcode" alt="QR code to the remote URL"></div>
             </div>
-            <p class="versionNumber">Version 1.0.2</p>
+            <h1>Admin Settings</h1>
+            <p class="italic">Note: Admin password must have been set from the server</p>
+            <div class="item">
+                <h2>Admin Password:</h2>
+                <p class="italic">Enter to use admin restricted functions</p>
+                <input placeholder="Wordpass12" title="Admin password box" id="adminpasswordbox"> 
+            </div>
+            <div class=item>
+                <h2>Fine action control:</h2>
+                <p class="italic">A check means that action is avalible to everyone</p>
+                <div id="admincheckholder">
+                    <input type="checkbox" title="addsongcheck" id="addsongsettingcheckbox"><label for="addsongcheck">Add songs to queue</label><br>
+                    <input type="checkbox" title="skipsongcheck" id="skipsongsettingcheckbox"><label for="skipsongcheck">Skip songs</label><br>
+                    <input type="checkbox" title="playpausecheck" id="playpausesettingcheckbox"><label for="playpausecheck">Play/pause</label><br>
+                    <input type="checkbox" title="partymodecheck" id="partymodesettingscheckbox"><label for="partymodecheck">Toggle Party Mode</label><br>
+                    <input type="checkbox" title="volumechangecheck" id="volumechangesettingcheckbox"><label for="volumechangecheck">Change volume</label><br>
+                </div>
+            </div>
             <p class="versionNumber">PartyJukebox is under an <a href="https://github.com/kristy-fournier/PartyJukebox/blob/main/LICENSE.md">AGPLV3</a> liscense. You can access the source code <a href=https://github.com/kristy-fournier/PartyJukebox>here</a>.</p>
         </div>
     </div>
diff --git a/Client/scripts.js b/Client/scripts.js
index a63ee01..10bbd5f 100644
--- a/Client/scripts.js
+++ b/Client/scripts.js
@@ -192,6 +192,14 @@ async function checkSettings(skipServer=false) {
     qrCodeGenerate()
     document.getElementById("alerttimetextbox").value = alertTime
     partyButtonState = document.getElementById("partymode-button").innerHTML;
+    checksforadmin = document.getElementById("admincheckholder")
+    // temporary
+    for (let i in checksforadmin.children) {
+        if (i.type == "checkbox") {
+            i.checked = true;
+        }
+    }
+    //ping the server here
     x = await getFromServer({setting: "getsettings"}, "settings");
     if (!(skipServer) || partyButtonState=="N/A") {
         if (x["partymode"] == false) {