added a feature to hilight selected vehicle

Author: rossengeorgiev

index.html

@@ -151,6 +151,13 @@ <h2><i class="icon-settings rfloat"></i>Settings</h2>
                     <input type="checkbox" id="opt_hide_receivers">
                 </div>
             </div>
+            <div class="row option">
+                <span><b>Highlight selected vehicle</b></span>
+                <div class="switch off" id="sw_hilight_vehicle">
+                    <span class="thumb"></span>
+                    <input type="checkbox" id="opt_hilight_vehicle">
+                </div>
+            </div>
             <div class="row option">
                 <span><b>Availability offline</b></span>
                 <div class="switch off" id="sw_offline">

js/app.js

@@ -578,7 +578,8 @@ $(window).ready(function() {
         "#sw_haxis_hours",
         "#sw_daylight",
         "#sw_hide_receivers",
-        "#sw_hide_timebox"
+        "#sw_hide_timebox",
+        "#sw_hilight_vehicle"
     ];
 
     // applies functionality when switches are toggled
@@ -606,8 +607,12 @@ $(window).ready(function() {
 
         // execute functionality
         switch(name) {
-            case "opt_imperial":;
-            case "opt_haxis_hours":;
+            case "opt_hilight_vehicle":
+                if(on) focusVehicle(follow_vehicle);
+                else focusVehicle(-1);
+                break;
+            case "opt_imperial":
+            case "opt_haxis_hours":
                 refreshUI();
                 break;
             case "opt_daylight":

js/tracker.js

@@ -533,9 +533,33 @@ function updateZoom() {
   }
 }
 
+function focusVehicle(index, ignoreOpt) {
+    if(!offline.get('opt_hilight_vehicle') && ignoreOpt == undefined) return;
+
+    var opacityFocused = 0.8;
+    var opacityOther = 0.1;
+
+    if(index < 0) opacityOther = opacityFocused;
+
+    for(var i in vehicles) {
+        var vehicle = vehicles[i];
+
+        if(i == index) {
+            if(vehicle.horizon_circle) vehicle.horizon_circle.setOptions({strokeOpacity:opacityFocused});
+            if(vehicle.subhorizon_circle) vehicle.subhorizon_circle.setOptions({strokeOpacity:opacityFocused});
+            for(var j in vehicle.polyline) vehicle.polyline[j].setOptions({strokeOpacity:opacityFocused});
+        }
+        else {
+            if(vehicle.horizon_circle) vehicle.horizon_circle.setOptions({strokeOpacity:opacityOther});
+            if(vehicle.subhorizon_circle) vehicle.subhorizon_circle.setOptions({strokeOpacity:opacityOther});
+            for(var j in vehicle.polyline) vehicle.polyline[j].setOptions({strokeOpacity:opacityOther});
+        }
+    }
+}
 
 function stopFollow() {
 	if(follow_vehicle != -1) {
+        focusVehicle(-1);
         // remove target mark
         $("#main .row.follow").removeClass("follow");
 
@@ -555,6 +579,8 @@ function followVehicle(index) {
 	if(follow_vehicle != -1  && vehicles.length) vehicles[follow_vehicle].follow = false;
 
     if(follow_vehicle != index) {
+        focusVehicle(index);
+
 		follow_vehicle = index;
 		vehicles[follow_vehicle].follow = true;