access point: add manual entry page

Author: tcsullivan

noisemeter-device/access-point-html.cpp

@@ -74,19 +74,33 @@ const char *HTML_FOOTER = R"html(
 )html";
 
 const char *HTML_BODY_FORM_HEADER = R"html(
-<p>Enter the wifi network name and password for your home network, which the sensor can connect to to get online:<br/><br/></p>
+    <p>Select your home WiFi network below and enter its password to get the sensor online:<br><br></p>
     <form method='POST' action='/submit' enctype='multipart/form-data'>
-      <label for='ssid'>Wifi network name (&#x1f512; = password required):</label><br>
+      <label for='ssid'>Wifi network name:</label><br>
       <select name='ssid' id='ssid' required>
 )html";
 
 const char *HTML_BODY_FORM_FOOTER = R"html(
-      </select><br>
-      <label for='psk'>Wifi network password:</label><br>
+      </select>
+      <p style="font-size: 0.75em">(&#x1f512; = password required)<br>(Don't see your network? <a href="/manual">Enter it manually</a>)</p>
+      <br><label for='psk'>Wifi network password:</label><br>
       <input type='password' name='psk' id='psk'/><br>
       <label for='email'>Your Email (also your username for logging into the tRacket portal):</label><br>
       <input type='email' name='email' id='email'/><br>
       <p><input type='submit' value='Connect'/></p>
     </form>
 )html";
 
+const char *HTML_BODY_FORM_MANUAL = R"html(
+<p>Enter the wifi network name and password for your home network, which the sensor can connect to to get online:<br/><br/></p>
+    <form method='POST' action='/submit' enctype='multipart/form-data'>
+      <p>Wifi network name:</p>
+      <input type='text' name='ssid' autocorrect='off' autocapitalize='none' autocomplete='off' required/>
+      <p>Wifi network password:</p>
+      <input type='password' name='psk'/>
+      <p>Your Email (also your username for logging into the tRacket portal):</p>
+      <input type='email' name='email'/>
+      <p><input type='submit' value='Connect'/></p>
+    </form>
+)html";
+

noisemeter-device/access-point-html.hpp

@@ -3,4 +3,4 @@ extern const char *HTML_CONTAINER;
 extern const char *HTML_FOOTER;
 extern const char *HTML_BODY_FORM_HEADER;
 extern const char *HTML_BODY_FORM_FOOTER;
-
+extern const char *HTML_BODY_FORM_MANUAL;

noisemeter-device/access-point.cpp

@@ -178,6 +178,15 @@ bool AccessPoint::handle(WebServer& server, HTTPMethod method, String uri)
             response += HTML_BODY_FORM_FOOTER;
             response += HTML_FOOTER;
 
+            timeout = DAY_TO_SEC(30);
+            server.send_P(200, PSTR("text/html"), response.c_str());
+        } else if (uri == "/manual") {
+            String response;
+            response.reserve(2048);
+            response += HTML_HEADER;
+            response += HTML_CONTAINER;
+            response += HTML_BODY_FORM_MANUAL;
+            response += HTML_FOOTER;
             timeout = DAY_TO_SEC(30);
             server.send_P(200, PSTR("text/html"), response.c_str());
         } else if (uri == "/connecttest.txt") {