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

Give status info its own page

Browse Source
This commit is contained in:
Ian Renton
2025-10-08 16:33:02 +01:00
parent b45fda2dd2
commit 24c6ba98ef
6 changed files with 61 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
views/webpage_base.tpl
View File

@@ -59,6 +59,7 @@
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item ms-4"><a href="/" class="nav-link" id="nav-link-spots">Spots</a></li>
<li class="nav-item ms-4"><a href="/alerts" class="nav-link" id="nav-link-alerts">Alerts</a></li>
<li class="nav-item ms-4"><a href="/status" class="nav-link" id="nav-link-status">Status</a></li>
<li class="nav-item ms-4"><a href="/about" class="nav-link" id="nav-link-about">About</a></li>
<li class="nav-item ms-4"><a href="/apidocs" class="nav-link" id="nav-link-api">API</a></li>
</ul>

18
views/webpage_spots.tpl
View File

@@ -23,28 +23,10 @@
<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="status-button" type="button" class="btn btn-outline-primary" data-bs-toggle="button">Status</button>
</p>
</div>
</div>
<div id="status-area" class="appearing-panel card mb-3">
<div class="card-header text-white bg-primary">
<div class="row">
<div class="col-auto me-auto">
Status
</div>
<div class="col-auto d-inline-flex">
<button id="close-status-button" type="button" class="btn-close btn-close-white" aria-label="Close"></button>
</div>
</div>
</div>
<div class="card-body">
<div id="status-container" class="row row-cols-1 row-cols-md-4 g-4"></div>
</div>
</div>
<div id="settings-area" class="appearing-panel card mb-3">
<div class="card-header text-white bg-primary">
<div class="row">

7
views/webpage_status.tpl Normal file
View File

@@ -0,0 +1,7 @@
% rebase('webpage_base.tpl')
<div id="status-container" class="row row-cols-1 row-cols-md-4 g-4 mt-4"></div>
<script src="/js/common.js"></script>
<script src="/js/status.js"></script>
<script>$(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav --></script>