From 4423c7f13a4ed696832493a08a36b7ddd340ebdd Mon Sep 17 00:00:00 2001
From: Marat Fayzullin <mfayzullin@openmobileww.com>
Date: Thu, 15 Sep 2022 19:34:39 -0400
Subject: [PATCH 1/3] Adding distance display to the info windows.

---
 htdocs/map.js | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/htdocs/map.js b/htdocs/map.js
index 8c9ea8c..8acbaa8 100644
--- a/htdocs/map.js
+++ b/htdocs/map.js
@@ -353,6 +353,23 @@ $(function(){
                 '">' + callsign + '</a>';
     };
 
+    var distanceKm = function(p1, p2) {
+        // Earth radius in km
+        var R = 6371.0;
+        // Convert degrees to radians
+        var rlat1 = p1.lat() * (Math.PI/180);
+        var rlat2 = p2.lat() * (Math.PI/180);
+        // Compute difference in radians
+        var difflat = rlat2-rlat1;
+        var difflon = (p2.lng()-p1.lng()) * (Math.PI/180);
+        // Compute distance
+        d = 2 * R * Math.asin(Math.sqrt(
+            Math.sin(difflat/2) * Math.sin(difflat/2) +
+            Math.cos(rlat1) * Math.cos(rlat2) * Math.sin(difflon/2) * Math.sin(difflon/2)
+        ));
+        return Math.round(d);
+    }
+
     var infowindow;
     var showLocatorInfoWindow = function(locator, pos) {
         var infowindow = getInfoWindow();
@@ -364,8 +381,10 @@ $(function(){
         }).sort(function(a, b){
             return b.lastseen - a.lastseen;
         });
+        var distance = receiverMarker?
+            " (at " + distanceKm(receiverMarker.position, pos) + "km)" : "";
         infowindow.setContent(
-            '<h3>Locator: ' + locator + '</h3>' +
+            '<h3>Locator: ' + locator + distance + '</h3>' +
             '<div>Active Callsigns:</div>' +
             '<ul>' +
                 inLocator.map(function(i){

From 7a61f991ad68c3e19887c809e046c86f5e4f6d55 Mon Sep 17 00:00:00 2001
From: Marat Fayzullin <mfayzullin@openmobileww.com>
Date: Fri, 16 Sep 2022 00:02:17 -0400
Subject: [PATCH 2/3] Removed parentheses, added a space before "km".

---
 htdocs/map.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/htdocs/map.js b/htdocs/map.js
index 8acbaa8..71cae3a 100644
--- a/htdocs/map.js
+++ b/htdocs/map.js
@@ -382,7 +382,7 @@ $(function(){
             return b.lastseen - a.lastseen;
         });
         var distance = receiverMarker?
-            " (at " + distanceKm(receiverMarker.position, pos) + "km)" : "";
+            " at " + distanceKm(receiverMarker.position, pos) + " km" : "";
         infowindow.setContent(
             '<h3>Locator: ' + locator + distance + '</h3>' +
             '<div>Active Callsigns:</div>' +

From 0127e32ea1c0534b7b5bfae67cb0f9022c1b2f2b Mon Sep 17 00:00:00 2001
From: Marat Fayzullin <mfayzullin@openmobileww.com>
Date: Mon, 26 Sep 2022 15:24:59 -0400
Subject: [PATCH 3/3] Removing dash from APRS callsigns and showing distance to
 them.

---
 htdocs/map.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/htdocs/map.js b/htdocs/map.js
index 71cae3a..3a0c0a8 100644
--- a/htdocs/map.js
+++ b/htdocs/map.js
@@ -342,14 +342,14 @@ $(function(){
         delete infowindow.locator;
         delete infowindow.callsign;
         return infowindow;
-    }
+    };
 
     var linkifyCallsign = function(callsign) {
         if ((callsign_url == null) || (callsign_url == ''))
             return callsign;
         else
             return '<a target="callsign_info" href="' +
-                callsign_url.replaceAll('{}', callsign) +
+                callsign_url.replaceAll('{}', callsign.replace(new RegExp('-.*$'), '')) +
                 '">' + callsign + '</a>';
     };
 
@@ -368,7 +368,7 @@ $(function(){
             Math.cos(rlat1) * Math.cos(rlat2) * Math.sin(difflon/2) * Math.sin(difflon/2)
         ));
         return Math.round(d);
-    }
+    };
 
     var infowindow;
     var showLocatorInfoWindow = function(locator, pos) {
@@ -406,16 +406,20 @@ $(function(){
         var marker = markers[callsign];
         var timestring = moment(marker.lastseen).fromNow();
         var commentString = "";
+        var distance = "";
         if (marker.comment) {
             commentString = '<div>' + marker.comment + '</div>';
         }
+        if (receiverMarker) {
+            distance = " at " + distanceKm(receiverMarker.position, marker.position) + " km";
+        }
         infowindow.setContent(
-            '<h3>' + linkifyCallsign(callsign) + '</h3>' +
+            '<h3>' + linkifyCallsign(callsign) + distance + '</h3>' +
             '<div>' + timestring + ' using ' + marker.mode + ( marker.band ? ' on ' + marker.band : '' ) + '</div>' +
             commentString
         );
         infowindow.open(map, marker);
-    }
+    };
 
     var showReceiverInfoWindow = function(marker) {
         var infowindow = getInfoWindow()
@@ -424,7 +428,7 @@ $(function(){
             '<div>Receiver location</div>'
         );
         infowindow.open(map, marker);
-    }
+    };
 
     var getScale = function(lastseen) {
         var age = new Date().getTime() - lastseen;