zsmithwx/NEXRAD_Public
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated

Browse Source
This commit is contained in:
Zane Smith
2024-05-03 18:30:28 -05:00
parent 66670bd21e
commit 485efba3b4
1 changed files with 42 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
alerts.html
View File

@@ -27,8 +27,8 @@
</head> </head>
<body> <body>
<div class="alarm-container"> <div class="alarm-container">
<div id="alarms-container"> <div id="alarms-container-KBIS">
<p>Loading alarms...</p> <p>Loading KBIS alarms...</p>
</div> </div>
</div> </div>
@@ -36,53 +36,54 @@
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
// Function to fetch the radar station alarms // Function to fetch the radar station alarms for KBIS
function fetchAlarms(stationId, elementId) { function fetchAlarms_KBIS() {
var apiUrl = "https://api.weather.gov/radar/stations/KMBX/alarms"; var apiUrl = "https://api.weather.gov/radar/stations/KBIS/alarms";
var alarmsElement = $("#" + elementId); var alarmsElement = $("#alarms-container-KBIS");
$.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); alarmItem.append(alarmTimestampElement);
alarmsElement.append(alarmItem); alarmsElement.append(alarmItem);
}); });
} else { } else {
alarmsElement.text("No alarms found."); alarmsElement.text("No alarms found.");
} }
}).fail(function() { }).fail(function() {
alarmsElement.text("Failed to fetch alarms."); alarmsElement.text("Failed to fetch alarms.");
}); });
} }
// Call the fetchAlarms_KBIS function initially and then every minute for KBIS
// Call the fetchAlarms function initially and then every minute fetchAlarms_KBIS();
fetchAlarms("KMBX", "alarms-container");
setInterval(function() { setInterval(function() {
fetchAlarms("KMBX", "alarms-container"); fetchAlarms_KBIS();
}, 60000); // 60000 milliseconds = 1 minute }, 60000); // 60000 milliseconds = 1 minute
// You can create a similar function for fetching alarms for KBIS if needed
}); });
</script> </script>
</body> </body>