Add version check

Author: xss

.gitignore

@@ -3,6 +3,7 @@
 *.log
 js/mobile.js
 js/init_plot.js
+js/version.json
 css/mobile.css
 cache.manifest
-tiles/
+tiles/

build.sh

@@ -35,6 +35,9 @@ java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations -
 java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge _jquery.flot.js >> init_plot.js
 java -jar "../tools/yuicompressor-2.4.8.jar" --type=js --disable-optimizations --nomunge plot_config.js >> init_plot.js
 
+# create version check file
+echo "{\"build_date\": \"$BUILD_DATE\", \"version\": \"$VERSION\", \"refresh\": 86400}" > version.json
+
 cd ..
 echo "Done!"
 echo -n "Generate cache.manifest..."

css/layout.css

@@ -164,3 +164,19 @@ header h1{
 	    font-weight: normal;
 	    font-style: normal; }
 */
+
+#reload_warning {
+    position: absolute;
+    left: 20px;
+    bottom: 20px;
+    font-size: 12;
+    width: 300px;
+    height: auto;
+    background-color: white;
+    z-index: 10;
+    box-shadow: rgba(9, 20, 66, 0.25) 0px 20px 32px -8px;
+    border: #ddd solid;
+    padding: 10px;
+    border-width: 1px;
+    display: none;
+}

index.html

@@ -405,6 +405,10 @@ <h3>Report Recovery</h3>
             </div>
         </div>
     </div>
+
+    <div id="reload_warning">This version of SondeHub is out of date. <a href="javascript:window.location.reload(true)">Click here to reload</a>. Page will reload automatically in <span id="reload_timer"></span>
+    </div>
+
     <!-- Was 3.31-->
     <script type="text/javascript" language="javascript" src="https://www.google.com/recaptcha/api.js" async defer></script>
     <script type="text/javascript" language="javascript" src="https://xc5dqkj2cgb1.statuspage.io/embed/script.js" async defer></script>

js/app.js

@@ -456,6 +456,7 @@ var updateTime = function(date) {
     }
 };
 
+const version = "{VER}";
 
 $(window).ready(function() {
     // refresh timebox
@@ -464,7 +465,7 @@ $(window).ready(function() {
     }, 1000);
 
     // Update Tracker version info
-    $('#build_version').text("{VER}");
+    $('#build_version').text(version);
     $('#build_date').text("{BUILD_DATE}");
 
     // resize elements if needed
@@ -999,3 +1000,33 @@ $(window).ready(function() {
        clean_refresh(wvar.mode, true, true);
    });
 });
+
+
+function check_version(){
+    const updateRequest = new Request("/js/version.json");
+    fetch(updateRequest)
+        .then(function(response){ return response.json()})
+        .then(function(response){
+            if (response['version'] != version) {
+                reload_timer = window.setTimeout(update_site, response['refresh']*1000)
+                reload_end_time = new Date().getTime() +response['refresh']*1000
+                update_countdown();
+                countdown_interval = setInterval(update_countdown, 100);
+                document.getElementById("reload_warning").style.display = "block";
+            }
+        })
+}
+function update_site(){
+    window.location.reload(true)
+}
+
+function update_countdown(){
+    var date = new Date(0);
+    time_remaining = (reload_end_time - new Date().getTime())/1000
+    date.setSeconds(time_remaining);
+    var timeString = date.toISOString().substring(11, 19); // hacky
+    document.getElementById("reload_timer").innerText = timeString;
+}
+
+check_version()
+update_check = setInterval(check_version, 15 * 60 * 1000)

js/tracker.js

@@ -16,6 +16,7 @@ var client = new Paho.Client(livedata, clientID);
 var clientConnected = false;
 var clientActive = false;
 var clientTopic = [];
+var alwaysSub = [];
 var messageRate = 0;
 var messageRateAverage = 10;