[feat](trx-frontend-http): improve rds pty and ps display
Co-authored-by: Codex <codex@openai.com> Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
@@ -3182,9 +3182,9 @@ function clearSpectrumCanvas() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function formatOverlayPs(ps) {
|
function formatOverlayPs(ps) {
|
||||||
return String(ps ?? "")
|
const raw = String(ps ?? "").slice(0, 8);
|
||||||
.slice(0, 8)
|
const leadingBlanks = raw.match(/^ */)?.[0].length ?? 0;
|
||||||
.padEnd(8, "_");
|
return `${"_".repeat(leadingBlanks)}${raw.slice(leadingBlanks)}`.padEnd(8, "_");
|
||||||
}
|
}
|
||||||
|
|
||||||
function formatOverlayPi(pi) {
|
function formatOverlayPi(pi) {
|
||||||
@@ -3193,7 +3193,8 @@ function formatOverlayPi(pi) {
|
|||||||
: "PI --";
|
: "PI --";
|
||||||
}
|
}
|
||||||
|
|
||||||
function formatOverlayPty(pty) {
|
function formatOverlayPty(pty, ptyName) {
|
||||||
|
if (ptyName) return `PTY ${ptyName}`;
|
||||||
return pty != null ? `PTY ${pty}` : "PTY --";
|
return pty != null ? `PTY ${pty}` : "PTY --";
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -3226,7 +3227,7 @@ function updateRdsPsOverlay(rds) {
|
|||||||
if (ps && ps.length > 0) {
|
if (ps && ps.length > 0) {
|
||||||
rdsPsOverlay.innerHTML =
|
rdsPsOverlay.innerHTML =
|
||||||
`<span class="rds-ps-main">${escapeMapHtml(formatOverlayPs(ps))}</span>` +
|
`<span class="rds-ps-main">${escapeMapHtml(formatOverlayPs(ps))}</span>` +
|
||||||
`<span class="rds-ps-meta">${escapeMapHtml(formatOverlayPi(rds?.pi))} · ${escapeMapHtml(formatOverlayPty(rds?.pty))}</span>`;
|
`<span class="rds-ps-meta">${escapeMapHtml(formatOverlayPi(rds?.pi))} · ${escapeMapHtml(formatOverlayPty(rds?.pty, rds?.pty_name))}</span>`;
|
||||||
positionRdsPsOverlay();
|
positionRdsPsOverlay();
|
||||||
rdsPsOverlay.style.display = "flex";
|
rdsPsOverlay.style.display = "flex";
|
||||||
} else {
|
} else {
|
||||||
@@ -3268,8 +3269,8 @@ function updateRdsPsOverlay(rds) {
|
|||||||
statusEl.className = "rds-value rds-decoding";
|
statusEl.className = "rds-value rds-decoding";
|
||||||
piEl.textContent = rds.pi != null ? `0x${rds.pi.toString(16).toUpperCase().padStart(4, "0")}` : "--";
|
piEl.textContent = rds.pi != null ? `0x${rds.pi.toString(16).toUpperCase().padStart(4, "0")}` : "--";
|
||||||
psEl.textContent = rds.program_service ?? "--";
|
psEl.textContent = rds.program_service ?? "--";
|
||||||
ptyEl.textContent = rds.pty != null ? String(rds.pty) : "--";
|
ptyEl.textContent = rds.pty_name ?? (rds.pty != null ? String(rds.pty) : "--");
|
||||||
ptyNameEl.textContent = rds.pty_name ?? "--";
|
ptyNameEl.textContent = rds.pty != null ? String(rds.pty) : "--";
|
||||||
rawEl.textContent = JSON.stringify(rds, null, 2);
|
rawEl.textContent = JSON.stringify(rds, null, 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -279,7 +279,7 @@
|
|||||||
<div class="rds-field"><span class="rds-label">PI</span><span id="rds-pi" class="rds-value">--</span></div>
|
<div class="rds-field"><span class="rds-label">PI</span><span id="rds-pi" class="rds-value">--</span></div>
|
||||||
<div class="rds-field"><span class="rds-label">PS</span><span id="rds-ps" class="rds-value rds-ps">--</span></div>
|
<div class="rds-field"><span class="rds-label">PS</span><span id="rds-ps" class="rds-value rds-ps">--</span></div>
|
||||||
<div class="rds-field"><span class="rds-label">PTY</span><span id="rds-pty" class="rds-value">--</span></div>
|
<div class="rds-field"><span class="rds-label">PTY</span><span id="rds-pty" class="rds-value">--</span></div>
|
||||||
<div class="rds-field"><span class="rds-label">PTY Name</span><span id="rds-pty-name" class="rds-value">--</span></div>
|
<div class="rds-field"><span class="rds-label">PTY Code</span><span id="rds-pty-name" class="rds-value">--</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rds-raw-label">Raw JSON (last spectrum frame)</div>
|
<div class="rds-raw-label">Raw JSON (last spectrum frame)</div>
|
||||||
<pre id="rds-raw" class="rds-raw">--</pre>
|
<pre id="rds-raw" class="rds-raw">--</pre>
|
||||||
|
|||||||
Reference in New Issue
Block a user