added hash urls

The configuration for the current view will be set in hash part of the
url. This should make linking a specific view as easy as copying the
current url.

The feature is also a stepping stone for the upcoming searchbar.

Author: rossengeorgiev

js/app.js

@@ -11,20 +11,148 @@ if(
  navigator.userAgent.match(/BlackBerry/i)
  ) is_mobile = true;
 
-// wvar detection
-var vfilter = "";
-var nyan_mode = false;
+// hash url
+var history_supported = (typeof history !== 'undefined');
+
+function lhash_update(history_step) {
+    history_step = !!history_step;
+
+    var url = document.location.href.split("#",1)[0];
+    var hash = "";
+
+    // generate hash
+    hash += "mt=" + map.getMapTypeId();
+    hash += "&mz=" + map.getZoom();
+
+    if(!/^[a-z0-9]{32}$/ig.exec(wvar.query)) {
+        hash += "&qm=" + wvar.mode;
+    }
+
+    if(follow_vehicle === null || manual_pan) {
+        hash += "&mc=" + map.getCenter().toString().replace(/[ )(]/g,'');
+    }
+
+    if(follow_vehicle !== null) {
+        hash += "&f=" + follow_vehicle;
+    }
+
+    if(wvar.query !== "") {
+        hash += "&q=" + wvar.query;
+    }
 
+    // other vars
+    if(wvar.nyan) {
+        hash += "&nyan=1";
+    }
+
+    hash = encodeURI(hash);
+    // set state
+    if(history_supported) {
+        if(!history_step) {
+            history.replaceState(null, null, url + "#!" + hash);
+        } else {
+            history.pushState(null, null, url + "#!" + hash);
+        }
+    } else {
+        document.location.hash = "!" + hash;
+    }
+
+    console.log("hash:", hash);
+}
+
+// wvar detection
 var wvar = {
     enabled: false,
     vlist: true,
     graph: true,
     graph_exapnded: false,
     focus: "",
-    docid: "",
     mode: (is_mobile) ? modeDefaultMobile : modeDefault,
+    zoom: true,
+    query: "",
+    nyan: false,
 };
 
+
+function load_hash(no_refresh) {
+    no_refresh = (no_refresh === null);
+    console.log("hash load");
+    var hash = window.location.hash.slice(2);
+
+    if(hash === "") return;
+
+    var parms = hash.split('&');
+    var refresh = false;
+    var refocus = false;
+
+    // defaults
+    manual_pan = false;
+
+    var def = {
+        mode: wvar.mode,
+        zoom: true,
+        focus: "",
+        query: "",
+        nyan: false,
+    };
+
+    parms.forEach(function(v) {
+        v = v.split('=');
+        k = v[0];
+        v = decodeURIComponent(v[1]);
+
+        switch(k) {
+            case "mt":
+                map.setMapTypeId(v);
+                break;
+            case "mz":
+                map.setZoom(parseInt(v));
+                break;
+            case "mc":
+                def.zoom = false;
+                manual_pan = true;
+                v = v.split(',');
+                var latlng = new google.maps.LatLng(v[0], v[1]);
+                map.setCenter(latlng);
+                break;
+            case "f":
+                refocus = (follow_vehicle != v);
+                follow_vehicle = v;
+                def.focus = v;
+                break;
+            case "qm":
+                def.mode = v;
+                break;
+            case "q":
+                def.query = v;
+                break;
+            case "nyan":
+                def[k] = !!parseInt(v);
+                break;
+        }
+    });
+
+    // check if we should force refresh
+    ['mode','query','nyan'].forEach(function(k) {
+        if(wvar[k] != def[k]) refresh = true;
+    });
+
+    $.extend(true, wvar, def);
+
+    // force refresh
+    if(!no_refresh) {
+       if(refresh) clean_refresh(wvar.mode, true);
+       else if(refocus) {
+           $(".row.active").removeClass('active');
+           $(".vehicle"+vehicles[wvar.focus].uuid).addClass('active');
+           followVehicle(wvar.focus, manual_pan, true);
+       }
+    }
+
+    lhash_update();
+}
+window.onhashchange = load_hash;
+
 var params = window.location.search.substring(1).split('&');
 
 for(var idx in params) {
@@ -41,8 +169,8 @@ for(var idx in params) {
         case "hidelist": if(line[1] == "1") wvar.vlist = false; break;
         case "hidegraph": if(line[1] == "1") wvar.graph = false; break;
         case "expandgraph": if(line[1] == "1") wvar.graph_expanded = true; break;
-        case "filter": vfilter = decodeURIComponent(line[1]); break;
-        case "nyan": nyan_mode = true; break;
+        case "filter": wvar.query = decodeURIComponent(line[1]); break;
+        case "nyan": wvar.nyan = true; break;
         case "focus": wvar.focus = decodeURIComponent(line[1]); break;
         case "docid": wvar.docid = line[1]; break;
         case "mode": wvar.mode = decodeURIComponent(line[1]); break;

js/gmaps_extentions.js

@@ -170,6 +170,11 @@ google.maps.DropDownControl = function(options) {
     });
 };
 
+google.maps.DropDownControl.prototype.setVisible = function(isVisible) {
+    isVisible = !!isVisible;
+    this.div_.style.display = (isVisible) ? 'block' : 'none';
+};
+
 // simple status control
 
 google.maps.StatusTextControl = function(options) {