Starting to implement alerts #17

This commit is contained in:
Ian Renton
2025-10-04 18:09:54 +01:00
parent 55893949b8
commit 74153a9d94
29 changed files with 552 additions and 109 deletions

44
views/webpage_alerts.tpl Normal file
View File

@@ -0,0 +1,44 @@
% rebase('webpage_base.tpl')
<div class="mt-3">
<div class="row">
<div class="col-auto me-auto pt-3">
<p id="timing-container">Loading...</p>
</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>
</p>
</div>
</div>
<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">
Filters
</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>
</div>
</div>
</div>
<div class="card-body">
<div id="filters-container" class="row row-cols-1 g-4 mb-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" 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>
</div>
<script src="/js/alerts.js"></script>

View File

@@ -43,7 +43,6 @@
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"></script>
<script src="/js/code.js"></script>
</head>
<body>
@@ -59,6 +58,7 @@
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item ms-4"><a href="/" class="nav-link">Spots</a></li>
<li class="nav-item ms-4"><a href="/alerts" class="nav-link">Alerts</a></li>
<li class="nav-item ms-4"><a href="/about" class="nav-link">About</a></li>
<li class="nav-item ms-4"><a href="/apidocs" class="nav-link">API</a></li>
<li class="nav-item ms-4"><a href="https://git.ianrenton.com/ian/spothole" class="nav-link">Source Code</a></li>

View File

@@ -66,4 +66,6 @@
<option value="100">100</option>
</select>
</p>
</div>
</div>
<script src="/js/spots.js"></script>