Function onNetDiagDisplayToggled

web/scripts/ragnar_modern.js:2176–2188

(cb)

    const c = (_wifiState.data && _wifiState.data.changes) || {};
    const chips = [];
    (c.new_aps || []).forEach(a =>
        chips.push(`<span class="px-2 py-1 rounded bg-emerald-600/20 text-emerald-300 border border-emerald-700/50" title="${a.bssid}">＋ new: ${a.ssid || '<hidden>'} <span class="opacity-60">${a.band}G ch${a.channel} ${a.signal}dBm</span></span>`));
    (c.gone_aps || []).forEach(a =>
        chips.push(`<span class="px-2 py-1 rounded bg-slate-700/40 text-slate-400 border border-slate-600/50" title="${a.bssid}">－ gone: ${a.ssid || '<hidden>'}</span>`));
    (c.weakened || []).forEach(a =>
        chips.push(`<span class="px-2 py-1 rounded bg-amber-600/20 text-amber-300 border border-amber-700/50" title="${a.bssid} — ${a.drop}dB below its peak ${a.rssi_max}dBm">▼ weakened: ${a.ssid || '<hidden>'} <span class="opacity-60">${a.signal}dBm (−${a.drop})</span></span>`));
    el.innerHTML = chips.length
        ? `<span class="text-gray-500 self-center mr-1">Since last scan:</span>${chips.join('')}`
        : '';
}

function wifiSetApView(v) {
    _wifiState.apView = v;
    document.getElementById('wifi-view-aps').classList.toggle('bg-Ragnar-600', v === 'aps');
    document.getElementById('wifi-view-aps').classList.toggle('text-white', v === 'aps');
    document.getElementById('wifi-view-nets').classList.toggle('bg-Ragnar-600', v === 'nets');