DK1DA/DMRmap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve filters box

Browse source
This commit is contained in:
Marcus Kida 2026-02-11 12:04:45 +01:00
parent 5e5da74a61
commit 96f4f3b8e4
2 changed files with 24 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/index.html
View file

@ -11,8 +11,8 @@
<div id="map"></div> <div id="map"></div>
<div id="controls"> <div id="controls">
<div class="controls-row"> <div class="controls-row">
<label class="band-label band-2m"><input type="checkbox" id="band-2m" checked> 2m</label> <label class="band-label band-2m"><input type="checkbox" id="band-2m" checked> <span class="band-text">VHF<span class="band-sub">2m</span></span></label>
<label class="band-label band-70cm"><input type="checkbox" id="band-70cm" checked> 70cm</label> <label class="band-label band-70cm"><input type="checkbox" id="band-70cm" checked> <span class="band-text">UHF<span class="band-sub">70cm</span></span></label>
<span id="count" class="count"></span> <span id="count" class="count"></span>
</div> </div>
<div class="controls-row search-row"> <div class="controls-row search-row">
@ -20,14 +20,14 @@
<button type="button" id="search-clear" class="search-clear-btn" style="display:none">&times;</button> <button type="button" id="search-clear" class="search-clear-btn" style="display:none">&times;</button>
</div> </div>
<div id="search-list" class="pin-list" style="display:none"></div> <div id="search-list" class="pin-list" style="display:none"></div>
<details class="advanced">
<summary>Filters</summary>
<div class="controls-row network-row"> <div class="controls-row network-row">
<label class="net-label net-bm"><input type="checkbox" id="net-bm" checked> BM</label> <label class="net-label net-bm"><input type="checkbox" id="net-bm" checked> BM</label>
<label class="net-label net-dmrplus"><input type="checkbox" id="net-dmrplus"> DMR+</label> <label class="net-label net-dmrplus"><input type="checkbox" id="net-dmrplus"> DMR+</label>
<label class="net-label net-tgif"><input type="checkbox" id="net-tgif"> TGIF</label> <label class="net-label net-tgif"><input type="checkbox" id="net-tgif"> TGIF</label>
<label class="net-label net-other"><input type="checkbox" id="net-other"> Other</label> <label class="net-label net-other"><input type="checkbox" id="net-other"> Other</label>
</div> </div>
<details class="advanced">
<summary>Advanced</summary>
<label class="hotspot-label"><input type="checkbox" id="show-hotspots"> Show personal hotspots</label> <label class="hotspot-label"><input type="checkbox" id="show-hotspots"> Show personal hotspots</label>
<label class="hotspot-label"><input type="checkbox" id="show-inactive"> Show inactive repeaters</label> <label class="hotspot-label"><input type="checkbox" id="show-inactive"> Show inactive repeaters</label>
</details> </details>

17
static/style.css
View file

@ -117,6 +117,19 @@ html, body {
user-select: none; user-select: none;
} }
.band-text {
display: inline-flex;
flex-direction: column;
line-height: 1.1;
}
.band-sub {
font-size: 9px;
font-weight: 400;
opacity: 0.45;
align-self: flex-end;
}
.band-2m { .band-2m {
color: #1976D2; color: #1976D2;
} }
@ -224,8 +237,8 @@ html, body {
.count { .count {
margin-left: auto; margin-left: auto;
font-size: 12px; font-size: 10px;
color: var(--text-faint); color: var(--text-fainter);
white-space: nowrap; white-space: nowrap;
} }