Share button

Author: LukePrior

css/main.css

@@ -415,6 +415,7 @@ header .search form input[type='submit'] {
 #main .row .data .vbutton {
     position: absolute;
     background-color: #fff;
+    width: 25px !important;
     right: 5px;
     top: 150px;
     padding-left: 3px;
@@ -424,6 +425,22 @@ header .search form input[type='submit'] {
     border: 1px solid #ccc;
     cursor: pointer;
     z-index: 5;
+    text-align: center;
+}
+
+#main .row .data .sbutton {
+    position: absolute;
+    background-color: #fff;
+    width: 25px !important;
+    right: 5px;
+    top: 170px;
+    padding-left: 3px;
+    padding-right: 3px;
+    font-size: 10px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    cursor: pointer;
+    z-index: 5;
 }
 
 #main .row .data .vbutton.active {
@@ -440,6 +457,10 @@ header .search form input[type='submit'] {
     top: 50px !important;
 }
 
+#main .portrait .row .data .sbutton {
+    top: 80px !important;
+}
+
 #main .row .data img {
     position: absolute;
     z-index: 2;

js/tracker.js

@@ -601,6 +601,20 @@ function showLaunchSites() {
     }
 }
 
+function shareVehicle(callsign) {
+    const shareData = {
+        title: 'SondeHub: ' + vehicles[callsign].marker.options.title + ' Flight Information',
+        text: 'You can view the flight path and sensor data for ' + vehicles[callsign].marker.options.title + ' on the SondeHub tracker!',
+        url: window.location.origin + '/' + callsign,
+    }
+    try {
+        navigator.share(shareData);
+    } catch (e) {
+        console.log("Error sharing: " + e);
+    }
+    
+}
+
 function panTo(vcallsign) {
     if(!vcallsign || vehicles[vcallsign] === undefined) return;
 
@@ -1214,6 +1228,7 @@ function updateVehicleInfo(vcallsign, newPosition) {
            '<img class="'+((vehicle.vehicle_type=="car")?'car':'')+'" src="'+image+'" />' +
            '<span class="vbutton path '+((vehicle.polyline_visible) ? 'active' : '')+'" data-vcallsign="'+vcallsign+'"' +
                ' style="top:'+(vehicle.image_src_size[1]+55)+'px">Path</span>' +
+            '<span class="sbutton" onclick="shareVehicle(\'' + vcallsign + '\')">Share</span>' +
            ((vcallsign in hysplit) ? '<span class="vbutton hysplit '+((hysplit[vcallsign].getMap()) ? 'active' : '')+'"' +
                 ' data-vcallsign="'+vcallsign+'" style="top:'+(vehicle.image_src_size[1]+55+21+10)+'px">HYSPLIT</span>' : '') +
            ((vcallsign.substr(0, 6) in ssdv) ? '<a class="vbutton active" href="//ssdv.habhub.org/' + vcallsign.substr(0, 6) + '"' +

manifest.json

@@ -46,17 +46,17 @@
   ],
   "screenshots": [
     {
-      "src": "/img/screenshot/screenshot1.jpg",
+      "src": "/img/screenshots/screenshot1.jpg",
       "type": "image/jpg",
       "sizes": "1080x2240"
     },
     {
-      "src": "/img/screenshot/screenshot2.jpg",
+      "src": "/img/screenshots/screenshot2.jpg",
       "type": "image/jpg",
       "sizes": "1080x2240"
     },
     {
-      "src": "/img/screenshot/screenshot3.jpg",
+      "src": "/img/screenshots/screenshot3.jpg",
       "type": "image/jpg",
       "sizes": "1080x2240"
     }