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

[feat](trx-frontend-http): use monospace font for signal strength units

Browse Source 
Wrap unit labels (dBm, dBf, dBFS, S, dB) in a .sig-unit span styled
with the system monospace stack, keeping numeric values in DSEG14.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-04-01 19:42:32 +02:00
parent 2e7f3e0126
commit 6502d59e54
2 changed files with 16 additions and 9 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
+11 -9
View File
@@ -683,25 +683,27 @@ let sigLastDbm = null;
const SIG_STRENGTH_UNITS = ["dBFS", "dBf", "dBm", "S"]; const SIG_STRENGTH_UNITS = ["dBFS", "dBf", "dBm", "S"];
let sigStrengthUnitIdx = loadSetting("sigStrengthUnit", 0); let sigStrengthUnitIdx = loadSetting("sigStrengthUnit", 0);
function sigUnit(u) { return `<span class="sig-unit">${u}</span>`; }
function formatSigStrength(dbm) { function formatSigStrength(dbm) {
if (!Number.isFinite(dbm)) return "--"; if (!Number.isFinite(dbm)) return "--";
const unit = SIG_STRENGTH_UNITS[sigStrengthUnitIdx] || "dBFS"; const unit = SIG_STRENGTH_UNITS[sigStrengthUnitIdx] || "dBFS";
if (unit === "S") return formatSignal(dbmToSUnits(dbm)); if (unit === "S") return formatSignal(dbmToSUnits(dbm));
if (unit === "dBm") return `${dbm.toFixed(1)} dBm`; if (unit === "dBm") return `${dbm.toFixed(1)} ${sigUnit("dBm")}`;
if (unit === "dBf") { if (unit === "dBf") {
// dBf = dBm + 107 (referenced to 1 femtowatt across 50 Ω) // dBf = dBm + 107 (referenced to 1 femtowatt across 50 Ω)
const dbf = dbm + 107; const dbf = dbm + 107;
return `${dbf.toFixed(1)} dBf`; return `${dbf.toFixed(1)} ${sigUnit("dBf")}`;
} }
// dBFS: map receiver range to a full-scale reference // dBFS: map receiver range to a full-scale reference
// Typical receiver: -140 dBm (noise floor) to 0 dBm (full scale) // Typical receiver: -140 dBm (noise floor) to 0 dBm (full scale)
const dbfs = Math.max(-140, Math.min(0, dbm)); const dbfs = Math.max(-140, Math.min(0, dbm));
return `${dbfs.toFixed(1)} dBFS`; return `${dbfs.toFixed(1)} ${sigUnit("dBFS")}`;
} }
function refreshSigStrengthDisplay() { function refreshSigStrengthDisplay() {
if (!sigStrengthEl) return; if (!sigStrengthEl) return;
sigStrengthEl.textContent = formatSigStrength(sigLastDbm); sigStrengthEl.innerHTML = formatSigStrength(sigLastDbm);
} }
if (sigStrengthEl) { if (sigStrengthEl) {
@@ -2735,11 +2737,11 @@ function dbmToSUnits(dbm) {
} }
function formatSignal(sUnits) { function formatSignal(sUnits) {
if (!Number.isFinite(sUnits) || sUnits <= 0) return "S0"; if (!Number.isFinite(sUnits) || sUnits <= 0) return `${sigUnit("S")}0`;
if (sUnits <= 9) return `S${Math.round(sUnits)}`; if (sUnits <= 9) return `${sigUnit("S")}${Math.round(sUnits)}`;
// S9+xdB: round to nearest 10 dB step, cap at +60. // S9+xdB: round to nearest 10 dB step, cap at +60.
const overDb = Math.min(60, Math.round((sUnits - 9) * 10 / 10) * 10); const overDb = Math.min(60, Math.round((sUnits - 9) * 10 / 10) * 10);
return overDb === 0 ? "S9" : `S9+${overDb}dB`; return overDb === 0 ? `${sigUnit("S")}9` : `${sigUnit("S")}9+${overDb}${sigUnit("dB")}`;
} }
function setDisabled(disabled) { function setDisabled(disabled) {
@@ -3402,7 +3404,7 @@ function render(update) {
sigLastDbm = update.status.rx.sig; sigLastDbm = update.status.rx.sig;
const pct = sUnits <= 9 ? Math.max(0, Math.min(100, (sUnits / 9) * 100)) : 100; const pct = sUnits <= 9 ? Math.max(0, Math.min(100, (sUnits / 9) * 100)) : 100;
signalBar.style.width = `${pct}%`; signalBar.style.width = `${pct}%`;
signalValue.textContent = formatSignal(sUnits); signalValue.innerHTML = formatSignal(sUnits);
refreshSigStrengthDisplay(); refreshSigStrengthDisplay();
} }
} else if (prevRenderData.sigDbm !== null) { } else if (prevRenderData.sigDbm !== null) {
@@ -4822,7 +4824,7 @@ sigMeasureBtn.addEventListener("click", () => {
if (sigMeasureAccumMs > 0) { if (sigMeasureAccumMs > 0) {
const avg = sigMeasureWeighted / sigMeasureAccumMs; const avg = sigMeasureWeighted / sigMeasureAccumMs;
const peak = sigMeasurePeak; const peak = sigMeasurePeak;
sigResult.textContent = `Avg ${formatSignal(avg)} / Peak ${formatSignal(peak)} (${(sigMeasureAccumMs / 1000).toFixed(1)}s)`; sigResult.innerHTML = `Avg ${formatSignal(avg)} / Peak ${formatSignal(peak)} (${(sigMeasureAccumMs / 1000).toFixed(1)}s)`;
} }
} }
}); });
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+5
View File
@@ -662,6 +662,11 @@ button:disabled { opacity: 0.6; cursor: not-allowed; }
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
} }
.sig-unit {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.85em;
font-weight: 400;
}
small { color: var(--text-muted); } small { color: var(--text-muted); }
.header { .header {
margin-bottom: 0; margin-bottom: 0;