UI groundwork for conditions display #92

This commit is contained in:
Ian Renton
2026-03-28 10:50:38 +00:00
parent 2a5e0db5bc
commit 126ebcb8b2
15 changed files with 91 additions and 128 deletions

View File

@@ -67,7 +67,7 @@
<p>This software is dedicated to the memory of Tom G1PJB, SK, a friend and colleague who sadly passed away around the time I started writing it in Autumn 2025. I was looking forward to showing it to you when it was done.</p>
</div>
<script src="/js/common.js?v=1774694366"></script>
<script src="/js/common.js?v=1774695038"></script>
<script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

@@ -69,8 +69,8 @@
</div>
<script src="/js/common.js?v=1774694366"></script>
<script src="/js/add-spot.js?v=1774694366"></script>
<script src="/js/common.js?v=1774695038"></script>
<script src="/js/add-spot.js?v=1774695038"></script>
<script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

@@ -50,14 +50,18 @@
</div>
</div>
<div id="conditions-area" class="appearing-panel card mb-3">
{% module Template("widgets/conditions-area-header.html", web_ui_options=web_ui_options) %}
</div>
<div id="table-container">
<table id="table" class="table"><thead><tr class="table-primary"></tr></thead><tbody></tbody></table>
</div>
</div>
<script src="/js/common.js?v=1774694367"></script>
<script src="/js/alerts.js?v=1774694367"></script>
<script src="/js/common.js?v=1774695038"></script>
<script src="/js/alerts.js?v=1774695038"></script>
<script>$(document).ready(function() { $("#nav-link-alerts").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

@@ -55,6 +55,10 @@
</div>
</div>
<div id="conditions-area" class="appearing-panel card mb-3">
{% module Template("widgets/conditions-area-header.html", web_ui_options=web_ui_options) %}
</div>
<div id="bands-container"></div>
</div>
@@ -62,9 +66,9 @@
<script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script>
<script src="/js/common.js?v=1774694366"></script>
<script src="/js/spotsbandsandmap.js?v=1774694366"></script>
<script src="/js/bands.js?v=1774694366"></script>
<script src="/js/common.js?v=1774695038"></script>
<script src="/js/spotsbandsandmap.js?v=1774695038"></script>
<script src="/js/bands.js?v=1774695038"></script>
<script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

@@ -46,10 +46,10 @@
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tinycolor2@1.6.0/cjs/tinycolor.min.js"></script>
<script src="https://misc.ianrenton.com/jsutils/utils.js?v=1774694366"></script>
<script src="https://misc.ianrenton.com/jsutils/storage.js?v=1774694366"></script>
<script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1774694366"></script>
<script src="https://misc.ianrenton.com/jsutils/geo.js?v=1774694366"></script>
<script src="https://misc.ianrenton.com/jsutils/utils.js?v=1774695038"></script>
<script src="https://misc.ianrenton.com/jsutils/storage.js?v=1774695038"></script>
<script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1774695038"></script>
<script src="https://misc.ianrenton.com/jsutils/geo.js?v=1774695038"></script>
</head>
<body>

View File

@@ -56,6 +56,10 @@
</div>
</div>
</div>
<div id="conditions-area" class="appearing-panel card mb-3">
{% module Template("widgets/conditions-area-header.html", web_ui_options=web_ui_options) %}
</div>
</div>
</div>
@@ -70,9 +74,9 @@
<script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script>
<script src="/js/common.js?v=1774694367"></script>
<script src="/js/spotsbandsandmap.js?v=1774694367"></script>
<script src="/js/map.js?v=1774694367"></script>
<script src="/js/common.js?v=1774695038"></script>
<script src="/js/spotsbandsandmap.js?v=1774695038"></script>
<script src="/js/map.js?v=1774695038"></script>
<script>$(document).ready(function() { $("#nav-link-map").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

@@ -78,6 +78,10 @@
</div>
</div>
<div id="conditions-area" class="appearing-panel card mb-3">
{% module Template("widgets/conditions-area-header.html", web_ui_options=web_ui_options) %}
</div>
<div id="table-container">
<table id="table" class="table"><thead><tr class="table-primary"></tr></thead><tbody></tbody></table>
</div>
@@ -87,9 +91,9 @@
<script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script>
<script src="/js/common.js?v=1774694366"></script>
<script src="/js/spotsbandsandmap.js?v=1774694366"></script>
<script src="/js/spots.js?v=1774694366"></script>
<script src="/js/common.js?v=1774695038"></script>
<script src="/js/spotsbandsandmap.js?v=1774695038"></script>
<script src="/js/spots.js?v=1774695038"></script>
<script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

@@ -3,8 +3,8 @@
<div id="status-container" class="row row-cols-1 row-cols-md-4 g-4 mt-4"></div>
<script src="/js/common.js?v=1774694366"></script>
<script src="/js/status.js?v=1774694366"></script>
<script src="/js/common.js?v=1774695038"></script>
<script src="/js/status.js?v=1774695038"></script>
<script>$(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %}

View File

@@ -0,0 +1,10 @@
<div class="card-header">
<div class="row">
<div class="col-auto me-auto">
Conditions
</div>
<div class="col-auto d-inline-flex">
<button id="close-conditions-button" type="button" class="btn-close btn-close-white" aria-label="Close" onclick="closeConditionsPanel();"></button>
</div>
</div>
</div>