Function displayNetworkTable

web/scripts/ragnar_modern.js:12182–12234

(data)

function displayAttackLogs(data) {
    if (!data || !data.attack_logs) {
        document.getElementById('attack-logs-container').innerHTML = `
            <div class="text-center text-gray-400 py-8">
                <svg class="w-12 h-12 mx-auto mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                </svg>
                <p>No attack logs found</p>
            </div>
        `;
        return;
    }

    // Update statistics
    document.getElementById('attack-stat-total').textContent = data.total_count || 0;
    document.getElementById('attack-stat-success').textContent = data.success_count || 0;
    document.getElementById('attack-stat-failed').textContent = data.failed_count || 0;
    const timeoutCount = data.attack_logs.filter(log => log.status === 'timeout').length;
    document.getElementById('attack-stat-timeout').textContent = timeoutCount;

    // Populate network dropdown from available_networks returned by the API
    _updateAttackNetworkDropdown(data.available_networks || []);

    // Apply status filter
    let logs = data.attack_logs;
    if (currentAttackFilter !== 'all') {
        logs = logs.filter(log => log.status === currentAttackFilter);
    }

    // Apply network filter
    if (currentAttackNetworkFilter !== 'all') {
        logs = logs.filter(log => (log.network_ssid || 'unknown') === currentAttackNetworkFilter);
    }

    // Apply IP search filter
    if (currentAttackIPSearch) {
        logs = logs.filter(log => (log.target_ip || '').toLowerCase().includes(currentAttackIPSearch));
    }

    if (logs.length === 0) {
        document.getElementById('attack-logs-container').innerHTML = `
            <div class="text-center text-gray-400 py-8">
                <svg class="w-12 h-12 mx-auto mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path>
                </svg>
                <p>No attacks match the current filters</p>
            </div>
        `;
        return;
    }

    let html = '<div class="space-y-4">';

    if (currentAttackGroupBy === 'network') {
        // --- Group by Network (SSID), then sub-group by IP ---
        const logsByNetwork = {};
        logs.forEach(log => {