Lora/Lora-Map
1
0
Fork 0
Code Issues 8 Pull Requests Releases 23 Wiki Activity

add alert border and open device info

Browse Source
This commit is contained in:
Philip Schell 2019-03-29 13:46:41 +01:00
parent 52406de2ba
commit 4444b97d3b
3 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
Lora-Map/resources/css/global.css
View File

@ -3,6 +3,13 @@
#bigmap {
height: 100%;
}
#bigmap .marker-alert {
border: red 5px dashed;
top: -5px;
left: -5px;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.4) 10px 10px;
}
/* Optional: Makes the sample page fill the window. */
html, body {

14
Lora-Map/resources/js/marker.js
View File

@ -53,14 +53,12 @@ function parseAjaxPanic() {
if (panics.hasOwnProperty(id)) {
var panicitem = panics[id];
if (markers.hasOwnProperty(id)) {
if (typeof markers[id].getPopup() === "undefined") {
markers[id].bindPopup("");
}
if (timeDiffRaw(panicitem["Triggerdtime"]) <= 10 && !markers[id].isPopupOpen()) {
markers[id].setPopupContent("ALERT!");
markers[id].openPopup();
} else if (timeDiffRaw(panicitem["Triggerdtime"]) > 10 && markers[id].isPopupOpen()) {
markers[id].closePopup();
var marker = markers[id];
if (timeDiffRaw(panicitem["Triggerdtime"]) <= 10 && marker._icon.className.indexOf(" marker-alert") === -1) {
marker._icon.className += " marker-alert";
showMarkerInfoPerId(id);
} else if (timeDiffRaw(panicitem["Triggerdtime"]) > 10 && marker._icon.className.indexOf(" marker-alert") !== -1) {
marker._icon.className = marker._icon.className.replace(" marker-alert", "");
}
}
}

6
Lora-Map/resources/js/menu.js
View File

@ -24,6 +24,12 @@ function showMarkerInfo(e) {
updateDeviceStatus();
}
function showMarkerInfoPerId(id) {
showHidePanel("pannels_info");
statusToDevice = id;
updateDeviceStatus();
}
function showMarkerInfoMenu() {
showHidePanel("pannels_info");
statusToDevice = this.getAttribute("rel");