Function loadTrafficDnsAnalysis

web/scripts/ragnar_modern.js:16148–16226

* Load DNS query analysis data

()

function getNetworkSlugForInterface(interfaceName) {
    if (!interfaceName) {
        return null;
    }
    const meta = Array.isArray(wifiInterfaceMetadata)
        ? wifiInterfaceMetadata.find(entry => entry && entry.name === interfaceName)
        : null;
    if (!meta) {
        return null;
    }
    if (meta.network_slug) {
        return meta.network_slug;
    }
    if (meta.connected_ssid) {
        return slugifyNetworkIdentifier(meta.connected_ssid);
    }
    return null;
}

function getSelectedDashboardNetworkKey() {
    const iface = getActiveWifiInterface();
    const slug = getNetworkSlugForInterface(iface);
    if (slug) {
        return { interface: iface, network: slug };
    }
    return { interface: iface, network: null };
}

function updateWifiInterfaceSwitchActiveState(activeInterface) {
    const buttonsContainer = document.getElementById('wifi-interface-switch-buttons');
    if (!buttonsContainer) return;
    const buttons = buttonsContainer.querySelectorAll('button[data-interface]');
    buttons.forEach(button => {
        const isActive = button.dataset.interface === activeInterface;
        button.classList.remove('bg-Ragnar-600', 'border-Ragnar-400', 'text-white', 'shadow-lg', 'bg-slate-800', 'border-slate-600', 'text-gray-300');
        if (isActive) {
            button.classList.add('bg-Ragnar-600', 'border-Ragnar-400', 'text-white', 'shadow-lg');
        } else {
            button.classList.add('bg-slate-800', 'border-slate-600', 'text-gray-300');
        }
    });
}

function updateDashboardInterfaceSwitchActiveState(activeInterface) {
    const buttonsContainer = document.getElementById('wifi-dashboard-interface-buttons');
    if (!buttonsContainer) {
        return;
    }
    buttonsContainer.querySelectorAll('button[data-interface]').forEach(button => {
        const isActive = button.dataset.interface === activeInterface;
        button.classList.remove('bg-Ragnar-500', 'text-white', 'border-Ragnar-400', 'shadow');
        button.classList.remove('bg-slate-800', 'text-gray-300', 'border-slate-700');
        if (isActive) {
            button.classList.add('bg-Ragnar-500', 'text-white', 'border-Ragnar-400', 'shadow');
        } else {
            button.classList.add('bg-slate-800', 'text-gray-300', 'border-slate-700');
        }
    });
}