Fix displaying device name in frontend

The device name was always "RGB WiFi Lamp" for my devices. Because
the name is available to the frontend with the settings websocket
message, this commit adds a small JS function that updates the
page title and logo area with the device name.

Super_Simple_RGB_WiFi_Lamp/Web_Page.ino

@@ -53,6 +53,10 @@ const char websiteSource[] PROGMEM =
   "                // console.log(\"Found State Message\")\n"
   "                handleStateMessage(jsonMessage.State)\n"
   "            }\n"
+  "            if (\"Name\" in jsonMessage) {\n"
+  "                // console.log(\"Found Name Message\")\n"
+  "                handleNameMessage(jsonMessage.Name)\n"
+  "            }\n"
   "            if (\"Fade Time\" in jsonMessage) {\n"
   "                // console.log(\"Found Fade Time Message\")\n"
   "                handleFadeTimeMessage(jsonMessage[\"Fade Time\"])\n"
@@ -124,6 +128,13 @@ const char websiteSource[] PROGMEM =
   "            }\n"
   "        }\n"
   "\n"
+  "        function handleNameMessage(name) {\n"
+  "            if (typeof name === \"string\") {\n"
+  "                $(document).attr(\"title\", name);\n"
+  "                $(\"#HomeButton\").text(name);\n"
+  "            }\n"
+  "        }\n"
+  "\n"
   "        function handleFadeTimeMessage(jsonMessage) {\n"
   "            if (typeof jsonMessage === \"number\") {\n"
   "                $(\"#fadeTime\").val(jsonMessage)\n"

Website/Website.html

@@ -51,6 +51,10 @@
                 // console.log("Found State Message")
                 handleStateMessage(jsonMessage.State)
             }
+            if ("Name" in jsonMessage) {
+                // console.log("Found Name Message")
+                handleNameMessage(jsonMessage.Name)
+            }
             if ("Fade Time" in jsonMessage) {
                 // console.log("Found Fade Time Message")
                 handleFadeTimeMessage(jsonMessage["Fade Time"])
@@ -122,6 +126,13 @@
             }
         }
 
+        function handleNameMessage(name) {
+            if (typeof name === "string") {
+                $(document).attr("title", name);
+                $("#HomeButton").text(name);
+            }
+        }
+
         function handleFadeTimeMessage(jsonMessage) {
             if (typeof jsonMessage === "number") {
                 $("#fadeTime").val(jsonMessage)
@@ -1554,4 +1565,4 @@ <h2>Wifi Configuration</h2>
     </div>
 </body>
 
-</html>
+</html>