html changes

create function to send post requests, use it for reset and toggling.

1 files changed, 29 insertions, 5 deletions

diff --git a/html/index.html b/html/index.html
index 51dedeb..20e7387 100755
--- a/html/index.html
+++ b/html/index.html
@@ -201,14 +201,12 @@
 -->
           </tr>
         </tbody>
-      </table>
-      <iframe name="hidden_iframe" style="display:none;"></iframe>
-      <form action="/reset" method="post" target="hidden_iframe">
-        <button type="submit">Restart Sign</button>
-      </form>
+      </table>     
       <form id="saveform">
         <fieldset>
           <legend>Customisation:</legend>
+          <button type="button" id="toggledisplay" onclick="sendPostRequest('matrix', 'toggle')">Toggle Display</button>&nbsp;
+          <button type="button" id="restart" onclick="sendPostRequest('restart', '')">Restart Sign</button><br>
           Wireless (required for time sync):<br>
           <input type="text" id="cssid" name="cssid" placeholder="ssid"> &nbsp; <input type="password" id="cpassword"
             name="cpassword" placeholder="password">
@@ -418,6 +416,32 @@
     document.getElementById("datep").valueAsDate = new Date();
 
 
+    function sendPostRequest(key, value) {
+    const data = {
+        [key]: value
+    };
+
+    fetch('/cmd', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+    })
+    .then(response => {
+        if (!response.ok) {
+            throw new Error('Network response was not ok');
+        }
+        return response.json();
+    })
+    .then(data => {
+        console.log('Success:', data);
+    })
+    .catch((error) => {
+        console.error('Error:', error);
+    });
+}
+
   </script>
 </body>