Function updateNavMode

web/scripts/ragnar_modern.js:2350–2393

()

  ${img ? '<h2>Heatmap</h2>' + img : ''}
  ${bands ? '<h2>Bands &amp; channel plan</h2>' + bands : ''}
  ${intf ? '<h2>Interference</h2>' + intf : ''}
  ${issues.length ? '<h2>Security issues (' + issues.length + ')</h2><ul>' + issues.map(a => `<li><b>${_esc(a.ssid) || 'hidden'}</b> (${_esc(a.bssid)}): ${_esc(a.security_findings.join('; '))}</li>`).join('') + '</ul>' : ''}
  <h2>AP inventory</h2>
  <table><thead><tr><th>SSID</th><th>BSSID</th><th>Vendor</th><th>Band</th><th>Ch</th><th>Width</th><th>RSSI</th><th>SNR</th><th>Security</th></tr></thead><tbody>${rows}</tbody></table>
  <div class="foot">Generated by Ragnar WiFi Analyzer. Passive survey — estimates, not survey-grade measurements.</div>
  <script>window.onload=function(){setTimeout(function(){window.print();},250);};<\/script>
</body></html>`;
    const w = window.open('', '_blank');
    if (!w) { alert('Allow pop-ups to generate the report.'); return; }
    w.document.open(); w.document.write(html); w.document.close();
}

function wifiRender() {
    const d = _wifiState.data; if (!d) return;
    if (!_wifiState.apView) _wifiState.apView = 'aps';
    if (!_wifiState.sortKey) { _wifiState.sortKey = 'signal'; _wifiState.sortDir = -1; }
    // Band summary chips (+ noise floor + width advice)
    const summ = document.getElementById('wifi-band-summary');
    const ratingColor = { clear: '#22c55e', moderate: '#eab308', congested: '#ef4444' };
    let chips = Object.keys(d.spectrum).sort().map(b => {
        const s = d.spectrum[b];
        const wa = s.width_advice ? ` · <span title="${s.width_advice.reason}">→ ${s.width_advice.mhz}MHz</span>` : '';
        return `<span class="px-2 py-1 rounded" style="background:${_WIFI_BAND_COLOR[b]}22;border:1px solid ${_WIFI_BAND_COLOR[b]}66">
            <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}</span>`;
    }).join('');
    if (d.noise_floor != null) chips += `<span class="px-2 py-1 rounded bg-slate-800 border border-slate-700">noise floor ${d.noise_floor} dBm</span>`;
    summ.innerHTML = chips || '<span class="text-gray-500">No APs heard.</span>';
    wifiRenderChanges();
    // Legend
    document.getElementById('wifi-legend').innerHTML =
        '<span>Signal:</span>' +
        [['#22c55e', 'strong'], ['#84cc16', 'good'], ['#eab308', 'fair'], ['#f97316', 'weak'], ['#ef4444', 'v.weak']]
            .map(([c, l]) => `<span class="flex items-center gap-1"><span style="width:10px;height:10px;background:${c};border-radius:2px;display:inline-block"></span>${l}</span>`).join('') +
        '<span class="ml-2">◆ DFS/radar</span><span>⚠ security issue</span>';
    wifiRenderTable();
    // Interference
    const inf = d.interference; const ip = document.getElementById('wifi-interference');
    let html = '';
    if (inf.co_channel.length) html += '<div class="mb-2"><b class="text-amber-400">Co-channel:</b><ul class="mt-1 space-y-0.5">' +
        inf.co_channel.slice(0, 6).map(g => `<li>${g.band}GHz ch${g.channel}: ${g.count} APs sharing (${g.ssids.slice(0, 3).join(', ')})</li>`).join('') + '</ul></div>';
    if (inf.adjacent_overlap.length) html += `<div><b class="text-orange-400">2.4GHz overlap:</b> ${inf.adjacent_overlap.length} overlapping pair(s) — use only ch 1/6/11.</div>`;
    if (!html) html = '<span class="text-green-400">No significant co-/adjacent-channel interference.</span>';
    ip.innerHTML = html;
    _wifiDrawSpectrum();
    _wifiFsRender();
    if (_wifiHm.mesh) wifiHeatmapPopulateSsids(); else wifiHeatmapPopulateAps();