From 1910b30acc32ea6979ed8a171b4d01df8e73e1fe Mon Sep 17 00:00:00 2001
From: Kristy Fournier <124598538+kristy-fournier@users.noreply.github.com>
Date: Fri, 18 Jul 2025 20:13:18 -0400
Subject: [PATCH] everything but the auto-updating settings should be working

and also skipping isnt working on the playlist page
---
 Client/index.html |  4 ++--
 Client/scripts.js | 33 ++++++++++++++++++++++++++++++---
 2 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/Client/index.html b/Client/index.html
index 7d14a89..8bd1d0a 100644
--- a/Client/index.html
+++ b/Client/index.html
@@ -92,7 +92,7 @@ changes visibility with JS-->
             <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"> 
+                <input placeholder="Wordpass12" type="password" title="Admin password box" id="adminpasswordbox"> 
             </div>
             <div class=item>
                 <h2>Fine action control:</h2>
@@ -101,7 +101,7 @@ changes visibility with JS-->
                     <input type="checkbox" title="addsongcheck" id="addsongsettingcheckbox"><label for="addsongsettingcheckbox">Add songs to queue</label><br>
                     <input type="checkbox" title="skipsongcheck" id="skipsongsettingcheckbox"><label for="skipsongsettingcheckbox">Skip songs</label><br>
                     <input type="checkbox" title="playpausecheck" id="playpausesettingcheckbox"><label for="playpausesettingcheckbox">Play/pause</label><br>
-                    <input type="checkbox" title="partymodecheck" id="partymodesettingscheckbox"><label for="partymodesettingscheckbox">Toggle Party Mode</label><br>
+                    <input type="checkbox" title="partymodecheck" id="partymodesettingcheckbox"><label for="partymodesettingcheckbox">Toggle Party Mode</label><br>
                     <input type="checkbox" title="volumechangecheck" id="volumechangesettingcheckbox"><label for="volumechangesettingcheckbox">Change volume</label><br>
                 </div>
             </div>
diff --git a/Client/scripts.js b/Client/scripts.js
index 7ee24de..07d5d73 100644
--- a/Client/scripts.js
+++ b/Client/scripts.js
@@ -1,5 +1,6 @@
-let ip
-let alertTime = 2
+let ip;
+let alertTime = 2;
+let adminPass = "";
 async function alertText(text="Song Added!") {
     alertbox = document.getElementById("alert");
     alertbox.innerHTML = text;
@@ -10,8 +11,11 @@ async function alertText(text="Song Added!") {
 }
 // a lot of this is kinda waffly because i was trying to get 
 // it to return the right stuff and javascript is asyrcronouse (boo)
-async function getFromServer(bodyInfo, source="") {
+async function getFromServer(bodyInfo, source="",password=adminPass) {
     try{
+        if (bodyInfo != null) {
+            bodyInfo["password"] = password;
+        }
         const response = await fetch("http://"+ip+"/"+source, {
             method: "POST",
             body: JSON.stringify(bodyInfo),
@@ -20,10 +24,15 @@ async function getFromServer(bodyInfo, source="") {
             }
             });
         const data = await response.json();
+        if (data == "401") {
+            alertText("error: Admin restricted action")
+        }
         return await data;
     } catch(e) {
         if (e == "TypeError: Failed to fetch"){
             alertText("error: Can't Connect to Server (is the ip set?)")
+        } else if(e == "") {
+
         } else {
             alertText("error: " + e)
         }
@@ -309,6 +318,22 @@ function toggleDark(e) {
     }
     
 }
+function adminPassEnter(e) {
+    if (e.key == "Enter") {
+        e.preventDefault(); 
+        adminPass=document.getElementById("adminpasswordbox").value
+        alertText("Admin Password Updated")
+    }
+}
+function submitPerms() {
+    let tempData = {}
+    tempData["PP"] = document.getElementById("playpausesettingcheckbox").checked
+    tempData["SK"] = document.getElementById("skipsongsettingcheckbox").checked
+    tempData["AS"] = document.getElementById("addsongsettingcheckbox").checked
+    tempData["PM"] = document.getElementById("partymodesettingcheckbox").checked
+    tempData["VOL"] = document.getElementById("partymodesettingcheckbox").checked
+    getFromServer({"setting":"perms","admin":tempData},"settings")
+}
 
 let optionslist = []
 
@@ -344,6 +369,8 @@ document.getElementById("go-search").addEventListener('click', function(){search
 document.getElementById("songsearch").addEventListener('keydown', function(e){searchSongsEnter(e)});
 document.getElementById("iptextbox").addEventListener('keydown', function(e){ipSetEnter(e)});
 document.getElementById("alerttimetextbox").addEventListener('keydown', function(e){alertTimeEnter(e)});
+document.getElementById("adminpasswordbox").addEventListener('keydown',function(e){adminPassEnter(e)});
+document.getElementById("admincheckholder").addEventListener('click',function(){submitPerms()});
 document.getElementById("partymode-button").addEventListener('click',function(){controlButton("pm")})
 //sets the fact that clicking a song needs to return its id to the function to find it
 document.getElementById("songlist").addEventListener('click', function(e){checkWhatSongWasClicked(e)});