X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fui.js;h=6566a86254e010bdd15ba67fab587d8c7dab346e;hp=187a84d6663b674619ab7a710ea562990dbc7aff;hb=b054bd4857044ec231227d541efe847aacab9d29;hpb=99631a7543656fb58fe3c7f7913773d49630db03 diff --git a/js/ui.js b/js/ui.js index 187a84d..6566a86 100644 --- a/js/ui.js +++ b/js/ui.js @@ -1,39 +1,12 @@ -/* ***** 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. +var iDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB; +var mainDB; + +var gUIHideCountdown = 0; window.onload = function() { var mSel = document.getElementById("mapSelector"); @@ -44,25 +17,145 @@ window.onload = function() { 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); + } + + + initDB(); initMap(); resizeAndDraw(); - startTracking(); } 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 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("settings"); + 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": + showUI(); + break; + } + } +}; + function makeISOString(aTimestamp) { // ISO time format is YYYY-MM-DDTHH:mm:ssZ var tsDate = new Date(aTimestamp); @@ -81,6 +174,10 @@ function saveTrack() { 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) { @@ -88,12 +185,138 @@ function saveTrack() { } out += ' ' + "\n"; out += ' ' + "\n"; - gTrack[i].coords.latitude, gTrack[i].coords.longitude; } out += ' ' + "\n"; out += ' ' + "\n"; out += '' + "\n"; - var outDataURI = "data:application/octet-stream," + encodeURIComponent(out); + 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); + } + } +};