Add admin page on spotlight

Not yet styled

js/spotlight.js

@@ -1,6 +1,8 @@
 const makeClusterButton = document.getElementById("makeCluster")
 let numClusters
 
+let openSlide = "spotlightContainer"
+
 let clusters = {}
 let occupiedLamps = Array()
 let chosenShelves = Array()
@@ -177,7 +179,6 @@ function unselectAll() {
     makeClusterButton.classList.add("hidden")
 }
 
-
 function updateConfig() {
     const preSelectCluster = chosenCluster
     unselectAll()
@@ -213,4 +214,20 @@ function updateConfig() {
 
 }
 
+
+
+function topBarClick(id) {
+    if (id !== openSlide) {
+        document.getElementById(id).classList.toggle("hidden")
+        document.getElementById(openSlide).classList.toggle("hidden")
+        openSlide = id
+    }
+}
+
+
+function resetESP() {
+    sendWebRequest("http://192.168.1.170/reset", "", "POST")
+}
+
+
 updateConfig()

spotlights.html

@@ -26,9 +26,8 @@
     <!--end of Navigation bar-->
 
     <div class="topBar">
-        <!--<button onclick="topBarClick('animationsContainer')">Animations</button>
-        <button onclick="topBarClick('customContainer')">Custom</button>
-        <button onclick="topBarClick('settingsContainer')">Settings</button>-->
+        <button onclick="topBarClick('spotlightContainer')">Färg och Animation</button>
+        <button onclick="topBarClick('spotlightAdminContainer')">Admin</button>
     </div>
 
     <div id="spotlightContainer">
@@ -75,6 +74,14 @@
 
     </div>
 
+    <div id="spotlightAdminContainer" class="hidden">
+        <h2>Uppdatera firmware</h2>
+        <form method='POST' action='/doUpdate' enctype='multipart/form-data'><input type='file' name='update'><input type='submit' value='Update'></form>
+        <h2>Uppdatera SD-kort</h2>
+        <p>Placeholder</p>
+        <button onclick="resetESP()">Reset</button>
+    </div>
+
     <script src="js/spotlight.js"></script>
 </div>
 </body>