persist prefs

[lantea.git] / js / map.js

diff --git a/js/map.js b/js/map.js
index 3c12015f01d31f1161abd191c682fc8290473ee1..8e8ef55b0bff17c6a129e243b253ac0e63133bc9 100644 (file)
--- a/js/map.js
+++ b/js/map.js
@@ -74,16 +74,20 @@ 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;
 
 var gGeoWatchID;
 var gTrack = [];
 var gLastTrackPoint;
+var gCenterPosition = true;
 
 function initMap() {
   gCanvas = document.getElementById("map");
@@ -91,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);
@@ -232,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 {
@@ -387,14 +431,16 @@ var mapEvHandler = {
   }
 };
 
-geofake = {
+var geofake = {
   tracking: false,
   watchPosition: function(aSuccessCallback, aErrorCallback, aPrefObject) {
     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);
@@ -407,14 +453,59 @@ 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.";
+        if (aTPoints.length) {
+          gTrack = aTPoints;
+        }
+      });
+    else
+      setTimeout(getStoredTrack, 100);
+    loopCnt++;
+    if (loopCnt > 20)
+      return;
+  };
+  getStoredTrack();
   if (navigator.geolocation) {
     //gGeoWatchID = geofake.watchPosition(
     gGeoWatchID = navigator.geolocation.watchPosition(
       function(position) {
         // Coords spec: https://developer.mozilla.org/en/XPCOM_Interface_Reference/NsIDOMGeoPositionCoords
-        gTrack.push({time: position.timestamp, coords: position.coords});
+        var tPoint = {time: position.timestamp,
+                      coords: position.coords,
+                      beginSegment: !gLastTrackPoint};
+        gTrack.push(tPoint);
+        gTrackStore.push(tPoint);
         drawTrackPoint(position.coords.latitude, position.coords.longitude);
+        if (gCenterPosition) {
+          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;
+            gPos.y = posCoord.y;
+            drawMap();
+          }
+        }
       },
       function(error) {
         // Ignore erros for the moment, but this is good for debugging.
@@ -428,6 +519,13 @@ function startTracking() {
 
 function endTracking() {
   if (gGeoWatchID) {
+    //geofake.clearWatch(gGeoWatchID);
     navigator.geolocation.clearWatch(gGeoWatchID);
   }
 }
+
+function clearTrack() {
+  gTrack = [];
+  gTrackStore.clear();
+  drawMap();
+}