From 485efba3b40fc63c604e22067c852e0a0b0987b3 Mon Sep 17 00:00:00 2001
From: Zane <zanesmithwx@gmail.com>
Date: Fri, 3 May 2024 18:30:28 -0500
Subject: [PATCH] Updated

---
 alerts.html | 83 +++++++++++++++++++++++++++--------------------------
 1 file changed, 42 insertions(+), 41 deletions(-)
diff --git a/alerts.html b/alerts.html
index c88ef8c..18af17e 100644
--- a/alerts.html
+++ b/alerts.html
@@ -27,8 +27,8 @@
 </head>
 <body>
   <div class="alarm-container">
-    <div id="alarms-container">
-      <p>Loading alarms...</p>
+    <div id="alarms-container-KBIS">
+      <p>Loading KBIS alarms...</p>
     </div>
   </div>
 
@@ -36,53 +36,54 @@
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script>
     $(document).ready(function() {
-      // Function to fetch the radar station alarms
-function fetchAlarms(stationId, elementId) {
-  var apiUrl = "https://api.weather.gov/radar/stations/KMBX/alarms";
-  var alarmsElement = $("#" + elementId);
+      // Function to fetch the radar station alarms for KBIS
+      function fetchAlarms_KBIS() {
+        var apiUrl = "https://api.weather.gov/radar/stations/KBIS/alarms";
+        var alarmsElement = $("#alarms-container-KBIS");
 
-  $.getJSON(apiUrl, function(data) {
-    alarmsElement.empty();
+        $.getJSON(apiUrl, function(data) {
+          alarmsElement.empty();
 
-    if (data["@graph"] && data["@graph"].length > 0) {
-      data["@graph"].forEach(function(alarm) {
-        var alarmStatus = alarm.status;
-        var alarmMessage = alarm.message;
-        var alarmTimestamp = new Date(alarm.timestamp).toLocaleString();
+          if (data["@graph"] && data["@graph"].length > 0) {
+            data["@graph"].forEach(function(alarm) {
+              var alarmStatus = alarm.status;
+              var alarmMessage = alarm.message;
+              var alarmTimestamp = new Date(alarm.timestamp).toLocaleString();
 
-        var alarmItem = $("<div class='alarm-item'></div>").text(alarmMessage);
-        var alarmTimestampElement = $("<div class='alarm-timestamp'></div>").text(alarmTimestamp);
+              var alarmItem = $("<div class='alarm-item'></div>").text(alarmMessage);
+              var alarmTimestampElement = $("<div class='alarm-timestamp'></div>").text(alarmTimestamp);
 
-        // Set the status color based on its value
-        if (alarmStatus === "cleared") {
-          alarmItem.addClass("status-cleared");
-        } else if (alarmStatus === "required") {
-          alarmItem.addClass("status-required");
-        } else if (alarmStatus === "mandatory") {
-          alarmItem.addClass("status-mandatory");
-        } else if (alarmStatus === "inoperative") {
-          alarmItem.addClass("status-inoperative");
-        } else if (alarmStatus === "secondary") {
-          alarmItem.addClass("status-secondary");
-        }
+              // Set the status color based on its value
+              if (alarmStatus === "cleared") {
+                alarmItem.addClass("status-cleared");
+              } else if (alarmStatus === "required") {
+                alarmItem.addClass("status-required");
+              } else if (alarmStatus === "mandatory") {
+                alarmItem.addClass("status-mandatory");
+              } else if (alarmStatus === "inoperative") {
+                alarmItem.addClass("status-inoperative");
+              } else if (alarmStatus === "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
-      fetchAlarms("KMBX", "alarms-container");
+      // Call the fetchAlarms_KBIS function initially and then every minute for KBIS
+      fetchAlarms_KBIS();
       setInterval(function() {
-        fetchAlarms("KMBX", "alarms-container");
+        fetchAlarms_KBIS();
       }, 60000); // 60000 milliseconds = 1 minute
+
+      // You can create a similar function for fetching alarms for KBIS if needed
     });
   </script>
 </body>
