From 9f262896f80eccdb0021135aacfaa4c21bac324b Mon Sep 17 00:00:00 2001
From: doudar <anthonydoud97@gmail.com>
Date: Tue, 26 Dec 2023 13:36:16 -0600
Subject: [PATCH] Added popup notification if firmware is incompatible with
 webserver files.

---
 data/index.html | 37 +++++++++++++++++++++----------------
 1 file changed, 21 insertions(+), 16 deletions(-)
diff --git a/data/index.html b/data/index.html
index 7d010d4b..9f94ba6a 100644
--- a/data/index.html
+++ b/data/index.html
@@ -1,24 +1,24 @@
 <body>
-  <fieldset><legend><a href="http://github.com/doudar/SmartSpin2k">http://github.com/doudar/SmartSpin2k</a></legend>
-  <h1 style="text-align: center;"><strong>SmartSpin2k</strong></h1>
-  <h2>
-    <p style="text-align: center;"><strong><a href="shift.html">Web Shifter</a></strong></p>
-    <p style="text-align: center;"><strong><a href="hrtowatts.html">Heartrate to Watts Setup</a></strong></p>
-    <p style="text-align: center;"><strong><a href="/wifi">WiFi Setup</a></strong></p>
-    <p style="text-align: center;"><strong><a href="bluetoothscanner.html">Bluetooth Setup</a></strong></p>
-    <p style="text-align: center;"><strong><a href="settings.html">Advanced Settings</a></strong></p>
-    <p style="text-align: center;"><strong><a href="develop.html">Developer Tools</a></strong></p>
-    <p><a href=https://github.com/doudar/SmartSpin2k/wiki>SS2K Help</a></p>
-  </h2>
-</fieldset>
+  <fieldset>
+    <legend><a href="http://github.com/doudar/SmartSpin2k">http://github.com/doudar/SmartSpin2k</a></legend>
+    <h1 style="text-align: center;"><strong>SmartSpin2k</strong></h1>
+    <h2>
+      <p style="text-align: center;"><strong><a href="shift.html">Web Shifter</a></strong></p>
+      <p style="text-align: center;"><strong><a href="hrtowatts.html">Heartrate to Watts Setup</a></strong></p>
+      <p style="text-align: center;"><strong><a href="/wifi">WiFi Setup</a></strong></p>
+      <p style="text-align: center;"><strong><a href="bluetoothscanner.html">Bluetooth Setup</a></strong></p>
+      <p style="text-align: center;"><strong><a href="settings.html">Advanced Settings</a></strong></p>
+      <p style="text-align: center;"><strong><a href="develop.html">Developer Tools</a></strong></p>
+      <p><a href=https://github.com/doudar/SmartSpin2k/wiki>SS2K Help</a></p>
+    </h2>
+  </fieldset>
 
-<p style="text-align: center; color: blanchedalmond;"><label id="firmwareVersion">loading</label></p>
+  <p style="text-align: center; color: blanchedalmond;"><label id="firmwareVersion">loading</label></p>
 </body>
 
 <script>
-  //Update values on specified interval loading late because this tiny webserver hates frequent requests
-  setInterval(function () {
-    if (document.getElementById("firmwareVersion").innerHTML == "loading"){
+  var intTimer = setInterval(function () {
+    if (document.getElementById("firmwareVersion").innerHTML == "loading") {
       requestConfigValues();
     }
 
@@ -32,6 +32,11 @@ <h2>
         document.getElementById("firmwareVersion").innerHTML = obj.firmwareVersion;
       }
     };
+    let color = window.getComputedStyle(document.body, null).getPropertyValue('background-color');
+    if (color == "rgba(0, 0, 0, 0)") {
+      alert("New firmware is available and your webserver files aren't compatible with this firmware. Please update your firmware manually. \n\nhttps://github.com/doudar/SmartSpin2k/wiki/Loading-Software");
+      clearInterval(intTimer);
+    }
     xhttp.open("GET", "/configJSON", true);
     xhttp.send();
   }
