add button for HotSpot control

Patrick-81 · Oct 25, 2023 · 5e6f3f4 · 5e6f3f4
1 parent b115205
commit 5e6f3f4
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/ConfigTinker/startup.php b/ConfigTinker/startup.php
@@ -47,6 +47,12 @@ function setLightTheme(){
                 $("#stylepage")[0].setAttribute("href", css_filename)
         
             }
+            function setHotSpotON(){
+                console.log('HotSpot ON');
+            }
+            function setHotSpotOFF(){
+                console.log('HotSpot OFF');
+            }
         </script>
     </head>
     <body>
@@ -64,7 +70,7 @@ function setLightTheme(){
 
                 <div class="col-sm text-center align-self-center ">
                     <div class="row d-flex h-100 justify-content-center align-items-center">
-                        <h3>System status</h3>
+                        <h3>Theme light</h3>
                     </div>
                     <div class="row">
                         <div class="col-sm text-center align-self-center">
@@ -78,6 +84,23 @@ function setLightTheme(){
                             </svg></button>
                         </div>
                     </div>
+
+                    <div class="row d-flex h-100 justify-content-center align-items-center">
+                        <h3>Hotspot Control</h3>
+                    </div>
+                    <div class="row">
+                        <div class="col-sm text-center align-self-center">
+                            <button type="button" class="btn btn-sm btn-secondary btn-block" onclick="setHotSpotON()()"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill" viewBox="0 0 16 16">
+                                <path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
+                            </svg></button>
+                        </div>
+                        <div class="col-sm text-center align-self-center">
+                            <button type="button" class="btn btn-sm btn-secondary btn-block" onclick="setHotSpotOFF()()"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-fill" viewBox="0 0 16 16">
+                                <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
+                            </svg></button>
+                        </div>
+                    </div>
+                    
                 </div>
 
                 <!-- RAM Block -->