From fdb2a445b80f54f61f0f5905462ba8126105b4f2 Mon Sep 17 00:00:00 2001
From: Ian Renton <ian@ianrenton.com>
Date: Mon, 6 Oct 2025 16:14:46 +0100
Subject: [PATCH] Rename "filters" to "settings" #19

---
 views/webpage_alerts.tpl | 10 +++++-----
 views/webpage_spots.tpl  | 12 ++++++------
 webassets/js/spots.js    | 28 ++++++++++++++--------------
 3 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/views/webpage_alerts.tpl b/views/webpage_alerts.tpl
index ce83ea3..c3cbed4 100644
--- a/views/webpage_alerts.tpl
+++ b/views/webpage_alerts.tpl
@@ -7,25 +7,25 @@
         </div>
         <div class="col-auto">
             <p class="d-inline-flex gap-1">
-                <button id="filters-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Filters</button>
+                <button id="settings-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Settings</button>
             </p>
         </div>
     </div>
 
-    <div id="filters-area" class="appearing-panel card mb-3">
+    <div id="serttings-area" class="appearing-panel card mb-3">
         <div class="card-header text-white bg-primary">
             <div class="row">
                 <div class="col-auto me-auto">
-                    Filters
+                    Settings
                 </div>
                 <div class="col-auto d-inline-flex">
-                    <button id="close-filters-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
+                    <button id="close-settings-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
                 </div>
             </div>
 
         </div>
         <div class="card-body">
-            <div id="filters-container" class="row row-cols-1 g-4 mb-4"></div>
+            <div id="settings-container" class="row row-cols-1 g-4 mb-4"></div>
         </div>
     </div>
 
diff --git a/views/webpage_spots.tpl b/views/webpage_spots.tpl
index b5e3a6e..e442da9 100644
--- a/views/webpage_spots.tpl
+++ b/views/webpage_spots.tpl
@@ -15,7 +15,7 @@
         </div>
         <div class="col-auto">
             <p class="d-inline-flex gap-1">
-                <button id="filters-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Filters</button>
+                <button id="settings-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Settings</button>
                 <button id="status-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Status</button>
             </p>
         </div>
@@ -38,21 +38,21 @@
         </div>
     </div>
 
-    <div id="filters-area" class="appearing-panel card mb-3">
+    <div id="settings-area" class="appearing-panel card mb-3">
         <div class="card-header text-white bg-primary">
             <div class="row">
                 <div class="col-auto me-auto">
-                    Filters
+                    Settings
                 </div>
                 <div class="col-auto d-inline-flex">
-                    <button id="close-filters-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
+                    <button id="close-settings-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
                 </div>
             </div>
 
         </div>
         <div class="card-body">
-            <div id="filters-container-1" class="row row-cols-1 g-4 mb-4"></div>
-            <div id="filters-container-2" class="row row-cols-1 row-cols-md-4 g-4"></div>
+            <div id="settings-container-1" class="row row-cols-1 g-4 mb-4"></div>
+            <div id="settings-container-2" class="row row-cols-1 row-cols-md-4 g-4"></div>
         </div>
     </div>
 
diff --git a/webassets/js/spots.js b/webassets/js/spots.js
index 5bcd60d..3b9e5f0 100644
--- a/webassets/js/spots.js
+++ b/webassets/js/spots.js
@@ -220,11 +220,11 @@ function loadOptions() {
         addBandColourCSS(options["bands"]);
 
         // Populate the filters panel
-        $("#filters-container-1").append(generateBandsFilterCard("Bands", "band", options["bands"]));
-        $("#filters-container-2").append(generateFilterCard("DX Continent", "dx_continent", options["continents"]));
-        $("#filters-container-2").append(generateFilterCard("DE Continent", "de_continent", options["continents"]));
-        $("#filters-container-2").append(generateFilterCard("Modes", "mode_type", options["mode_types"]));
-        $("#filters-container-2").append(generateFilterCard("Sources", "source", options["spot_sources"]));
+        $("#settings-container-1").append(generateBandsFilterCard("Bands", "band", options["bands"]));
+        $("#settings-container-2").append(generateFilterCard("DX Continent", "dx_continent", options["continents"]));
+        $("#settings-container-2").append(generateFilterCard("DE Continent", "de_continent", options["continents"]));
+        $("#settings-container-2").append(generateFilterCard("Modes", "mode_type", options["mode_types"]));
+        $("#settings-container-2").append(generateFilterCard("Sources", "source", options["spot_sources"]));
 
         // Load filter settings from settings storage
         loadSettings();
@@ -369,9 +369,9 @@ function setUpEventListeners() {
         // If we are going to display status, load the data for the status panel, and hide the filters panel
         if (!$("#status-area").is(":visible")) {
             loadStatus();
-            if ($("#filters-area").is(":visible")) {
-                $("#filters-area").hide();
-                $("#filters-button").button("toggle");
+            if ($("#settings-area").is(":visible")) {
+                $("#settings-area").hide();
+                $("#settings-button").button("toggle");
             }
         }
         $("#status-area").toggle();
@@ -380,17 +380,17 @@ function setUpEventListeners() {
         $("#status-button").button("toggle");
         $("#status-area").hide();
     });
-    $("#filters-button").click(function() {
+    $("#settings-button").click(function() {
         // If we are going to display filters, hide the filters panel
-        if (!$("#filters-area").is(":visible") && $("#status-area").is(":visible")) {
+        if (!$("#settings-area").is(":visible") && $("#status-area").is(":visible")) {
             $("#status-area").hide();
             $("#status-button").button("toggle");
         }
-        $("#filters-area").toggle();
+        $("#settings-area").toggle();
     });
-    $("#close-filters-button").click(function() {
-        $("#filters-button").button("toggle");
-        $("#filters-area").hide();
+    $("#close-settings-button").click(function() {
+        $("#settings-button").button("toggle");
+        $("#settings-area").hide();
     });
     $("#spots-to-fetch").click(function() {
         filtersUpdated();