js/ui.js

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
   3  * You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 // Get the best-available indexedDB object.
   6 var iDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB;
   7 var mainDB;
   8
   9 window.onload = function() {
  10   var mSel = document.getElementById("mapSelector");
  11   for (var mapStyle in gMapStyles) {
  12     var opt = document.createElement("option");
  13     opt.value = mapStyle;
  14     opt.text = gMapStyles[mapStyle].name;
  15     mSel.add(opt, null);
  16   }
  17
  18   initDB();
  19   initMap();
  20   resizeAndDraw();
  21 }
  22
  23 window.onresize = function() {
  24   resizeAndDraw();
  25 }
  26
  27 function initDB() {
  28   // Open DB.
  29   var request = iDB.open("MainDB", 1);
  30   request.onerror = function(event) {
  31     // Errors can be handled here. Error codes explain in:
  32     // https://developer.mozilla.org/en/IndexedDB/IDBDatabaseException#Constants
  33     //document.getElementById("debug").textContent =
  34     //  "error opening mainDB: " + event.target.errorCode;
  35   };
  36   request.onsuccess = function(event) {
  37     //document.getElementById("debug").textContent = "mainDB opened.";
  38     mainDB = request.result;
  39   };
  40   request.onupgradeneeded = function(event) {
  41     mainDB = request.result;
  42     //document.getElementById("debug").textContent = "mainDB upgraded.";
  43     // Create a "prefs" objectStore.
  44     var prefsStore = mainDB.createObjectStore("prefs");
  45     // Create a "track" objectStore.
  46     var trackStore = mainDB.createObjectStore("track", {autoIncrement: true});
  47     mainDB.onversionchange = function(event) {
  48       mainDB.close();
  49       mainDB = undefined;
  50       initDB();
  51     };
  52   };
  53 }
  54
  55 function toggleTrackArea() {
  56   var fs = document.getElementById("trackArea");
  57   if (fs.style.display != "block") {
  58     fs.style.display = "block";
  59   }
  60   else {
  61     fs.style.display = "none";
  62   }
  63 }
  64
  65 function toggleSettings() {
  66   var fs = document.getElementById("settingsArea");
  67   if (fs.style.display != "block") {
  68     fs.style.display = "block";
  69   }
  70   else {
  71     fs.style.display = "none";
  72   }
  73 }
  74
  75 function makeISOString(aTimestamp) {
  76   // ISO time format is YYYY-MM-DDTHH:mm:ssZ
  77   var tsDate = new Date(aTimestamp);
  78   return tsDate.getUTCFullYear() + "-" +
  79          (tsDate.getUTCMonth() < 10 ? "0" : "") + tsDate.getUTCMonth() + "-" +
  80          (tsDate.getUTCDate() < 10 ? "0" : "") + tsDate.getUTCDate() + "T" +
  81          (tsDate.getUTCHours() < 10 ? "0" : "") + tsDate.getUTCHours() + ":" +
  82          (tsDate.getUTCMinutes() < 10 ? "0" : "") + tsDate.getUTCMinutes() + ":" +
  83          (tsDate.getUTCSeconds() < 10 ? "0" : "") + tsDate.getUTCSeconds() + "Z";
  84 }
  85
  86 function saveTrack() {
  87   if (gTrack.length) {
  88     var out = '<?xml version="1.0" encoding="UTF-8" ?>' + "\n\n";
  89     out += '<gpx version="1.0" creator="Lantea" xmlns="http://www.topografix.com/GPX/1/0">' + "\n";
  90     out += '  <trk>' + "\n";
  91     out += '    <trkseg>' + "\n";
  92     for (var i = 0; i < gTrack.length; i++) {
  93       if (gTrack[i].beginSegment && i > 0) {
  94         out += '    </trkseg>' + "\n";
  95         out += '    <trkseg>' + "\n";
  96       }
  97       out += '      <trkpt lat="' + gTrack[i].coords.latitude + '" lon="' +
  98                                     gTrack[i].coords.longitude + '">' + "\n";
  99       if (gTrack[i].coords.altitude) {
 100         out += '        <ele>' + gTrack[i].coords.altitude + '</ele>' + "\n";
 101       }
 102       out += '        <time>' + makeISOString(gTrack[i].time) + '</time>' + "\n";
 103       out += '      </trkpt>' + "\n";
 104     }
 105     out += '    </trkseg>' + "\n";
 106     out += '  </trk>' + "\n";
 107     out += '</gpx>' + "\n";
 108     var outDataURI = "data:application/gpx+xml," + encodeURIComponent(out);
 109     window.open(outDataURI, 'GPX Track');
 110   }
 111 }
 112
 113 function saveTrackDump() {
 114   if (gTrack.length) {
 115     var out = JSON.stringify(gTrack);
 116     var outDataURI = "data:application/json," + encodeURIComponent(out);
 117     window.open(outDataURI, 'JSON dump');
 118   }
 119 }
 120
 121 var gPrefs = {
 122   objStore: "prefs",
 123
 124   get: function(aKey, aCallback) {
 125     if (!mainDB)
 126       return;
 127     var transaction = mainDB.transaction([this.objStore]);
 128     var request = transaction.objectStore(this.objStore).get(aKey);
 129     request.onsuccess = function(event) {
 130       aCallback(request.result, event);
 131     };
 132     request.onerror = function(event) {
 133       // Errors can be handled here.
 134       aCallback(undefined, event);
 135     };
 136   },
 137
 138   set: function(aKey, aValue, aCallback) {
 139     if (!mainDB)
 140       return;
 141     var success = false;
 142     var transaction = mainDB.transaction([this.objStore], "readwrite");
 143     var objStore = transaction.objectStore(this.objStore);
 144     var request = objStore.put(aValue, aKey);
 145     request.onsuccess = function(event) {
 146       success = true;
 147       if (aCallback)
 148         aCallback(success, event);
 149     };
 150     request.onerror = function(event) {
 151       // Errors can be handled here.
 152       if (aCallback)
 153         aCallback(success, event);
 154     };
 155   },
 156
 157   unset: function(aKey, aCallback) {
 158     if (!mainDB)
 159       return;
 160     var success = false;
 161     var transaction = mainDB.transaction([this.objStore], "readwrite");
 162     var request = transaction.objectStore(this.objStore).delete(aKey);
 163     request.onsuccess = function(event) {
 164       success = true;
 165       if (aCallback)
 166         aCallback(success, event);
 167     };
 168     request.onerror = function(event) {
 169       // Errors can be handled here.
 170       if (aCallback)
 171         aCallback(success, event);
 172     }
 173   }
 174 };
 175
 176 var gTrackStore = {
 177   objStore: "track",
 178
 179   getList: function(aCallback) {
 180     if (!mainDB)
 181       return;
 182     var transaction = mainDB.transaction([this.objStore]);
 183     var objStore = transaction.objectStore(this.objStore);
 184     if (objStore.getAll) { // currently Mozilla-specific
 185       objStore.getAll().onsuccess = function(event) {
 186         aCallback(event.target.result);
 187       };
 188     }
 189     else { // Use cursor (standard method).
 190       var tPoints = [];
 191       objStore.openCursor().onsuccess = function(event) {
 192         var cursor = event.target.result;
 193         if (cursor) {
 194           tPoints.push(cursor.value);
 195           cursor.continue();
 196         }
 197         else {
 198           aCallback(tPoints);
 199         }
 200       };
 201     }
 202   },
 203
 204   push: function(aValue, aCallback) {
 205     if (!mainDB)
 206       return;
 207     var transaction = mainDB.transaction([this.objStore], "readwrite");
 208     var objStore = transaction.objectStore(this.objStore);
 209     var request = objStore.add(aValue);
 210     request.onsuccess = function(event) {
 211       if (aCallback)
 212         aCallback(request.result, event);
 213     };
 214     request.onerror = function(event) {
 215       // Errors can be handled here.
 216       if (aCallback)
 217         aCallback(false, event);
 218     };
 219   },
 220
 221   clear: function(aCallback) {
 222     if (!mainDB)
 223       return;
 224     var success = false;
 225     var transaction = mainDB.transaction([this.objStore], "readwrite");
 226     var request = transaction.objectStore(this.objStore).clear();
 227     request.onsuccess = function(event) {
 228       success = true;
 229       if (aCallback)
 230         aCallback(success, event);
 231     };
 232     request.onerror = function(event) {
 233       // Errors can be handled here.
 234       if (aCallback)
 235         aCallback(success, event);
 236     }
 237   }
 238 };