added rx Quality

server/static/radio-ui.js

@@ -5,7 +5,7 @@
   const KNOWN_LABELS = new Set([
     'send', 'receive', 'frequency', 'power', 'rssi', 'snr',
     'spreading factor', 'bandwidth', 'packet', 'packet number', 'payload',
-    'on air', 'tx speed', 'rx speed', 'per'
+    'on air', 'tx speed', 'rx speed', 'per', 'rx quality'
   ]);
 
   function roleLabel(role) {
@@ -38,6 +38,7 @@
       txPktPerS: null,
       rxPktPerS: null,
       perPercent: null,
+      rxQualityPercent: null,
       extraFields: {}
     };
     if (!meta) return snap;
@@ -59,9 +60,15 @@
     if (o.tx_pkt_per_s != null) snap.txPktPerS = Number(o.tx_pkt_per_s);
     if (o.rx_pkt_per_s != null) snap.rxPktPerS = Number(o.rx_pkt_per_s);
     if (o.per_percent != null) snap.perPercent = Number(o.per_percent);
+    if (o.rx_quality_percent != null) snap.rxQualityPercent = Number(o.rx_quality_percent);
     if (o.fields && typeof o.fields === 'object') {
       for (const [k, v] of Object.entries(o.fields)) {
         if (!isKnownLabel(k)) snap.extraFields[k] = String(v);
+        const nk = String(k).toLowerCase().trim();
+        if (snap.rxQualityPercent == null && nk.includes('rx quality')) {
+          const n = parseFloat(String(v).replace('%', '').trim());
+          if (!Number.isNaN(n)) snap.rxQualityPercent = n;
+        }
       }
     }
     return snap;
@@ -70,9 +77,10 @@
   function diffSnapshots(a, b) {
     const changed = new Set();
     if (!a || !b) return changed;
-    const keys = ['role', 'rssiDbm', 'snrDb', 'packet', 'payload', 'perPercent',
+    const keys = ['role', 'rssiDbm', 'snrDb', 'rxQualityPercent', 'packet', 'payload', 'perPercent',
       'txPktPerS', 'rxPktPerS', 'frequencyMhz', 'sf', 'bwKhz', 'powerDbm'];
-    const map = { role: 'role', rssiDbm: 'rssi', snrDb: 'snr', packet: 'packet',
+    const map = { role: 'role', rssiDbm: 'rssi', snrDb: 'snr', rxQualityPercent: 'rxQuality',
+      packet: 'packet',
       payload: 'payload', perPercent: 'per', txPktPerS: 'txSpeed', rxPktPerS: 'rxSpeed',
       frequencyMhz: 'frequency', sf: 'sf', bwKhz: 'bw', powerDbm: 'power' };
     for (const k of keys) {
@@ -84,6 +92,7 @@
   const DYNAMIC_ROWS = [
     { key: 'rssi', label: 'RSSI', fmt: s => s.rssiDbm != null ? `${s.rssiDbm} dBm` : '—' },
     { key: 'snr', label: 'SNR', fmt: s => s.snrDb != null ? `${s.snrDb} dB` : '—' },
+    { key: 'rxQuality', label: 'RX Quality', fmt: s => s.rxQualityPercent != null ? `${s.rxQualityPercent} %` : '—' },
     { key: 'packet', label: 'Пакет', fmt: s => s.packet != null ? String(s.packet) : '—' },
     { key: 'payload', label: 'Payload', fmt: s => s.payload || '—' },
     { key: 'per', label: 'PER', fmt: s => s.perPercent != null ? `${s.perPercent} %` : '—' },
@@ -105,7 +114,7 @@
     return String(s).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
   }
 
-  function renderCompareGrid(txSnap, rxSnap, txId, rxId, changedTx, changedRx) {
+  function renderCompareGrid(txSnap, rxSnap, txId, rxId, changedTx, changedRx, staticOpen) {
     let html = '<div class="radio-compare-grid">';
     html += `<div class="radio-compare-head"><span class="legend-tx">TX</span> ${escapeHtml(txId || '—')}`;
     html += `<span class="legend-rx">RX</span> ${escapeHtml(rxId || '—')}</div>`;
@@ -116,7 +125,7 @@
       html += `<span class="radio-tx${txCls}">${escapeHtml(row.fmt(txSnap))}</span>`;
       html += `<span class="radio-rx${rxCls}">${escapeHtml(row.fmt(rxSnap))}</span></div>`;
     }
-    html += '<details class="radio-static"><summary>Статика</summary>';
+    html += `<details class="radio-static"${staticOpen ? ' open' : ''}><summary>Статика</summary>`;
     for (const row of STATIC_ROWS) {
       const txCls = changedTx && changedTx.has(row.key) ? ' changed' : '';
       const rxCls = changedRx && changedRx.has(row.key) ? ' changed' : '';
@@ -128,7 +137,7 @@
     return html;
   }
 
-  function formatRadioPanel(snap, changed) {
+  function formatRadioPanel(snap, changed, staticOpen) {
     if (!snap) return '—';
     const ch = changed || new Set();
     let html = '';
@@ -136,7 +145,10 @@
       const cls = ch.has(row.key) ? ' class="changed"' : '';
       html += `<div${cls}><b>${row.label}:</b> ${escapeHtml(row.fmt(snap))}</div>`;
     }
-    html += '<details><summary>Статика</summary>';
+    for (const [label, value] of Object.entries(snap.extraFields || {})) {
+      html += `<div><b>${escapeHtml(label)}:</b> ${escapeHtml(value)}</div>`;
+    }
+    html += `<details class="radio-static"${staticOpen ? ' open' : ''}><summary>Статика</summary>`;
     for (const row of STATIC_ROWS) {
       const cls = ch.has(row.key) ? ' class="changed"' : '';
       html += `<div${cls}><b>${row.label}:</b> ${escapeHtml(row.fmt(snap))}</div>`;