w1cdn/spothole
1
0
Fork 0
mirror of https://git.ianrenton.com/ian/spothole.git synced 2025-10-27 08:49:27 +00:00
Code Issues 11 Packages Projects Releases Wiki Activity

Rename "filters" to "settings" #19

Browse Source
This commit is contained in:
Ian Renton
2025-10-06 16:14:46 +01:00
parent 94f7b90cc5
commit fdb2a445b8
3 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
views/webpage_alerts.tpl
View File

@@ -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>

12
views/webpage_spots.tpl
View File

@@ -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>

28
webassets/js/spots.js
View File

@@ -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();