Function loadNetworkIdentity

web/scripts/ragnar_modern.js:2038–2103

()

    document.getElementById('wifi-view-aps').classList.toggle('text-white', v === 'aps');
    document.getElementById('wifi-view-nets').classList.toggle('bg-Ragnar-600', v === 'nets');
    document.getElementById('wifi-view-nets').classList.toggle('text-white', v === 'nets');
    document.getElementById('wifi-ap-table').classList.toggle('hidden', v !== 'aps');
    document.getElementById('wifi-nets-view').classList.toggle('hidden', v !== 'nets');
    wifiRenderTable();
}

function wifiSort(key) {
    if (_wifiState.sortKey === key) _wifiState.sortDir *= -1;
    else { _wifiState.sortKey = key; _wifiState.sortDir = (key === 'ssid' || key === 'vendor') ? 1 : -1; }
    wifiRenderTable();
    _wifiFsRenderList();
}

// Filter + sort the survey the same way for every list that shows it (the
// in-page table and the full-screen console).
function _wifiFilterAps(q, std, issuesOnly) {
    const d = _wifiState.data; if (!d) return [];
    q = (q || '').toLowerCase();
    const aps = d.aps.filter(a =>
        (!q || (a.ssid || '').toLowerCase().includes(q) || (a.vendor || '').toLowerCase().includes(q) || a.bssid.includes(q))
        && (!issuesOnly || (a.security_findings && a.security_findings.length))
        && (!std || a.standard === std));
    const k = _wifiState.sortKey || 'signal', dir = _wifiState.sortDir || -1;
    return aps.slice().sort((x, y) => {
        let a = x[k], b = y[k];
        if (a == null) a = (typeof b === 'number') ? -9999 : '';
        if (b == null) b = (typeof a === 'number') ? -9999 : '';
        return (a < b ? -1 : a > b ? 1 : 0) * dir;
    });
}

function wifiRenderTable() {
    const d = _wifiState.data; if (!d) return;
    if (_wifiState.apView === 'nets') return wifiRenderNets();
    const aps = _wifiFilterAps(
        document.getElementById('wifi-ap-search').value,
        (document.getElementById('wifi-ap-std') || {}).value || '',
        document.getElementById('wifi-ap-issues').checked);
    const tb = document.getElementById('wifi-ap-tbody');
    document.getElementById('wifi-ap-count').textContent = `(${aps.length}/${d.ap_count})`;
    if (!aps.length) { tb.innerHTML = '<tr><td colspan="9" class="py-4 text-center text-gray-500">No APs match.</td></tr>'; return; }
    tb.innerHTML = aps.map(a => {
        const isSel = _wifiState.selected === a.bssid;
        const bar = a.signal == null ? 0 : Math.max(4, Math.min(100, (a.signal + 100) / 70 * 100));
        const issue = a.security_findings && a.security_findings.length;
        const flagged = _wifiState.flagged && _wifiState.flagged.bssid === a.bssid;
        // Selected row: inline Ragnar accent (custom-colour opacity classes aren't
        // in the prebuilt tailwind.css). Selection wins the left bar; WIDS red beats amber.
        const rowCls = isSel ? '' : 'hover:bg-slate-800/40' + (flagged ? ' border-l-2 border-l-red-500' : issue ? ' border-l-2 border-l-amber-500' : '');
        const rowStyle = isSel ? ' style="background-color:rgba(2,132,199,0.25);border-left:3px solid rgb(56,189,248)"' : '';
        const snr = a.snr != null ? `<span class="text-[10px] text-gray-500"> ${a.snr}dB</span>` : '';
        const rate = (a.nss ? a.nss + 'ss' : '') + (a.max_phy_mbps ? ' ' + (a.max_phy_mbps >= 1000 ? (a.max_phy_mbps / 1000).toFixed(1) + 'G' : a.max_phy_mbps + 'M') : '');
        const marker = isSel ? '<span style="color:rgb(56,189,248)" class="mr-0.5" title="selected — modelled in Signal Radius">►</span>' : '';
        return `<tr class="border-b border-slate-800/50 cursor-pointer ${rowCls}"${rowStyle} onclick="wifiSelectAp('${a.bssid}')">
            <td class="py-1 pr-2 whitespace-nowrap">${marker}${issue ? '<span title="' + a.security_findings.join('; ') + '" class="text-amber-400">⚠</span> ' : ''}${(a.ssid || '<span class=\'text-gray-500 italic\'>hidden</span>')}${_wifiGenBadge(a.standard)}${a.is_new ? ' <span class="text-[9px] px-1 rounded bg-emerald-600/30 text-emerald-300 align-middle" title="first seen this session">NEW</span>' : ''}${flagged ? ' <span class="text-[9px] px-1 rounded bg-red-600/30 text-red-300 align-middle" title="flagged by WiFi Defense">⚠ WIDS</span>' : ''}${a.dfs ? ' <span title="DFS/radar" style="color:#a78bfa">◆</span>' : ''}<div class="text-[10px] text-gray-600 font-mono">${a.bssid}${a.seen_count > 1 ? ' <span class="text-gray-700">·seen ' + a.seen_count + '×</span>' : ''}</div></td>
            <td class="py-1 pr-2 text-xs text-gray-400 whitespace-nowrap">${a.vendor || '—'}</td>
            <td class="py-1 pr-2"><span style="color:${_WIFI_BAND_COLOR[a.band]}">${a.band}</span></td>
            <td class="py-1 pr-2">${a.channel}</td>