");
+ $card_body.append(`
${title}
`);
+ $card_body.append(`
${textLines.join("
")}
`);
+ $card.append($card_body);
+ $col.append($card);
+ return $col;
+}
+
// Load server options. Once a successful callback is made from this, we then query spots and set up the timer to query
// spots repeatedly.
function loadOptions() {
@@ -121,6 +155,9 @@ function loadOptions() {
band_colors[m["name"]] = m["color"]
});
+ // Populate the filters panel
+ $("#filters-container").text(JSON.stringify(options));
+
// Load spots and set up the timer
loadSpots();
setInterval(loadSpots, REFRESH_INTERVAL_SEC * 1000)
@@ -162,8 +199,22 @@ function escapeHtml(str) {
return str.replace(/[&<>"'`]/g, escapeCharacter);
}
+// Startup
+$(document).ready(function() {
+ // Call loadOptions(), this will then trigger loading spots and setting up timers.
+ loadOptions();
+ // Update the refresh timing display every second
+ setInterval(updateRefreshDisplay, 1000);
-// Startup. Call loadOptions(), this will then trigger loading spots and setting up timers.
-loadOptions();
-// Update the refresh timing display every second
-setInterval(updateRefreshDisplay, 1000);
\ No newline at end of file
+ // Event listeners
+ $("#status-button").click(function() {
+ // If we are going to display status, load the data
+ if (!$("#status-area").is(":visible")) {
+ loadStatus();
+ }
+ $("#status-area").toggle();
+ });
+ $("#close-status-button").click(function() { $("#status-area").hide(); });
+ $("#filters-button").click(function() { $("#filters-area").toggle(); });
+ $("#close-filters-button").click(function() { $("#filters-area").hide(); });
+});
\ No newline at end of file