added rx Quality

server/static/index.html

@@ -474,6 +474,36 @@
       return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
     }
 
+    const RADIO_STATIC_KEY = 'radioStaticOpen';
+
+    function isRadioStaticOpen(container) {
+      if (container) {
+        const d = container.querySelector('details');
+        if (d) return d.open;
+      }
+      try {
+        return sessionStorage.getItem(RADIO_STATIC_KEY) === '1';
+      } catch (e) {
+        return false;
+      }
+    }
+
+    function setPanelHtml(container, html) {
+      if (!container) return;
+      const wasOpen = isRadioStaticOpen(container);
+      container.innerHTML = html;
+      const d = container.querySelector('details');
+      if (d && wasOpen) d.open = true;
+    }
+
+    document.addEventListener('toggle', e => {
+      if (!(e.target instanceof HTMLDetailsElement)) return;
+      if (!e.target.closest('#stats, #mapModalBody, #timelineStats, #cmdCurrentValues')) return;
+      try {
+        sessionStorage.setItem(RADIO_STATIC_KEY, e.target.open ? '1' : '0');
+      } catch (err) {}
+    }, true);
+
     function telemetryToSnap(r) {
       return RadioUI.parseRadioSnapshot(r.meta, r.role, r.rssi);
     }
@@ -495,14 +525,21 @@
       const chRx = RadioUI.diffSnapshots(prevTimelineRxSnap, rxSnap);
       prevTimelineTxSnap = txSnap;
       prevTimelineRxSnap = rxSnap;
-      return RadioUI.renderCompareGrid(txSnap, rxSnap, txId, rxId, chTx, chRx);
+      return RadioUI.renderCompareGrid(
+        txSnap, rxSnap, txId, rxId, chTx, chRx,
+        isRadioStaticOpen(document.getElementById('timelineStats'))
+      );
     }
 
     function fillCmdFormFromDevice(d) {
       if (!d) return;
       const snap = RadioUI.parseRadioSnapshot(d.meta, d.role, d.rssi);
       document.getElementById('cmdCurrentValues').innerHTML =
-        RadioUI.formatRadioPanel(snap, new Set());
+        RadioUI.formatRadioPanel(
+          snap,
+          new Set(),
+          isRadioStaticOpen(document.getElementById('cmdCurrentValues'))
+        );
       if (snap.frequencyMhz != null) {
         document.getElementById('cmdFq').value = snap.frequencyMhz.toFixed(3);
       }
@@ -1474,14 +1511,14 @@
 
     function openMapModal(html, mode) {
       if (mode) modalMode = mode;
-      mapModalBody.innerHTML = html;
+      setPanelHtml(mapModalBody, html);
       mapModal.classList.add('open');
       loadModalPosition();
     }
 
     function syncModalHtml(html) {
       if (!isModalOpen()) return;
-      mapModalBody.innerHTML = html;
+      setPanelHtml(mapModalBody, html);
     }
 
     function closeMapModal() {
@@ -1703,12 +1740,13 @@
 
       const txTel = nearestTelemetry(telemetryTx, t);
       const rxTel = nearestTelemetry(telemetryRx, t);
-      document.getElementById('timelineStats').innerHTML = renderTimelineCompare(
+      const timelineStatsEl = document.getElementById('timelineStats');
+      setPanelHtml(timelineStatsEl, renderTimelineCompare(
         txTel,
         rxTel,
         loadedTxTrack?.device_id,
         loadedRxTrack?.device_id
-      );
+      ));
       drawElevationChart({
         tx: trackDistanceAtTime(loadedTxTrack, t),
         rx: trackDistanceAtTime(loadedRxTrack, t)
@@ -1735,7 +1773,7 @@
         html += `${pos.lat.toFixed(5)}, ${pos.lon.toFixed(5)}<br>`;
         const tel = nearestTelemetry(telemetrySingle, t);
         const snap = tel ? telemetryToSnap(tel) : RadioUI.parseRadioSnapshot(pos.meta);
-        html += RadioUI.formatRadioPanel(snap, new Set());
+        html += RadioUI.formatRadioPanel(snap, new Set(), isRadioStaticOpen(mapModalBody));
         if (tel) html += '<br>' + formatTelemetryRow(tel, new Set());
         if (openModal || (isModalOpen() && modalMode === 'timeline')) {
           openMapModal(html, 'timeline');
@@ -1743,9 +1781,13 @@
       }
       const tel = nearestTelemetry(telemetrySingle, t);
       const snap = tel ? telemetryToSnap(tel) : RadioUI.parseRadioSnapshot(null);
-      document.getElementById('timelineStats').innerHTML = tel
-        ? RadioUI.formatRadioPanel(snap, new Set())
-        : '<span class="muted">нет данных</span>';
+      const timelineStatsEl = document.getElementById('timelineStats');
+      setPanelHtml(
+        timelineStatsEl,
+        tel
+          ? RadioUI.formatRadioPanel(snap, new Set(), isRadioStaticOpen(timelineStatsEl))
+          : '<span class="muted">нет данных</span>'
+      );
       drawElevationChart({ single: trackDistanceAtTime(track, t) });
     }
 
@@ -2147,7 +2189,8 @@
       const snap = RadioUI.parseRadioSnapshot(d.meta, d.role, d.rssi);
       const changed = RadioUI.diffSnapshots(prevDeviceSnap, snap);
       prevDeviceSnap = snap;
-      let html = RadioUI.formatRadioPanel(snap, changed);
+      const statsEl = document.getElementById('stats');
+      let html = RadioUI.formatRadioPanel(snap, changed, isRadioStaticOpen(statsEl));
       html += `<b>${escapeHtml(d.device_id)}</b><br>Range: ${d.range_m ?? '—'} m<br>`;
       if (d.lat != null && d.lon != null && !isNullIsland(d.lat, d.lon)) {
         html += `GPS: ${d.lat.toFixed(5)}, ${d.lon.toFixed(5)}<br>`;
@@ -2165,7 +2208,7 @@
 
     function updateStatsPanel(d, openModal) {
       const html = buildDeviceStatsHtml(d);
-      document.getElementById('stats').innerHTML = html;
+      setPanelHtml(document.getElementById('stats'), html);
       if (openModal) {
         openMapModal(html, 'device');
       } else if (isModalOpen() && modalMode === 'device' && selectedId === d.device_id) {