diff options
-rwxr-xr-x | html/index.html | 34 | ||||
-rwxr-xr-x | src/index.h | 34 | ||||
-rwxr-xr-x | src/matrixdisplay.cpp | 17 |
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> + <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"> <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> + <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"> <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(); } } |