persist prefs

[lantea.git] / js / map.js

diff --git a/js/map.js b/js/map.js
index 7d2cd540eefcc80aff655c9f07b2620974f372dc..8e8ef55b0bff17c6a129e243b253ac0e63133bc9 100644 (file)
--- a/js/map.js
+++ b/js/map.js
@@ -74,10 +74,13 @@ var gLastMouseX = 0;
 var gLastMouseY = 0;
 var gZoomFactor;
 
-// Used as an associative array. They keys have to be strings, ours will be "xindex,yindex,zindex" e.g. "13,245,12".
+// Used as an associative array.
+// The keys have to be strings, ours will be "xindex,yindex,zindex" e.g. "13,245,12".
 var gTiles = {};
 var gLoadingTile;
 
+var gMapPrefsLoaded = false;
+
 var gDragging = false;
 var gZoomTouchID;
 
@@ -92,6 +95,41 @@ function initMap() {
   if (!gActiveMap)
     gActiveMap = "osm_mapnik";
 
+  var loopCnt = 0;
+  var getPersistentPrefs = function() {
+    if (mainDB) {
+      gPrefs.get("position", function(aValue) {
+        if (aValue) {
+          gPos = aValue;
+          drawMap();
+        }
+      });
+      gPrefs.get("center_map", function(aValue) {
+        if (aValue === undefined)
+          document.getElementById("centerCheckbox").checked = true;
+        else
+          document.getElementById("centerCheckbox").checked = aValue;
+        setCentering(document.getElementById("centerCheckbox"));
+      });
+      gPrefs.get("tracking_enabled", function(aValue) {
+        if (aValue === undefined)
+          document.getElementById("trackCheckbox").checked = true;
+        else
+          document.getElementById("trackCheckbox").checked = aValue;
+        setTracking(document.getElementById("trackCheckbox"));
+      });
+      gMapPrefsLoaded = true;
+    }
+    else
+      setTimeout(getPersistentPrefs, 100);
+    loopCnt++;
+    if (loopCnt > 20) {
+      gMapPrefsLoaded = true;
+      return;
+    }
+  };
+  getPersistentPrefs();
+
   gCanvas.addEventListener("mouseup", mapEvHandler, false);
   gCanvas.addEventListener("mousemove", mapEvHandler, false);
   gCanvas.addEventListener("mousedown", mapEvHandler, false);
@@ -233,14 +271,19 @@ function drawMap() {
   var xMax = gPos.x + wid / 2;
   var yMax = gPos.y + ht / 2;
 
-  // Go through all the tiles we want. If any of them aren't loaded or being loaded, do so.
+  if (gMapPrefsLoaded && mainDB)
+    gPrefs.set("position", gPos);
+
+  // Go through all the tiles we want.
+  // If any of them aren't loaded or being loaded, do so.
   for (var x = Math.floor(xMin / size); x < Math.ceil(xMax / size); x++) {
     for (var y = Math.floor(yMin / size); y < Math.ceil(yMax / size); y++) {
       var xoff = (x * size - xMin) / gZoomFactor;
       var yoff = (y * size - yMin) / gZoomFactor;
       var tileKey = encodeIndex(x, y, gPos.z);
       if (gTiles[tileKey] && gTiles[tileKey].complete) {
-        // Round here is **CRUICIAL** otherwise the images are filtered and the performance sucks (more than expected).
+        // Round here is **CRUCIAL** otherwise the images are filtered
+        // and the performance sucks (more than expected).
         gContext.drawImage(gTiles[tileKey], Math.round(xoff), Math.round(yoff));
       }
       else {
@@ -394,8 +437,10 @@ var geofake = {
     this.tracking = true;
     var watchCall = function() {
       aSuccessCallback({timestamp: Date.now(),
-                        coords: {latitude: 48.208174, // + Math.random() - .5,
-                                 longitude: 16.373819, // + Math.random() - .5,
+                        coords: {latitude: 48.208174 +
+                                           (Math.random() - .5) / 5,
+                                 longitude: 16.373819 +
+                                            (Math.random() - .5) / 5,
                                  accuracy: 20}});
       if (geofake.tracking)
         setTimeout(watchCall, 1000);
@@ -408,12 +453,27 @@ var geofake = {
   }
 }
 
+function setCentering(aCheckbox) {
+  if (gMapPrefsLoaded && mainDB)
+    gPrefs.set("center_map", aCheckbox.checked);
+  gCenterPosition = aCheckbox.checked;
+}
+
+function setTracking(aCheckbox) {
+  if (gMapPrefsLoaded && mainDB)
+    gPrefs.set("tracking_enabled", aCheckbox.checked);
+  if (aCheckbox.checked)
+    startTracking();
+  else
+    endTracking();
+}
+
 function startTracking() {
   var loopCnt = 0;
   var getStoredTrack = function() {
     if (mainDB)
       gTrackStore.getList(function(aTPoints) {
-        document.getElementById("debug").textContent = aTPoints.length + " points loaded.";
+        //document.getElementById("debug").textContent = aTPoints.length + " points loaded.";
         if (aTPoints.length) {
           gTrack = aTPoints;
         }
@@ -437,7 +497,8 @@ function startTracking() {
         gTrackStore.push(tPoint);
         drawTrackPoint(position.coords.latitude, position.coords.longitude);
         if (gCenterPosition) {
-          var posCoord = gps2xy(position.coords.latitude, position.coords.longitude);
+          var posCoord = gps2xy(position.coords.latitude,
+                                position.coords.longitude);
           if (Math.abs(gPos.x - posCoord.x) > gCanvas.width * gZoomFactor / 4 ||
               Math.abs(gPos.y - posCoord.y) > gCanvas.height * gZoomFactor / 4) {
             gPos.x = posCoord.x;
@@ -458,6 +519,7 @@ function startTracking() {
 
 function endTracking() {
   if (gGeoWatchID) {
+    //geofake.clearWatch(gGeoWatchID);
     navigator.geolocation.clearWatch(gGeoWatchID);
   }
 }