X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fui.js;h=6566a86254e010bdd15ba67fab587d8c7dab346e;hp=9eff69350098f5a863c81f7abc757f10e9bfef58;hb=b054bd4857044ec231227d541efe847aacab9d29;hpb=3610c22d8eb34e6472073da446a20f2772184145 diff --git a/js/ui.js b/js/ui.js index 9eff693..6566a86 100644 --- a/js/ui.js +++ b/js/ui.js @@ -1,44 +1,13 @@ -/* ***** 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"); for (var mapStyle in gMapStyles) { @@ -48,6 +17,21 @@ 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(); @@ -85,10 +69,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 +108,54 @@ 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": + showUI(); + break; + } + } +}; + function makeISOString(aTimestamp) { // ISO time format is YYYY-MM-DDTHH:mm:ssZ var tsDate = new Date(aTimestamp); @@ -138,11 +189,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 +223,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 +242,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 +288,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 +306,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;