Function displayStableNetworkTable

web/scripts/ragnar_modern.js:3141–3252

(data)

// maps a zoomed/panned window of the floor onto the plot area of the canvas,
// leaving margins for the metre rulers.
function _wifiHmFloorM() {
    const el = document.getElementById('wifi-hm-scale');
    const v = parseFloat(el && el.value);
    return (v && v > 0) ? v : 10;
}

function _wifiHmViewport(W, H) {
    const ML = 34, MR = 10, MT = 20, MB = 24;  // equal totals → the floor plot stays square
    const pw = W - ML - MR, ph = H - MT - MB;
    const v = _wifiHm.view;
    const span = 1 / v.zoom;                    // visible fraction of the floor
    const x0 = v.cx - span / 2, y0 = v.cy - span / 2;
    return {
        ML, MT, pw, ph, x0, y0, span,
        toX: wx => ML + (wx - x0) / span * pw,
        toY: wy => MT + (wy - y0) / span * ph,
        fromX: px => x0 + (px - ML) / pw * span,
        fromY: py => y0 + (py - MT) / ph * span,
    };
}

function _wifiHmClampView() {
    const v = _wifiHm.view;
    v.zoom = Math.max(1, Math.min(16, v.zoom));
    const half = 0.5 / v.zoom;
    v.cx = Math.max(half, Math.min(1 - half, v.cx));
    v.cy = Math.max(half, Math.min(1 - half, v.cy));
}

// Zoom by `factor`, keeping the point under (px,py) canvas px fixed (or the
// view centre when called from the ± buttons).
function wifiHmZoom(factor, px, py) {
    const cv = document.getElementById('wifi-heatmap'); if (!cv) return;
    const vp = _wifiHmViewport(cv.clientWidth, cv.clientHeight || cv.clientWidth);
    const v = _wifiHm.view;
    const ax = px != null ? vp.fromX(px) : v.cx;
    const ay = py != null ? vp.fromY(py) : v.cy;
    const oldZoom = v.zoom;
    v.zoom = Math.max(1, Math.min(16, v.zoom * factor));
    const k = oldZoom / v.zoom;
    v.cx = ax - (ax - v.cx) * k;
    v.cy = ay - (ay - v.cy) * k;
    _wifiHmClampView();
    wifiHeatmapRender();
}

function wifiHmZoomReset() {
    _wifiHm.view = { zoom: 1, cx: 0.5, cy: 0.5 };
    wifiHeatmapRender();
}

function _wifiHmSyncScaleUI() {
    const m = _wifiHmFloorM();
    const area = document.getElementById('wifi-hm-area');
    if (area) area.textContent = Math.round(m * m).toLocaleString() + ' m²';
}

// Floor-size input changed: keep the modelled APs' real-world size in sync