Preserves extent when location filter is on

Author: dkastl

assets/javascripts/app.js

@@ -9,6 +9,10 @@ var App = (function ($, publ) {
   var map, vector, bounds, contents, toolbar, geolocation = null;
   var features = [];
   var layerArr = [];
+  var filters = {
+    location: false,
+    distance: false
+  };
 
   // Quick hack
   var quick_hack = {
@@ -149,15 +153,14 @@ var App = (function ($, publ) {
     this.setView();
     this.setGeolocation();
     this.setGeocoding();
-    this.zoomToExtent();
     this.parseHistory();
 
     // Control button
     var maximizeCtrl = new ol.control.Button({
       html: '<i class="icon-maximize" ></i>',
       title: "Maximize",
       handleClick: function () {
-        publ.zoomToExtent();
+        publ.zoomToExtent(true);
       }
     });
     toolbar.addControl(maximizeCtrl);
@@ -194,8 +197,19 @@ var App = (function ($, publ) {
     // Add LayerSwitcher Image Toolbar
     map.addControl(new ol.control.LayerPopup());
 
-    // Add map events
-    map.on('moveend', publ.updateFilter);
+    // Because Redmine filter functions are applied later, the Window onload
+    // event provides a workaround to have filters loaded before executing
+    // the following code
+    $(window).bind('load', function() {
+      if ($("tr#tr_bbox").length > 0) {
+        filters.location = true;
+      }
+      if ($("tr#tr_distance").length > 0) {
+        filters.distance = true;
+      }
+      publ.zoomToExtent();
+      map.on('moveend', publ.updateFilter);
+    });
   };
 
   /**
@@ -326,8 +340,18 @@ var App = (function ($, publ) {
   /**
    *
    */
-  publ.zoomToExtent = function () {
-    if (vector.getSource().getFeatures().length > 0) {
+  publ.zoomToExtent = function (force) {
+    if (!force && (filters.distance || filters.location)) {
+      // Do not zoom to extent but show the previous extent stored as cookie
+      var parts = (getCookie("_redmine_gtt_permalink")).split("/");
+      map.getView().setZoom(parseInt(parts[0], 10));
+      map.getView().setCenter(ol.proj.transform([
+        parseFloat(parts[1]),
+        parseFloat(parts[2])
+      ],'EPSG:4326','EPSG:3857'));
+      map.getView().setRotation(parseFloat(parts[3]));
+    }
+    else if (vector.getSource().getFeatures().length > 0) {
       var extent = ol.extent.createEmpty();
       // Because the vector layer is set to "useSpatialIndex": false, we cannot
       // make use of "vector.getSource().getExtent()"
@@ -359,6 +383,15 @@ var App = (function ($, publ) {
     $('#tr_distance #values_distance_3').val(center[0]);
     $('#tr_distance #values_distance_4').val(center[1]);
 
+    // Set Permalink as Cookie
+    var cookie = [];
+    var hash = map.getView().getZoom() + '/' +
+      Math.round(center[0] * 1000000) / 1000000 + '/' +
+      Math.round(center[1] * 1000000) / 1000000 + '/' +
+      map.getView().getRotation();
+    cookie.push("_redmine_gtt_permalink=" + hash);
+    cookie.push("path=" + window.location.pathname);
+    document.cookie = cookie.join(";");
 
     extent = ol.proj.transformExtent(extent,'EPSG:3857','EPSG:4326').join('|');
     console.log("Map Extent (WGS84): ",extent);
@@ -741,4 +774,3 @@ function buildDistanceFilterRow(operator, values){
   $('#values_'+fieldId+'_3').val(x);
   $('#values_'+fieldId+'_4').val(y);
 }
-