added target icon for followed vehicle

Author: rossengeorgiev

cache.manifest

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# version 214
+# version 216
 
 # gogole maps files
 http://maps.google.com/maps/api/js?v=3.10&sensor=false&language=en_us&key=AIzaSyCOqkcNey4CCyG4X0X5qxHAhCgD8g5DwXg

css/main.css

@@ -264,6 +264,13 @@ header > div {
     width: 100%;
     border-left: 5px solid #F4F4F4;
 }
+
+#main .row .icon-target:before {
+    display: none;
+}
+#main .row.follow .icon-target:before {
+    display: inline-block;
+}
 #main .row.active .data { display: inline-block; }
 #main .row .data .left,
 #main .row .data .right {

js/app.js

@@ -282,6 +282,8 @@ $(window).ready(function() {
     $('#main').on('click', '.row .data', function() {
         var e = $(this).parent();
         followVehicle(parseInt(e.attr('class').match(/vehicle(\d+)/)[1]));
+        $('#main .row.follow').removeClass('follow');
+        e.addClass('follow');
     });
 
     // expand/collapse data when header is clicked
@@ -297,6 +299,7 @@ $(window).ready(function() {
             // disable following only we are collapsing the followed vehicle
             if(follow_vehicle == parseInt(e.attr('class').match(/vehicle(\d+)/)[1])) {
                 stopFollow();
+                e.removeClass('follow');
             }
         } else {
             // expand data for selected vehicle
@@ -313,6 +316,8 @@ $(window).ready(function() {
 
             // pan to selected vehicle
             followVehicle(parseInt(e.attr('class').match(/vehicle(\d+)/)[1]));
+            $('#main .row.follow').removeClass('follow');
+            e.addClass('follow');
         }
     });
 

js/tracker.js

@@ -377,7 +377,7 @@ function updateVehicleInfo(index, position) {
 
   // start
   var a    = '<div class="header">'
-           + '<span>' + vehicle_names[index] + '</span>'
+           + '<span>' + vehicle_names[index] + ' <i class="icon-target"></i></span>'
            + '<img class="graph" src="img/blank.png">'
            + '<i class="arrow"></i></div>'
            + '<div class="data">'