Improve Reboot UX: charging awareness, progress UI, auto-reload #285

Author: kozmoz

Author: mstegen

SmartEVSE-3/data/index.html

@@ -1173,7 +1173,28 @@ <h1 id="serialnr" class="h5 mb-0 text-white-800">SmartEVSE-</h1>
                         event.preventDefault();
                     }
                     function reboot() {
-                        window.location.href = "/reboot";
+                      let httpStatus;
+                      fetch("/reboot")
+                          .then(response => {
+                            httpStatus = response.status;
+                            return response.text();
+                          })
+                          .then(message => {
+                            document.body.innerHTML = `<div id="rebootMsg" class="alert alert-success" role="alert"></div>`;
+                            document.querySelector('#rebootMsg').innerText = message
+                            if (httpStatus === 200) {
+                              setInterval(() => document.querySelector('#rebootMsg').innerText += '.', 500);
+                              // Keep retrying until the device responds.
+                              setInterval(() => window.location.reload(), 5000);
+                            } else {
+                              document.querySelector('#rebootMsg').innerHTML
+                                  += '<br><br><a href="#" class="alert-link" onclick="window.location.reload()">Return to webinterface</a>';
+                            }
+                          })
+                          .catch(error => {
+                            document.body.innerHTML = `<div id="errorMsg" class="alert alert-danger" role="alert"></div>`;
+                            document.querySelector('#errorMsg').innerText = `Error: ${error}`;
+                          });
                     }
                     function update() {
                         window.location.href = "/update";

SmartEVSE-3/src/network_common.cpp

@@ -1185,9 +1185,13 @@ static void fn_http_server(struct mg_connection *c, int ev, void *ev_data) {
         } else if (mg_http_match_uri(hm, "/reboot")) {
             shouldReboot = true;
 #ifndef SMARTEVSE_VERSION //sensorbox
-            mg_http_reply(c, 200, "", "Rebooting after 5s....");
+            mg_http_reply(c, 200, "", "Rebooting after 5s...");
 #else
-            mg_http_reply(c, 200, "", "Rebooting 5s after EV stops charging....");
+            if (State == STATE_C) {
+                mg_http_reply(c, 202, "", "Reboot scheduled: Device will reboot 5 seconds after the EV stops charging...");
+            } else {
+                mg_http_reply(c, 200, "", "Device will reboot in 5 seconds...");
+            }
 #endif
         } else if (mg_http_match_uri(hm, "/settings") && !memcmp("POST", hm->method.buf, hm->method.len)) {
             DynamicJsonDocument doc(64);