add option to display imperial units

Author: rossengeorgiev

cache.manifest

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

index.html

@@ -63,6 +63,13 @@ <h2>Settings</h2>
                     <input type="checkbox" id="opt_daylight">
                 </div> 
             </div>
+            <div class="row option">
+                <span><b>Imperial units</b></span>
+                <div class="switch off" id="sw_imperial">
+                    <span class="thumb"></span>
+                    <input type="checkbox" id="opt_imperial">
+                </div> 
+            </div>
             <div class="row option">
                 <span><b>Availability offline</b></span>
                 <div class="switch off" id="sw_offline">
@@ -79,7 +86,7 @@ <h2>Settings</h2>
             </div>
             <div class="row info">
                 <span>
-                In Chase Car mode, a station will appear together with the chase car on the map.
+                Chase car equipped with radio reciever 
                 </span>
             </div>
             <div class="row option">
@@ -91,7 +98,6 @@ <h2>Settings</h2>
             </div>
             <div class="row info">
                 <span>
-                Make sure you have a stable internet connection.
                 The size of cache files is around 600 KB.
                 </span>
             </div>

js/app.js

@@ -312,7 +312,7 @@ $(window).ready(function() {
     if(offline.get('opt_daylight')) $('#sw_daylight').removeClass('off').addClass('on');
 
     // offline and mobile
-    $('#sw_offline, #sw_station').click(function() {
+    $('#sw_offline, #sw_station, #sw_imperial').click(function() {
         var e = $(this);
         var name = e.attr('id').replace('sw', 'opt');
         var on;
@@ -326,10 +326,12 @@ $(window).ready(function() {
         }
 
         offline.set(name, on);        
+        if(name == "opt_imperial") refreshUI();
     });
 
     if(offline.get('opt_offline')) $('#sw_offline').removeClass('off').addClass('on');
     if(offline.get('opt_station')) $('#sw_station').removeClass('off').addClass('on');
+    if(offline.get('opt_imperial')) $('#sw_imperial').removeClass('off').addClass('on');
 
     // force re-cache
     $('#sw_cache').click(function() {

js/mobile.js

@@ -342,7 +342,8 @@ function updateVehicleInfo(index, position) {
 
   }
 
-  var ascent_text = position.gps_alt != 0 ? vehicles[index].ascent_rate.toFixed(1) + ' m/s' : '';
+  var imp = offline.get('opt_imperial');
+  var ascent_text = imp ? (vehicles[index].ascent_rate * 196.850394).toFixed(1) + ' ft/min' : vehicles[index].ascent_rate.toFixed(1) + ' m/s';
 
   var coords_text;
   var ua =  navigator.userAgent.toLowerCase();
@@ -358,6 +359,8 @@ function updateVehicleInfo(index, position) {
   } else {
       coords_text = roundNumber(position.gps_lat, 6) + ', ' + roundNumber(position.gps_lon, 6);
   }
+
+
   // start
   var a    = '<div class="header"><span>' + vehicle_names[index] + '</span><i class="arrow"></i></div>'
            + '<div class="data">'
@@ -382,13 +385,13 @@ function updateVehicleInfo(index, position) {
            + '</div>' // left
            + '<div class="right">'
            + '<dl>'
-           + '<dt>'+ascent_text+'</dt><dd>rate</dd>'
-           + '<dt>'+position.gps_alt+' m</dt><dd>altitude</dd>'
-           + '<dt>'+vehicles[index].max_alt+' m</dt><dd>max alt</dd>'
+           + (position.gps_alt != 0 ? '<dt>'+ascent_text+'</dt><dd>rate</dd>' : '')
+           + '<dt>'+((imp) ? parseInt(3.2808399 * position.gps_alt) + ' ft': position.gps_alt + ' m')+'</dt><dd>altitude</dd>'
+           + '<dt>'+((imp) ? parseInt(3.2808399 * vehicles[index].max_alt) + ' ft': vehicles[index].max_alt + ' m')+'</dt><dd>max alt</dd>'
            + '';
   // mid for landscape
-  var l    = '<dt>'+ascent_text+'</dt><dd>rate</dd>'
-           + '<dt>'+position.gps_alt+'m ('+vehicles[index].max_alt+'m)</dt><dd>altitude (max)</dd>'
+  var l    = (position.gps_alt != 0 ? '<dt>'+ascent_text+'</dt><dd>rate</dd>' : '')
+           + '<dt>'+((imp) ? parseInt(3.2808399 * position.gps_alt) + 'ft': position.gps_alt + 'm')+' ('+((imp) ? parseInt(3.2808399 * vehicles[index].max_alt) + 'ft' : vehicles[index].max_alt + 'm')+')</dt><dd>altitude (max)</dd>'
            + '<dt>'+position.gps_time+'</dt><dd>datetime</dd>'
            + '<dt>'+coords_text+'</dt><dd>coordinates</dd>'
            + habitat_data(position.data) 
@@ -906,6 +909,12 @@ function updatePredictions(r) {
 	}
 }
 
+function refreshUI() {
+    for (var i = 0, ii = vehicle_names.length; i < ii; i++) {
+        updateVehicleInfo(i, vehicles[i].curr_position);
+    }
+}
+
 var status = "";
 
 function update(response) {
@@ -941,7 +950,7 @@ function update(response) {
         lastPPointer.push(vehicles[vehicle_index].curr_position);
 	  }
 
-      // store the in localStorage
+      // store in localStorage
       offline.set('positions', lastPositions);
 
 	  if(follow_vehicle != -1) {