Add Monitor page

src/base/Application.cpp

@@ -192,6 +192,14 @@ void Application::initWebServer(ESP8266WebServer &server, bool &shouldReboot, bo
     server.sendHeader(F("Content-Encoding"), F("gzip"));
     server.send_P(200, PSTR("text/html"), getHTMLContent(fw), getHTMLContentSize(fw)); });
 
+  // HTML mn handler
+  sprintf_P(url, PSTR("/mn%c.html"), _appId);
+  server.on(url, HTTP_GET, [this, &server]()
+            {
+    server.keepAlive(false);
+    server.sendHeader(F("Content-Encoding"), F("gzip"));
+    server.send_P(200, PSTR("text/html"), getHTMLContent(mn), getHTMLContentSize(mn)); });
+
   // HTML discover handler
   sprintf_P(url, PSTR("/discover%c.html"), _appId);
   server.on(url, HTTP_GET, [this, &server]()
@@ -288,4 +296,4 @@ void Application::run()
 #endif
 
   appRun();
-}
+}

src/base/Application.h

@@ -19,6 +19,7 @@ class Application
     status,
     config,
     fw,
+    mn,
     discover
   } WebPageForPlaceHolder;
 
@@ -70,4 +71,4 @@ class Application
   void run();
 };
 
-#endif
+#endif

src/base/Core.cpp

@@ -51,6 +51,9 @@ const PROGMEM char *Core::getHTMLContent(WebPageForPlaceHolder wp)
   case fw:
     return fw0htmlgz;
     break;
+  case mn:
+    return mn0htmlgz;
+    break;
   case discover:
     return discover0htmlgz;
     break;
@@ -70,6 +73,9 @@ size_t Core::getHTMLContentSize(WebPageForPlaceHolder wp)
   case fw:
     return sizeof(fw0htmlgz);
     break;
+  case mn:
+    return sizeof(mn0htmlgz);
+    break;
   case discover:
     return sizeof(discover0htmlgz);
     break;
@@ -278,4 +284,4 @@ void Core::appInitWebServer(ESP8266WebServer &server, bool &shouldReboot, bool &
                     {
     server.keepAlive(false);
     server.send(404); });
-}
+}

src/base/Core.h

@@ -10,6 +10,7 @@
 #include "data/status0.html.gz.h"
 #include "data/config0.html.gz.h"
 #include "data/fw0.html.gz.h"
+#include "data/mn0.html.gz.h"
 #include "data/discover0.html.gz.h"
 
 class Core : public Application
@@ -30,4 +31,4 @@ class Core : public Application
   Core(char appId, String fileName) : Application(appId, fileName) {}
 };
 
-#endif
+#endif

src/base/data/index.html

@@ -48,6 +48,7 @@
                             class="pure-menu-link">Status</a></li>
                     <li class="pure-menu-item" id="menuConfig"><a href="" class="pure-menu-link">Config</a></li>
                     <li class="pure-menu-item" id="menuFirmware"><a href="" class="pure-menu-link">Firmware</a></li>
+                    <li class="pure-menu-item" id="menuMonitor"><a href="" class="pure-menu-link">Monitor</a></li>
                     <li class="pure-menu-item" id="menuDiscover"><a href="" class="pure-menu-link">Discover</a></li>
                 </ul>
             </div>
@@ -155,11 +156,11 @@ <h1 id="mainHeader"></h1>
             el.dispatchEvent(evt);
         }
 
-
         function emptyContents() {
             $("#menuStatus").classList.remove("pure-menu-selected");
             $("#menuConfig").classList.remove("pure-menu-selected");
             $("#menuFirmware").classList.remove("pure-menu-selected");
+            $("#menuMonitor").classList.remove("pure-menu-selected");
             $("#menuDiscover").classList.remove("pure-menu-selected");
 
             $("#content0").innerHTML = '';
@@ -213,6 +214,14 @@ <h1 id="mainHeader"></h1>
             load($("#content0"), "/fw0.html");
         });
 
+        $("#menuMonitor").addEventListener("click", function (evt) {
+            evt.preventDefault();
+            emptyContents();
+            $("#menuMonitor").classList.add("pure-menu-selected");
+            $("#mainHeader").textContent = "Monitor";
+            load($("#content0"), "/mn0.html");
+        });
+
         $("#menuDiscover").addEventListener("click", function (evt) {
             evt.preventDefault();
             emptyContents();
@@ -223,4 +232,4 @@ <h1 id="mainHeader"></h1>
     </script>
 </body>
 
-</html>
+</html>