Provide UTC/local toggle. Closes #32

This commit is contained in:
Ian Renton
2025-10-08 17:16:56 +01:00
parent 62c187178b
commit 1843286f92
6 changed files with 109 additions and 69 deletions

View File

@@ -7,38 +7,44 @@
</div>
<div class="col-auto">
<p class="d-inline-flex gap-1">
<button id="settings-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Settings</button>
<button id="filters-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Filters</button>
</p>
</div>
</div>
<div id="settings-area" class="appearing-panel card mb-3">
<div id="filters-area" class="appearing-panel card mb-3">
<div class="card-header text-white bg-primary">
<div class="row">
<div class="col-auto me-auto">
Settings
filters
</div>
<div class="col-auto d-inline-flex">
<button id="close-settings-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
<button id="close-filters-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
</div>
</div>
</div>
<div class="card-body">
<div id="settings-container" class="row row-cols-1 row-cols-md-3 g-4"></div>
<div id="filters-container" class="row row-cols-1 row-cols-md-3 g-4"></div>
</div>
</div>
<div id="table-container"></div>
<p>Alerts to view:
<select id="alerts-to-fetch" class="storeable-select form-select ms-2" onclick="filtersUpdated();" style="width: 5em;display: inline-block;">
<option value="25">25</option>
<option value="50">50</option>
<option value="100" selected>100</option>
<option value="200">200</option>
<option value="500">500</option>
</select>
<p>
<span class="form-check form-switch d-inline-block">
<input class="form-check-input storeable-checkbox" type="checkbox" role="switch" id="useLocalTime" onclick="localTimeUpdated();">
<label class="form-check-label" for="useLocalTime">Local time</label>
</span>
<span class="ms-5">Alerts to view:
<select id="alerts-to-fetch" class="storeable-select form-select ms-2" onclick="filtersUpdated();" style="width: 5em;display: inline-block;">
<option value="25">25</option>
<option value="50">50</option>
<option value="100" selected>100</option>
<option value="200">200</option>
<option value="500">500</option>
</select>
</span>
</p>
</div>

View File

@@ -22,38 +22,44 @@
</div>
<div class="col-auto">
<p class="d-inline-flex gap-1">
<button id="settings-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Settings</button>
<button id="filters-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Filters</button>
</p>
</div>
</div>
<div id="settings-area" class="appearing-panel card mb-3">
<div id="filters-area" class="appearing-panel card mb-3">
<div class="card-header text-white bg-primary">
<div class="row">
<div class="col-auto me-auto">
Settings
filters
</div>
<div class="col-auto d-inline-flex">
<button id="close-settings-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
<button id="close-filters-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
</div>
</div>
</div>
<div class="card-body">
<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 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>
</div>
<div id="table-container"></div>
<p>Spots to view:
<select id="spots-to-fetch" class="storeable-select form-select ms-2" onclick="filtersUpdated();" style="width: 5em;display: inline-block;">
<option value="10">10</option>
<option value="25">25</option>
<option value="50" selected>50</option>
<option value="100">100</option>
</select>
<p>
<span class="form-check form-switch d-inline-block">
<input class="form-check-input storeable-checkbox" type="checkbox" role="switch" id="useLocalTime" onclick="localTimeUpdated();">
<label class="form-check-label" for="useLocalTime">Local time</label>
</span>
<span class="ms-5">Spots to view:
<select id="spots-to-fetch" class="storeable-select form-select ms-2 d-inline-block" onclick="filtersUpdated();" style="width: 5em;">
<option value="10">10</option>
<option value="25">25</option>
<option value="50" selected>50</option>
<option value="100">100</option>
</select>
</span>
</p>
</div>