X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fui.js;h=9f2f1fe0d0d0f900cdc49540fd29482d2085452b;hp=187a84d6663b674619ab7a710ea562990dbc7aff;hb=4c13fe0c682d92455ec29a8903912ade594e3043;hpb=99631a7543656fb58fe3c7f7913773d49630db03

diff --git a/js/ui.js b/js/ui.js
index 187a84d..9f2f1fe 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -35,6 +35,10 @@
  *
  * ***** END LICENSE BLOCK ***** */
 
+// Get the best-available indexedDB object.
+var iDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB;
+var mainDB;
+
 window.onload = function() {
   var mSel = document.getElementById("mapSelector");
   for (var mapStyle in gMapStyles) {
@@ -44,6 +48,7 @@ window.onload = function() {
     mSel.add(opt, null);
   }
 
+  initDB();
   initMap();
   resizeAndDraw();
   startTracking();
@@ -53,8 +58,46 @@ window.onresize = function() {
   resizeAndDraw();
 }
 
+function initDB() {
+  // Open DB.
+  var request = iDB.open("MainDB", 1);
+  request.onerror = function(event) {
+    // Errors can be handled here. Error codes explain in:
+    // https://developer.mozilla.org/en/IndexedDB/IDBDatabaseException#Constants
+    //document.getElementById("debug").textContent =
+    //  "error opening mainDB: " + event.target.errorCode;
+  };
+  request.onsuccess = function(event) {
+    //document.getElementById("debug").textContent = "mainDB opened.";
+    mainDB = request.result;
+  };
+  request.onupgradeneeded = function(event) {
+    mainDB = request.result;
+    //document.getElementById("debug").textContent = "mainDB upgraded.";
+    // Create a "prefs" objectStore.
+    var prefsStore = mainDB.createObjectStore("prefs");
+    // Create a "track" objectStore.
+    var trackStore = mainDB.createObjectStore("track", {autoIncrement: true});
+    mainDB.onversionchange = function(event) {
+      mainDB.close();
+      mainDB = undefined;
+      initDB();
+    };
+  };
+}
+
+function toggleTrackArea() {
+  var fs = document.getElementById("trackArea");
+  if (fs.style.display != "block") {
+    fs.style.display = "block";
+  }
+  else {
+    fs.style.display = "none";
+  }
+}
+
 function toggleSettings() {
-  var fs = document.getElementById("settings");
+  var fs = document.getElementById("settingsArea");
   if (fs.style.display != "block") {
     fs.style.display = "block";
   }
@@ -81,6 +124,10 @@ function saveTrack() {
     out += '  <trk>' + "\n";
     out += '    <trkseg>' + "\n";
     for (var i = 0; i < gTrack.length; i++) {
+      if (gTrack[i].beginSegment && i > 0) {
+        out += '    </trkseg>' + "\n";
+        out += '    <trkseg>' + "\n";
+      }
       out += '      <trkpt lat="' + gTrack[i].coords.latitude + '" lon="' +
                                     gTrack[i].coords.longitude + '">' + "\n";
       if (gTrack[i].coords.altitude) {
@@ -88,7 +135,6 @@ function saveTrack() {
       }
       out += '        <time>' + makeISOString(gTrack[i].time) + '</time>' + "\n";
       out += '      </trkpt>' + "\n";
-      gTrack[i].coords.latitude, gTrack[i].coords.longitude;
     }
     out += '    </trkseg>' + "\n";
     out += '  </trk>' + "\n";
@@ -97,3 +143,126 @@ function saveTrack() {
     window.open(outDataURI, 'GPX Track');
   }
 }
+
+var gPrefs = {
+  objStore: "prefs",
+
+  get: function(aKey, aCallback) {
+    if (!mainDB)
+      return;
+    var transaction = mainDB.transaction([this.objStore]);
+    var request = transaction.objectStore(this.objStore).get(aKey);
+    request.onsuccess = function(event) {
+      aCallback(request.result, event);
+    };
+    request.onerror = function(event) {
+      // Errors can be handled here.
+      aCallback(undefined, event);
+    };
+  },
+
+  set: function(aKey, aValue, aCallback) {
+    if (!mainDB)
+      return;
+    var success = false;
+    var transaction = mainDB.transaction([this.objStore],
+                                         IDBTransaction.READ_WRITE);
+    var objStore = transaction.objectStore(this.objStore);
+    var request = objStore.add(aValue, aKey);
+    request.onsuccess = function(event) {
+      success = true;
+      if (aCallback)
+        aCallback(success, event);
+    };
+    request.onerror = function(event) {
+      // Errors can be handled here.
+      if (aCallback)
+        aCallback(success, event);
+    };
+  },
+
+  unset: function(aKey, aCallback) {
+    if (!mainDB)
+      return;
+    var success = false;
+    var transaction = mainDB.transaction([this.objStore],
+                                         IDBTransaction.READ_WRITE);
+    var request = transaction.objectStore(this.objStore).delete(aKey);
+    request.onsuccess = function(event) {
+      success = true;
+      if (aCallback)
+        aCallback(success, event);
+    };
+    request.onerror = function(event) {
+      // Errors can be handled here.
+      if (aCallback)
+        aCallback(success, event);
+    }
+  }
+};
+
+var gTrackStore = {
+  objStore: "track",
+
+  getList: function(aCallback) {
+    if (!mainDB)
+      return;
+    var transaction = mainDB.transaction([this.objStore]);
+    var objStore = transaction.objectStore(this.objStore);
+    if (objStore.getAll) { // currently Mozilla-specific
+      objStore.getAll().onsuccess = function(event) {
+        aCallback(event.target.result);
+      };
+    }
+    else { // Use cursor (standard method).
+      var tPoints = [];
+      objStore.openCursor().onsuccess = function(event) {
+        var cursor = event.target.result;
+        if (cursor) {
+          tPoints.push(cursor.value);
+          cursor.continue();
+        }
+        else {
+          aCallback(tPoints);
+        }
+      };
+    }
+  },
+
+  push: function(aValue, aCallback) {
+    if (!mainDB)
+      return;
+    var transaction = mainDB.transaction([this.objStore],
+                                         IDBTransaction.READ_WRITE);
+    var objStore = transaction.objectStore(this.objStore);
+    var request = objStore.add(aValue);
+    request.onsuccess = function(event) {
+      if (aCallback)
+        aCallback(request.result, event);
+    };
+    request.onerror = function(event) {
+      // Errors can be handled here.
+      if (aCallback)
+        aCallback(false, event);
+    };
+  },
+
+  clear: function(aCallback) {
+    if (!mainDB)
+      return;
+    var success = false;
+    var transaction = mainDB.transaction([this.objStore],
+                                         IDBTransaction.READ_WRITE);
+    var request = transaction.objectStore(this.objStore).clear();
+    request.onsuccess = function(event) {
+      success = true;
+      if (aCallback)
+        aCallback(success, event);
+    };
+    request.onerror = function(event) {
+      // Errors can be handled here.
+      if (aCallback)
+        aCallback(success, event);
+    }
+  }
+};