nils/gluon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gluon-config-mode-geo-location-with-map: load map asyncron to don't block the formular

Browse Source
This commit is contained in:
Jan-Tarek Butt 2018-07-27 21:38:55 +02:00
parent cc5e447c03
commit f1dd0c5f71
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
package/gluon-config-mode-geo-location/src/0400-geo-location.lua.in
View File

@ -67,18 +67,22 @@ return function(form, uci)
<script type="text/javascript" src="/static/osm.js"></script>
<script type="text/javascript">
var latitude=]] .. show_lon() .. ",longitude=" .. show_lat() .. ",zoom=" .. site_zoom() .. [[;
function loadedContent() {
document.addEventListener("DOMContentLoaded", showMap, false);
var openLayerSrc = document.createElement("script");
openLayerSrc.type = 'text/javascript';
openLayerSrc.src = "]] .. show_olurl() .. [[?noCache=]] .. os.time() .. [[";
openLayerSrc.onload = openLayerSrc.onreadystatechange = function () {
window.addEventListener("load", showMap, false);
var lpm=document.getElementById("locationPickerMap");
setInterval(function() {
if(false !== findObj("longitude")) {
document.getElementById("locationPickerMap").style.display="block";
lpm.style.display="block";
}else{
document.getElementById("locationPickerMap").style.display="none";
}
}, 10);
lpm.style.display="none";
}
}, 100);
};
document.head.appendChild(openLayerSrc);
</script>
<script onload="loadedContent();" type="text/javascript" src="]] .. show_olurl() .. [[?noCache=]] .. os.time() .. [["></script>
<div>
]]