PWA Support

Author: LukePrior

img/icons/maskable_icon_x128.png

@@ -10,12 +10,14 @@
         <meta name="apple-mobile-web-app-title" content="SondeHub Tracker">
         <meta name="apple-mobile-web-app-capable" content="yes" />
         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+        <meta name="theme-color" content="#00a3d3" />
         <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon.png" />
         <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon.png" />
         <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon.png" />
         <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon.png" />
         <link rel="fluid-icon" href="img/fluidicon.png" title="Mobile Tracker" />
         <link rel="icon" type="image/x-icon" href="favicon.ico" />
+        <link rel="manifest" href="manifest.json">
 
         <link rel="stylesheet" href="css/mobile.css"/>
         <link rel="stylesheet" href="css/leaflet.css" />
@@ -363,12 +365,13 @@ <h3>Report Recovery</h3>
     <script type="text/javascript" language="javascript" src="js/leaflet.js"></script>
     <script type="text/javascript" language="javascript" src="js/Leaflet.fullscreen.min.js"></script>
     <script type="text/javascript" language="javascript" src="js/L.Terminator.js"></script>
-    <script src="https://xc5dqkj2cgb1.statuspage.io/embed/script.js"></script>
+    <script src="https://xc5dqkj2cgb1.statuspage.io/embed/script.js" async defer></script>
     <script type="text/javascript" language="javascript" src="js/mobile.js"></script>
     <script type="text/javascript" language="javascript" src="js/rbush.js"></script>
     <script>var module = {};</script>
     <script src="js/leaflet.canvas-markers.js"></script>
     <script>module.exports(L);</script>
+    <script type="text/javascript" language="javascript" src="js/pwa.js"></script>
     <!--
     <script type="text/javascript" language="javascript" src="js/iscroll.js"></script>
     <script type="text/javascript" language="javascript" src="js/jquery-1.12.4-min.js"></script>

img/icons/maskable_icon_x192.png

@@ -0,0 +1,3 @@
+if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.register('/service-worker.js')
+}

img/icons/maskable_icon_x384.png

@@ -384,6 +384,8 @@ function load() {
         preferCanvas: true,
     });
 
+    var svgRenderer = L.svg();
+
     map.addControl(new L.Control.Fullscreen({ position: 'bottomleft' }));
 
     new L.Control.Zoom({ position: 'bottomright' }).addTo(map);
@@ -419,7 +421,7 @@ function load() {
     receiverCanvas.addTo(map);
 
     // initalize nite overlay
-    nite = new L.terminator();
+    nite = new L.terminator({ renderer: svgRenderer });
 
     if (offline.get("opt_daylight")) {
         map.addLayer(nite);
@@ -1372,8 +1374,11 @@ function redrawPrediction(vcallsign) {
     }
 }
 
-function updatePolyline(vcallsign) {
+function updatePolyline(vcallsign, flag) {
     for(var k in vehicles[vcallsign].polyline) {
+        if (flag) {
+            vehicles[vcallsign].polyline[k].setLatLngs([]);
+        }
         vehicles[vcallsign].polyline[k].setLatLngs(vehicles[vcallsign].positions);
     }
 }
@@ -2539,7 +2544,10 @@ function refresh(serial) {
     success: function(response, textStatus) {
         $("#stText").text("loading |");
         response.fetch_timestamp = Date.now();
-        update(response);
+        if (serial === undefined) {update(response);} else {
+            //vehicles[serial].kill();
+            update(response, true);
+        }
         $("#stText").text("");
         $("#stTimer").attr("data-timestamp", response.fetch_timestamp);
     },
@@ -3194,7 +3202,7 @@ var ssdv = {};
 var status = "";
 var bs_idx = 0;
 
-function update(response) {
+function update(response, flag) {
     if (response === null ||
         !response.positions ||
         !response.positions.position ||
@@ -3265,7 +3273,12 @@ function update(response) {
             if(vehicle === undefined) return;
 
             if(vehicle.updated) {
-                updatePolyline(vcallsign);
+                if (flag) {
+                    updatePolyline(vcallsign, true);
+                } else {
+                    updatePolyline(vcallsign);
+                }
+                
                 updateVehicleInfo(vcallsign, vehicle.curr_position);
 
                 // remember last position for each vehicle