Updated double load
This commit is contained in:
73
alerts.html
73
alerts.html
@@ -37,50 +37,51 @@
|
|||||||
<script>
|
<script>
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
// Function to fetch the radar station alarms
|
// Function to fetch the radar station alarms
|
||||||
function fetchAlarms(stationId, elementId) {
|
function fetchAlarms(stationId, elementId) {
|
||||||
var apiUrl = "https://api.weather.gov/radar/stations/" + stationId + "/alarms";
|
var apiUrl = "https://api.weather.gov/radar/stations/KMBX/alarms";
|
||||||
var alarmsElement = $("#" + elementId);
|
var alarmsElement = $("#" + elementId);
|
||||||
|
|
||||||
$.getJSON(apiUrl, function(data) {
|
$.getJSON(apiUrl, function(data) {
|
||||||
alarmsElement.empty();
|
alarmsElement.empty();
|
||||||
|
|
||||||
if (data["@graph"] && data["@graph"].length > 0) {
|
if (data["@graph"] && data["@graph"].length > 0) {
|
||||||
data["@graph"].forEach(function(alarm) {
|
data["@graph"].forEach(function(alarm) {
|
||||||
var alarmStatus = alarm.status;
|
var alarmStatus = alarm.status;
|
||||||
var alarmMessage = alarm.message;
|
var alarmMessage = alarm.message;
|
||||||
var alarmTimestamp = new Date(alarm.timestamp).toLocaleString();
|
var alarmTimestamp = new Date(alarm.timestamp).toLocaleString();
|
||||||
|
|
||||||
var alarmItem = $("<div class='alarm-item'></div>").text(alarmMessage);
|
var alarmItem = $("<div class='alarm-item'></div>").text(alarmMessage);
|
||||||
var alarmTimestampElement = $("<div class='alarm-timestamp'></div>").text(alarmTimestamp);
|
var alarmTimestampElement = $("<div class='alarm-timestamp'></div>").text(alarmTimestamp);
|
||||||
|
|
||||||
// Set the status color based on its value
|
// Set the status color based on its value
|
||||||
if (alarmStatus === "cleared") {
|
if (alarmStatus === "cleared") {
|
||||||
alarmItem.addClass("status-cleared");
|
alarmItem.addClass("status-cleared");
|
||||||
} else if (alarmStatus === "required") {
|
} else if (alarmStatus === "required") {
|
||||||
alarmItem.addClass("status-required");
|
alarmItem.addClass("status-required");
|
||||||
} else if (alarmStatus === "mandatory") {
|
} else if (alarmStatus === "mandatory") {
|
||||||
alarmItem.addClass("status-mandatory");
|
alarmItem.addClass("status-mandatory");
|
||||||
} else if (alarmStatus === "inoperative") {
|
} else if (alarmStatus === "inoperative") {
|
||||||
alarmItem.addClass("status-inoperative");
|
alarmItem.addClass("status-inoperative");
|
||||||
} else if (alarmStatus === "secondary") {
|
} else if (alarmStatus === "secondary") {
|
||||||
alarmItem.addClass("status-secondary");
|
alarmItem.addClass("status-secondary");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
alarmItem.append(alarmTimestampElement);
|
||||||
|
alarmsElement.append(alarmItem);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
alarmsElement.text("No alarms found.");
|
||||||
|
}
|
||||||
|
}).fail(function() {
|
||||||
|
alarmsElement.text("Failed to fetch alarms.");
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
alarmItem.append(alarmTimestampElement);
|
|
||||||
alarmsElement.append(alarmItem);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
alarmsElement.text("No alarms found.");
|
|
||||||
}
|
|
||||||
}).fail(function() {
|
|
||||||
alarmsElement.text("Failed to fetch alarms.");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Call the fetchAlarms function initially and then every minute
|
// Call the fetchAlarms function initially and then every minute
|
||||||
fetchAlarms("KBIS", "alarms-container");
|
fetchAlarms("KMBX", "alarms-container");
|
||||||
setInterval(function() {
|
setInterval(function() {
|
||||||
fetchAlarms("KBIS", "alarms-container");
|
fetchAlarms("KMBX", "alarms-container");
|
||||||
}, 60000); // 60000 milliseconds = 1 minute
|
}, 60000); // 60000 milliseconds = 1 minute
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user