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/. */
5 // Get the best-available indexedDB object.
6 var iDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB;
9 window.onload = function() {
10 var mSel = document.getElementById("mapSelector");
11 for (var mapStyle in gMapStyles) {
12 var opt = document.createElement("option");
14 opt.text = gMapStyles[mapStyle].name;
23 window.onresize = function() {
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;
36 request.onsuccess = function(event) {
37 //document.getElementById("debug").textContent = "mainDB opened.";
38 mainDB = request.result;
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) {
55 function toggleTrackArea() {
56 var fs = document.getElementById("trackArea");
57 if (fs.style.display != "block") {
58 fs.style.display = "block";
61 fs.style.display = "none";
65 function toggleSettings() {
66 var fs = document.getElementById("settingsArea");
67 if (fs.style.display != "block") {
68 fs.style.display = "block";
71 fs.style.display = "none";
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";
86 function saveTrack() {
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";
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";
102 out += ' <time>' + makeISOString(gTrack[i].time) + '</time>' + "\n";
103 out += ' </trkpt>' + "\n";
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');
113 function saveTrackDump() {
115 var out = JSON.stringify(gTrack);
116 var outDataURI = "data:application/json," + encodeURIComponent(out);
117 window.open(outDataURI, 'JSON dump');
124 get: function(aKey, aCallback) {
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);
132 request.onerror = function(event) {
133 // Errors can be handled here.
134 aCallback(undefined, event);
138 set: function(aKey, aValue, aCallback) {
142 var transaction = mainDB.transaction([this.objStore],
143 IDBTransaction.READ_WRITE);
144 var objStore = transaction.objectStore(this.objStore);
145 var request = objStore.put(aValue, aKey);
146 request.onsuccess = function(event) {
149 aCallback(success, event);
151 request.onerror = function(event) {
152 // Errors can be handled here.
154 aCallback(success, event);
158 unset: function(aKey, aCallback) {
162 var transaction = mainDB.transaction([this.objStore],
163 IDBTransaction.READ_WRITE);
164 var request = transaction.objectStore(this.objStore).delete(aKey);
165 request.onsuccess = function(event) {
168 aCallback(success, event);
170 request.onerror = function(event) {
171 // Errors can be handled here.
173 aCallback(success, event);
181 getList: function(aCallback) {
184 var transaction = mainDB.transaction([this.objStore]);
185 var objStore = transaction.objectStore(this.objStore);
186 if (objStore.getAll) { // currently Mozilla-specific
187 objStore.getAll().onsuccess = function(event) {
188 aCallback(event.target.result);
191 else { // Use cursor (standard method).
193 objStore.openCursor().onsuccess = function(event) {
194 var cursor = event.target.result;
196 tPoints.push(cursor.value);
206 push: function(aValue, aCallback) {
209 var transaction = mainDB.transaction([this.objStore],
210 IDBTransaction.READ_WRITE);
211 var objStore = transaction.objectStore(this.objStore);
212 var request = objStore.add(aValue);
213 request.onsuccess = function(event) {
215 aCallback(request.result, event);
217 request.onerror = function(event) {
218 // Errors can be handled here.
220 aCallback(false, event);
224 clear: function(aCallback) {
228 var transaction = mainDB.transaction([this.objStore],
229 IDBTransaction.READ_WRITE);
230 var request = transaction.objectStore(this.objStore).clear();
231 request.onsuccess = function(event) {
234 aCallback(success, event);
236 request.onerror = function(event) {
237 // Errors can be handled here.
239 aCallback(success, event);