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], "readwrite");
143 var objStore = transaction.objectStore(this.objStore);
144 var request = objStore.put(aValue, aKey);
145 request.onsuccess = function(event) {
148 aCallback(success, event);
150 request.onerror = function(event) {
151 // Errors can be handled here.
153 aCallback(success, event);
157 unset: function(aKey, aCallback) {
161 var transaction = mainDB.transaction([this.objStore], "readwrite");
162 var request = transaction.objectStore(this.objStore).delete(aKey);
163 request.onsuccess = function(event) {
166 aCallback(success, event);
168 request.onerror = function(event) {
169 // Errors can be handled here.
171 aCallback(success, event);
179 getList: function(aCallback) {
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);
189 else { // Use cursor (standard method).
191 objStore.openCursor().onsuccess = function(event) {
192 var cursor = event.target.result;
194 tPoints.push(cursor.value);
204 push: function(aValue, aCallback) {
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) {
212 aCallback(request.result, event);
214 request.onerror = function(event) {
215 // Errors can be handled here.
217 aCallback(false, event);
221 clear: function(aCallback) {
225 var transaction = mainDB.transaction([this.objStore], "readwrite");
226 var request = transaction.objectStore(this.objStore).clear();
227 request.onsuccess = function(event) {
230 aCallback(success, event);
232 request.onerror = function(event) {
233 // Errors can be handled here.
235 aCallback(success, event);