sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[fix](trx-frontend-http): sync map legend with filter mode

Browse Source 
Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-13 19:38:34 +01:00
parent fb83e3cade
commit 0b0e86f496
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+10 -6
View File
@@ -4303,24 +4303,28 @@ function renderMapLocatorPhaseRow(container, phase) {
} }
} }
function renderMapBandLegend(items) { function renderMapLocatorLegend(phase, sourceItems, bandItems) {
const legendEl = document.getElementById("map-band-legend"); const legendEl = document.getElementById("map-band-legend");
if (!legendEl) return; if (!legendEl) return;
const bandItems = Array.isArray(items) ? items : []; const isSourcePhase = phase === "type";
if (bandItems.length === 0) { const items = Array.isArray(isSourcePhase ? sourceItems : bandItems)
? (isSourcePhase ? sourceItems : bandItems)
: [];
if (items.length === 0) {
legendEl.classList.add("is-empty"); legendEl.classList.add("is-empty");
legendEl.innerHTML = ""; legendEl.innerHTML = "";
return; return;
} }
legendEl.classList.remove("is-empty"); legendEl.classList.remove("is-empty");
const rows = bandItems const rows = items
.map((item) => { .map((item) => {
const label = escapeMapHtml(item.label); const label = escapeMapHtml(item.label);
const color = escapeMapHtml(item.color); const color = escapeMapHtml(item.color);
return `<span class="map-band-legend-item"><span class="map-band-legend-swatch" style="--legend-color:${color};"></span><span class="map-band-legend-text">${label}</span></span>`; return `<span class="map-band-legend-item"><span class="map-band-legend-swatch" style="--legend-color:${color};"></span><span class="map-band-legend-text">${label}</span></span>`;
}) })
.join(""); .join("");
legendEl.innerHTML = `<div class="map-band-legend-title">Band Colors</div><div class="map-band-legend-list">${rows}</div>`; const title = isSourcePhase ? "Source Colors" : "Band Colors";
legendEl.innerHTML = `<div class="map-band-legend-title">${title}</div><div class="map-band-legend-list">${rows}</div>`;
} }
function rebuildMapLocatorFilters() { function rebuildMapLocatorFilters() {
@@ -4379,7 +4383,7 @@ function rebuildMapLocatorFilters() {
const bandItems = Array.from(bandMap.values()) const bandItems = Array.from(bandMap.values())
.sort((a, b) => (b.sortHz - a.sortHz) || a.label.localeCompare(b.label)); .sort((a, b) => (b.sortHz - a.sortHz) || a.label.localeCompare(b.label));
renderMapBandLegend(bandItems); renderMapLocatorLegend(mapLocatorFilter.phase, sourceItems, bandItems);
if (!phaseEl || !choiceEl || !choiceLabelEl) return; if (!phaseEl || !choiceEl || !choiceLabelEl) return;
renderMapLocatorPhaseRow(phaseEl, mapLocatorFilter.phase); renderMapLocatorPhaseRow(phaseEl, mapLocatorFilter.phase);