X-Git-Url: https://git-public.kairo.at/?p=lantea.git;a=blobdiff_plain;f=js%2Fui.js;h=fbc8f3d289c01cbdc6354bc89e16422bdaa4806b;hp=2ee227293986d01f8c2537b7f1c8582b2565f64d;hb=123b314299fa2aca307823c3ccec6139a4282e74;hpb=ecde0af25609bcc783811244c4c93400c2054bd5 diff --git a/js/ui.js b/js/ui.js index 2ee2272..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; @@ -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"); } }