X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fui.js;h=b9c0519d0fe2740f7b6cfc4c970967997f3c407a;hp=9eff69350098f5a863c81f7abc757f10e9bfef58;hb=afa031872dc73ded1c8f1bed53600439bb499b85;hpb=3610c22d8eb34e6472073da446a20f2772184145 diff --git a/js/ui.js b/js/ui.js index 9eff693..b9c0519 100644 --- a/js/ui.js +++ b/js/ui.js @@ -1,45 +1,19 @@ -/* ***** 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; +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"); @@ -48,9 +22,50 @@ 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); + } + + 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(); - resizeAndDraw(); + + 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() { @@ -59,24 +74,33 @@ window.onresize = function() { function initDB() { // Open DB. - var request = iDB.open("MainDB", 1); + 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 - //document.getElementById("debug").textContent = - // "error opening mainDB: " + event.target.errorCode; + if (gDebug) + console.log("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}); + 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; @@ -85,10 +109,35 @@ function 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"; @@ -99,12 +148,55 @@ 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); @@ -138,11 +230,19 @@ function saveTrack() { 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", @@ -164,8 +264,7 @@ var gPrefs = { if (!mainDB) return; var success = false; - var transaction = mainDB.transaction([this.objStore], - IDBTransaction.READ_WRITE); + var transaction = mainDB.transaction([this.objStore], "readwrite"); var objStore = transaction.objectStore(this.objStore); var request = objStore.put(aValue, aKey); request.onsuccess = function(event) { @@ -184,8 +283,7 @@ var gPrefs = { if (!mainDB) return; var success = false; - var transaction = mainDB.transaction([this.objStore], - IDBTransaction.READ_WRITE); + var transaction = mainDB.transaction([this.objStore], "readwrite"); var request = transaction.objectStore(this.objStore).delete(aKey); request.onsuccess = function(event) { success = true; @@ -231,8 +329,7 @@ var gTrackStore = { push: function(aValue, aCallback) { if (!mainDB) return; - var transaction = mainDB.transaction([this.objStore], - IDBTransaction.READ_WRITE); + var transaction = mainDB.transaction([this.objStore], "readwrite"); var objStore = transaction.objectStore(this.objStore); var request = objStore.add(aValue); request.onsuccess = function(event) { @@ -250,8 +347,7 @@ var gTrackStore = { if (!mainDB) return; var success = false; - var transaction = mainDB.transaction([this.objStore], - IDBTransaction.READ_WRITE); + var transaction = mainDB.transaction([this.objStore], "readwrite"); var request = transaction.objectStore(this.objStore).clear(); request.onsuccess = function(event) { success = true;