Function displayAllNetworks

web/scripts/ragnar_modern.js:2925–2983

(data)

}

function _wifiSetStatus(text) {
    const st = document.getElementById('wifi-status');
    if (st) st.textContent = text;
    const fs = document.getElementById('wifi-fs-status');
    if (fs) fs.textContent = text;
}

// Mirror the hardware gates (HackRF present? Huginn present?) onto the
// full-screen controls — the in-page buttons are the source of truth.
function _wifiFsSyncGates() {
    const zb = document.getElementById('wifi-fs-zb'), zbl = document.getElementById('wifi-fs-zb-label');
    const zbMain = document.getElementById('wifi-zb');
    if (zb && zbMain) {
        zb.disabled = zbMain.disabled;
        if (zbl) { zbl.style.opacity = zbMain.disabled ? '.4' : '1'; zbl.style.cursor = zbMain.disabled ? 'not-allowed' : 'pointer'; }
    }
    const wf = document.getElementById('wifi-fs-view-wf'), wfMain = document.getElementById('wifi-view-wf');
    if (wf && wfMain) {
        wf.disabled = wfMain.disabled;
        wf.style.opacity = wfMain.disabled ? '.4' : '1';
        wf.style.cursor = wfMain.disabled ? 'not-allowed' : 'pointer';
        wf.title = wfMain.title;
    }
}

// Repaint everything the console owns (called after each render/scan).
function _wifiFsRender() {
    if (!_wifiState.fs.open) return;
    const d = _wifiState.data;
    const iface = document.getElementById('wifi-fs-iface');
    if (iface) iface.textContent = _wifiState.iface ? `· ${_wifiState.iface}` : '';
    const st = document.getElementById('wifi-fs-status'), main = document.getElementById('wifi-status');
    if (st && main) st.textContent = main.textContent;
    _wifiFsSyncGates();
    // Band chips — clicking one filters the spectrum to that band.
    const summ = document.getElementById('wifi-fs-summary');
    if (summ) {
        const ratingColor = { clear: '#22c55e', moderate: '#eab308', congested: '#ef4444' };
        let chips = '';
        if (d) chips = Object.keys(d.spectrum).sort().map(b => {
            const s = d.spectrum[b];
            const on = _wifiState.band === b;
            const wa = s.width_advice ? ` · <span title="${_esc(s.width_advice.reason)}">→ ${s.width_advice.mhz}MHz</span>` : '';
            return `<button onclick="wifiSetBand('${on ? 'all' : b}')" title="${on ? 'Show all bands' : 'Show only this band'}"
                style="background:${_WIFI_BAND_COLOR[b]}${on ? '33' : '18'};border:1px solid ${_WIFI_BAND_COLOR[b]}${on ? 'cc' : '55'};border-radius:6px;padding:3px 8px;cursor:pointer">
                <b style="color:${_WIFI_BAND_COLOR[b]}">${b} GHz</b> · ${s.ap_count} AP ·
                <span style="color:${ratingColor[s.rating]}">${s.rating}</span> · best ch ${s.recommend.join(', ')}${wa}</button>`;
        }).join('');
        if (d && d.noise_floor != null) chips += `<span class="wifi-fs-tag" style="padding:3px 8px">noise floor ${d.noise_floor} dBm</span>`;
        summ.innerHTML = chips || '<span class="wifi-fs-meta">No APs heard yet — hit Scan.</span>';
    }
    const leg = document.getElementById('wifi-fs-legend');
    if (leg) leg.innerHTML = '<span>Signal:</span>' +
        [['#22c55e', 'strong ≥−55'], ['#84cc16', 'good ≥−67'], ['#eab308', 'fair ≥−75'], ['#f97316', 'weak ≥−85'], ['#ef4444', 'v.weak']]
            .map(([c, l]) => `<span style="display:inline-flex;align-items:center;gap:4px"><span style="width:10px;height:10px;background:${c};border-radius:2px;display:inline-block"></span>${l}</span>`).join('') +
        '<span style="color:#a78bfa">◆ DFS/radar</span><span style="color:#fbbf24">⚠ security issue</span>' +
        '<span class="wifi-fs-meta">keys: ↑↓ select · s scan · b/d view · a/2/5/6 band · Esc exit</span>';
    _wifiFsRenderList();