html changes

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

3 files changed, 62 insertions, 23 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>
 
diff --git a/src/index.h b/src/index.h
index 3dc9d10..9a8edf3 100755
--- a/src/index.h
+++ b/src/index.h
@@ -202,14 +202,12 @@ const char index_html[] PROGMEM = R"rawliteral(
 -->
           </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">
@@ -419,6 +417,32 @@ const char index_html[] PROGMEM = R"rawliteral(
     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>
 
diff --git a/src/matrixdisplay.cpp b/src/matrixdisplay.cpp
index 839a7af..3170395 100755
--- a/src/matrixdisplay.cpp
+++ b/src/matrixdisplay.cpp
@@ -290,6 +290,10 @@ void handlecmd()
 				myDisplay.displayShutdown(!displayon);
 			}
 		}
+		else if (strcmp(cmd, "restart") == 0)
+		{
+			resetesp32();
+		}
 	}
 	server.send(200, "application/json", "");
 }
@@ -600,24 +604,11 @@ void nextmessage()
 	globalconf.pos++;
 }
 
-void doom()
-{
-	myDisplay.displayText("DAYS", PA_CENTER, 40, 2000, PA_SCROLL_DOWN, PA_FADE);
-	while (!myDisplay.displayAnimate())
-	{
-	}
-	myDisplay.displayText("LEFT", PA_CENTER, 40, 2000, PA_OPENING, PA_OPENING);
-	while (!myDisplay.displayAnimate())
-	{
-	}
-}
-
 void loop()
 {
 	if (displayon && myDisplay.displayAnimate())
 	{
 		nextmessage();
-		//  doom();
 		myDisplay.displayReset();
 	}
 }