X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fui.js;h=fbc8f3d289c01cbdc6354bc89e16422bdaa4806b;hp=d76f915b46d025713b98a165333c1ea4425b1d4f;hb=123b314299fa2aca307823c3ccec6139a4282e74;hpb=d0c62ee019f8c1264fda16acf2a2649e23de6e82 diff --git a/js/ui.js b/js/ui.js index d76f915..fbc8f3d 100644 --- a/js/ui.js +++ b/js/ui.js @@ -2,10 +2,12 @@ * 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. +// Get the best-available objects for indexedDB and requestAnimationFrame. window.indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB; -var mainDB; +window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; +var mainDB; +var gAppInitDone = false; var gUIHideCountdown = 0; var gWaitCounter = 0; var gAction, gActionLabel; @@ -23,7 +25,7 @@ window.onload = function() { mSel.add(opt, null); } - var areas = document.getElementsByClassName('overlayArea'); + 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); @@ -65,7 +67,9 @@ function postInit(aEvent) { gAction.removeEventListener(aEvent.type, postInit, false); console.log("init done, draw map."); gMapPrefsLoaded = true; - resizeAndDraw(); + gAppInitDone = true; + //gMap.resizeAndDraw(); <-- HACK: This triggers bug 1001853, work around with a delay. + window.setTimeout(gMap.resizeAndDraw, 100); gActionLabel.textContent = ""; gAction.style.display = "none"; setTracking(document.getElementById("trackCheckbox")); @@ -83,7 +87,7 @@ function postInit(aEvent) { } window.onresize = function() { - resizeAndDraw(); + gMap.resizeAndDraw(); } function initDB(aEvent) { @@ -140,6 +144,11 @@ function showUI() { function maybeHideUI() { gUIHideCountdown--; + if (!document.getElementById("trackArea").classList.contains("hidden")) { + // If track area is visible, update track data. + document.getElementById("trackLength").textContent = calcTrackLength().toFixed(1); + document.getElementById("trackDuration").textContent = Math.round(calcTrackDuration()/60); + } if (gUIHideCountdown <= 0) { var areas = document.getElementsByClassName('overlayArea'); for (var i = 0; i <= areas.length - 1; i++) { @@ -153,23 +162,23 @@ function maybeHideUI() { function toggleTrackArea() { var fs = document.getElementById("trackArea"); - if (fs.style.display != "block") { - fs.style.display = "block"; + if (fs.classList.contains("hidden")) { + fs.classList.remove("hidden"); showUI(); } else { - fs.style.display = "none"; + fs.classList.add("hidden"); } } function toggleSettings() { var fs = document.getElementById("settingsArea"); - if (fs.style.display != "block") { - fs.style.display = "block"; + if (fs.classList.contains("hidden")) { + fs.classList.remove("hidden"); showUI(); } else { - fs.style.display = "none"; + fs.classList.add("hidden"); } } @@ -208,6 +217,16 @@ function showUploadDialog() { dia.classList.remove("hidden"); } +function showGLWarningDialog() { + var dia = document.getElementById("dialogArea"); + var areas = dia.children; + for (var i = 0; i <= areas.length - 1; i++) { + areas[i].style.display = "none"; + } + document.getElementById("noGLwarning").style.display = "block"; + dia.classList.remove("hidden"); +} + function cancelDialog() { document.getElementById("dialogArea").classList.add("hidden"); document.getElementById("uploadTrackButton").disabled = false;