graham/prop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add NTMS title to map panel, make range circles non-interactive

Browse source
This commit is contained in:
Graham McIntire 2026-03-31 10:17:16 -05:00
parent c3a5cf4b1a
commit ccac7a5020
No known key found for this signature in database
GPG key ID: F4ABF488E6029E59
2 changed files with 13 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
assets/js/propagation_map_hook.js
View file

@ -439,9 +439,9 @@ export const PropagationMap = {
opacity: 0.9, opacity: 0.9,
fillColor: "#000", fillColor: "#000",
fillOpacity: 0.2, fillOpacity: 0.2,
dashArray: "8,6" dashArray: "8,6",
}).bindTooltip(`${rangeKm} km (max)`, { permanent: false, direction: "top" }) interactive: false
.addTo(this.rangeCircles) }).addTo(this.rangeCircles)
if (typicalKm < rangeKm) { if (typicalKm < rangeKm) {
L.circle(center, { L.circle(center, {
@ -450,9 +450,9 @@ export const PropagationMap = {
weight: 3, weight: 3,
opacity: 0.9, opacity: 0.9,
fillColor: "#000", fillColor: "#000",
fillOpacity: 0.25 fillOpacity: 0.25,
}).bindTooltip(`${typicalKm} km (typical)`, { permanent: false, direction: "top" }) interactive: false
.addTo(this.rangeCircles) }).addTo(this.rangeCircles)
} }
L.circleMarker(center, { L.circleMarker(center, {
@ -460,7 +460,8 @@ export const PropagationMap = {
color: "#fff", color: "#fff",
weight: 2, weight: 2,
fillColor: tier.color, fillColor: tier.color,
fillOpacity: 1 fillOpacity: 1,
interactive: false
}).addTo(this.rangeCircles) }).addTo(this.rangeCircles)
}, },

5
lib/microwaveprop_web/live/map_live.ex
View file

@ -126,6 +126,11 @@ defmodule MicrowavepropWeb.MapLive do
<%!-- Top-left control panel --%> <%!-- Top-left control panel --%>
<div id="map-controls" class="absolute top-3 left-14 z-[1000] flex flex-col gap-2"> <div id="map-controls" class="absolute top-3 left-14 z-[1000] flex flex-col gap-2">
<div class="bg-base-100/90 shadow rounded-box border border-base-300 p-3 flex flex-col gap-2"> <div class="bg-base-100/90 shadow rounded-box border border-base-300 p-3 flex flex-col gap-2">
<div class="font-bold text-sm leading-tight px-1">
North Texas Microwave Society
<div class="font-normal text-xs opacity-70">Propagation Map</div>
</div>
<%!-- Band selector --%> <%!-- Band selector --%>
<div class="dropdown"> <div class="dropdown">
<div tabindex="0" role="button" class="btn btn-sm w-full justify-between"> <div tabindex="0" role="button" class="btn btn-sm w-full justify-between">