X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fui.js;h=b9c0519d0fe2740f7b6cfc4c970967997f3c407a;hp=74ea52115a812755d228aa88cd1f70a5ca5854ba;hb=afa031872dc73ded1c8f1bed53600439bb499b85;hpb=23cd2dcceff47d3ff6156c6c4fba913f2ee2f9b9 diff --git a/js/ui.js b/js/ui.js index 74ea521..b9c0519 100644 --- a/js/ui.js +++ b/js/ui.js @@ -1,38 +1,363 @@ -/* ***** BEGIN LICENSE BLOCK ***** - * Version: MPL 1.1/GPL 2.0/LGPL 2.1 - * - * The contents of this file are subject to the Mozilla Public License Version - * 1.1 (the "License"); you may not use this file except in compliance with - * the License. You may obtain a copy of the License at - * http://www.mozilla.org/MPL/ - * - * Software distributed under the License is distributed on an "AS IS" basis, - * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License - * for the specific language governing rights and limitations under the - * License. - * - * The Original Code is Lantea mapping/tracking web app. - * - * The Initial Developer of the Original Code is - * Robert Kaiser . - * Portions created by the Initial Developer are Copyright (C) 2011 - * the Initial Developer. All Rights Reserved. - * - * Contributor(s): - * Robert Kaiser - * - * Alternatively, the contents of this file may be used under the terms of - * either the GNU General Public License Version 2 or later (the "GPL"), or - * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), - * in which case the provisions of the GPL or the LGPL are applicable instead - * of those above. If you wish to allow use of your version of this file only - * under the terms of either the GPL or the LGPL, and not to allow others to - * use your version of this file under the terms of the MPL, indicate your - * decision by deleting the provisions above and replace them with the notice - * and other provisions required by the GPL or the LGPL. If you do not delete - * the provisions above, a recipient may use your version of this file under - * the terms of any one of the MPL, the GPL or the LGPL. - * - * ***** END LICENSE BLOCK ***** */ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ +// Get the best-available indexedDB object. +window.indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB; +var mainDB; +var gUIHideCountdown = 0; +var gWaitCounter = 0; +var gAction, gActionLabel; + +window.onload = function() { + gAction = document.getElementById("action"); + gActionLabel = document.getElementById("actionlabel"); + + var mSel = document.getElementById("mapSelector"); + for (var mapStyle in gMapStyles) { + var opt = document.createElement("option"); + opt.value = mapStyle; + opt.text = gMapStyles[mapStyle].name; + mSel.add(opt, null); + } + + var areas = document.getElementsByClassName('overlayArea'); + for (var i = 0; i <= areas.length - 1; i++) { + areas[i].addEventListener("mouseup", uiEvHandler, false); + areas[i].addEventListener("mousemove", uiEvHandler, false); + areas[i].addEventListener("mousedown", uiEvHandler, false); + areas[i].addEventListener("mouseout", uiEvHandler, false); + + areas[i].addEventListener("touchstart", uiEvHandler, false); + areas[i].addEventListener("touchmove", uiEvHandler, false); + areas[i].addEventListener("touchend", uiEvHandler, false); + areas[i].addEventListener("touchcancel", uiEvHandler, false); + areas[i].addEventListener("touchleave", uiEvHandler, false); + } + + document.getElementById("body").addEventListener("keydown", uiEvHandler, false); + + if (navigator.platform.length == "") { + // For Firefox OS, don't display the "save" button. + // Do this by setting the debugHide class for testing in debug mode. + document.getElementById("saveTrackButton").classList.add("debugHide"); + } + + initDB(); + initMap(); + + var loopCnt = 0; + var waitForInitAndDraw = function() { + if ((gWaitCounter <= 0) || (loopCnt > 100)) { + if (gWaitCounter <= 0) + gWaitCounter = 0; + else + console.log("Loading failed (waiting for init)."); + + gMapPrefsLoaded = true; + resizeAndDraw(); + gActionLabel.textContent = ""; + gAction.style.display = "none"; + setTracking(document.getElementById("trackCheckbox")); + } + else + setTimeout(waitForInitAndDraw, 100); + loopCnt++; + }; + waitForInitAndDraw(); +} + +window.onresize = function() { + resizeAndDraw(); +} + +function initDB() { + // Open DB. + var request = window.indexedDB.open("MainDB-lantea", 2); + request.onerror = function(event) { + // Errors can be handled here. Error codes explain in: + // https://developer.mozilla.org/en/IndexedDB/IDBDatabaseException#Constants + if (gDebug) + console.log("error opening mainDB: " + event.target.errorCode); + }; + request.onsuccess = function(event) { + mainDB = request.result; + }; + request.onupgradeneeded = function(event) { + mainDB = request.result; + var ver = mainDB.version || 0; // version is empty string for a new DB + if (gDebug) + console.log("mainDB has version " + ver + ", upgrade needed."); + if (!mainDB.objectStoreNames.contains("prefs")) { + // Create a "prefs" objectStore. + var prefsStore = mainDB.createObjectStore("prefs"); + } + if (!mainDB.objectStoreNames.contains("track")) { + // Create a "track" objectStore. + var trackStore = mainDB.createObjectStore("track", {autoIncrement: true}); + } + if (!mainDB.objectStoreNames.contains("tilecache")) { + // Create a "tilecache" objectStore. + var tilecacheStore = mainDB.createObjectStore("tilecache"); + } + mainDB.onversionchange = function(event) { + mainDB.close(); + mainDB = undefined; + initDB(); + }; + }; +} + +function showUI() { + if (gUIHideCountdown <= 0) { + var areas = document.getElementsByClassName('overlayArea'); + for (var i = 0; i <= areas.length - 1; i++) { + areas[i].classList.remove("hidden"); + } + setTimeout(maybeHideUI, 1000); + } + gUIHideCountdown = 5; +} + +function maybeHideUI() { + gUIHideCountdown--; + if (gUIHideCountdown <= 0) { + var areas = document.getElementsByClassName('overlayArea'); + for (var i = 0; i <= areas.length - 1; i++) { + areas[i].classList.add("hidden"); + } + } + else { + setTimeout(maybeHideUI, 1000); + } +} + +function toggleTrackArea() { + var fs = document.getElementById("trackArea"); + if (fs.style.display != "block") { + fs.style.display = "block"; + showUI(); + } + else { + fs.style.display = "none"; + } +} + +function toggleSettings() { + var fs = document.getElementById("settingsArea"); + if (fs.style.display != "block") { + fs.style.display = "block"; + showUI(); + } + else { + fs.style.display = "none"; + } +} + +function toggleFullscreen() { + if ((document.fullScreenElement && document.fullScreenElement !== null) || + (document.mozFullScreenElement && document.mozFullScreenElement !== null) || + (document.webkitFullScreenElement && document.webkitFullScreenElement !== null)) { + if (document.cancelFullScreen) { + document.cancelFullScreen(); + } else if (document.mozCancelFullScreen) { + document.mozCancelFullScreen(); + } else if (document.webkitCancelFullScreen) { + document.webkitCancelFullScreen(); + } + } + else { + var elem = document.getElementById("body"); + if (elem.requestFullScreen) { + elem.requestFullScreen(); + } else if (elem.mozRequestFullScreen) { + elem.mozRequestFullScreen(); + } else if (elem.webkitRequestFullScreen) { + elem.webkitRequestFullScreen(); + } + } +} + +var uiEvHandler = { + handleEvent: function(aEvent) { + var touchEvent = aEvent.type.indexOf('touch') != -1; + + switch (aEvent.type) { + case "mousedown": + case "touchstart": + case "mousemove": + case "touchmove": + case "mouseup": + case "touchend": + case "keydown": + showUI(); + break; + } + } +}; + +function makeISOString(aTimestamp) { + // ISO time format is YYYY-MM-DDTHH:mm:ssZ + var tsDate = new Date(aTimestamp); + return tsDate.getUTCFullYear() + "-" + + (tsDate.getUTCMonth() < 10 ? "0" : "") + tsDate.getUTCMonth() + "-" + + (tsDate.getUTCDate() < 10 ? "0" : "") + tsDate.getUTCDate() + "T" + + (tsDate.getUTCHours() < 10 ? "0" : "") + tsDate.getUTCHours() + ":" + + (tsDate.getUTCMinutes() < 10 ? "0" : "") + tsDate.getUTCMinutes() + ":" + + (tsDate.getUTCSeconds() < 10 ? "0" : "") + tsDate.getUTCSeconds() + "Z"; +} + +function saveTrack() { + if (gTrack.length) { + var out = '' + "\n\n"; + out += '' + "\n"; + out += ' ' + "\n"; + out += ' ' + "\n"; + for (var i = 0; i < gTrack.length; i++) { + if (gTrack[i].beginSegment && i > 0) { + out += ' ' + "\n"; + out += ' ' + "\n"; + } + out += ' ' + "\n"; + if (gTrack[i].coords.altitude) { + out += ' ' + gTrack[i].coords.altitude + '' + "\n"; + } + out += ' ' + "\n"; + out += ' ' + "\n"; + } + out += ' ' + "\n"; + out += ' ' + "\n"; + out += '' + "\n"; + var outDataURI = "data:application/gpx+xml," + encodeURIComponent(out); + window.open(outDataURI, 'GPX Track'); + } +} + +function saveTrackDump() { + if (gTrack.length) { + var out = JSON.stringify(gTrack); + var outDataURI = "data:application/json," + encodeURIComponent(out); + window.open(outDataURI, 'JSON dump'); + } +} + +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], "readwrite"); + var objStore = transaction.objectStore(this.objStore); + var request = objStore.put(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], "readwrite"); + 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], "readwrite"); + 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], "readwrite"); + 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); + } + } +};