only show visible sondes on sidebar

Author: LukePrior

index.html

@@ -211,6 +211,13 @@ <h4>Visibility</h4>
                     <input type="checkbox" id="opt_layers_launches">
                 </div>
             </div>
+            <div class="row option">
+                <span><b>Only show visible on sidebar</b></span>
+                <div class="switch off" id="sw_selective_sidebar">
+                    <span class="thumb"></span>
+                    <input type="checkbox" id="opt_selective_sidebar">
+                </div>
+            </div>
             <h4>Other</h4>
             <hr/>
             <div class="row option">

js/app.js

@@ -722,6 +722,7 @@ $(window).ready(function() {
         '#sw_hide_horizon',
         '#sw_hide_titles',
         '#sw_layers_launches',
+        '#sw_selective_sidebar',
         "#sw_nowelcome",
         "#sw_interpolate",
     ];
@@ -820,6 +821,9 @@ $(window).ready(function() {
                 if(on) map.overlayMapTypes.setAt("1", overlayAPRS);
                 else map.overlayMapTypes.setAt("1", null);
                 break;
+            case "opt_selective_sidebar":
+                sidebar_update();
+                break;
             case "opt_layers_launches":
                 if(on) {
                     map.removeLayer(launches);

js/tracker.js

@@ -878,6 +878,7 @@ function load() {
 
     map.on('moveend', function (e) {
         lhash_update();
+        sidebar_update();
     });
 
     map.on('baselayerchange', function (e) {
@@ -926,6 +927,7 @@ function load() {
 
         map.on('moveend', function() {
             lhash_update();
+            sidebar_update();
         });
         map.on('baselayerchange', function() {
             lhash_update();
@@ -1053,6 +1055,22 @@ function panToRecovery(rcallsign) {
     }
 }
 
+function sidebar_update() {
+    if (offline.get('opt_selective_sidebar')) {
+        for (let serial in vehicles) {
+            if (map.getBounds().contains(vehicles[serial].marker.getLatLng())) {
+                $("#main .vehicle"+vehicles[serial].uuid).show();
+            } else {
+                $("#main .vehicle"+vehicles[serial].uuid).hide();
+            }
+        }
+    } else {
+        for (let serial in vehicles) {
+            $("#main .vehicle"+vehicles[serial].uuid).show();
+        }
+    }
+}
+
 function title_case(s) {
   return s.replace(/\w\S*/g, function(txt) {
     return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
@@ -1528,6 +1546,14 @@ function updateVehicleInfo(vcallsign, newPosition) {
         $('.landscape').append('<div class="row vehicle'+vehicle.uuid+'" data-vcallsign="'+vcallsign+'"></div>');
     }
 
+    if (offline.get('opt_selective_sidebar')) {
+        if (map.getBounds().contains(vehicles[vcallsign].marker.getLatLng())) {
+            $("#main .vehicle"+vehicle.uuid).show();
+        } else {
+            $("#main .vehicle"+vehicle.uuid).hide();
+        }
+    }
+
   } else if(elm.attr('data-vcallsign') === undefined) {
     elm.attr('data-vcallsign', vcallsign);
   }