Function startOrchestrator

web/scripts/ragnar_modern.js:11310–11357

()

    hostArray.forEach(host => {
        const row = document.createElement('tr');
        row.className = 'border-b border-slate-700 hover:bg-slate-700/50 transition-colors';
        
        // Determine status indicator
        const statusIcon = host.status === 'up' ? 
            '<span class="flex items-center"><div class="w-2 h-2 bg-green-500 rounded-full mr-2"></div>Online</span>' :
            '<span class="flex items-center"><div class="w-2 h-2 bg-red-500 rounded-full mr-2"></div>Offline</span>';
        
        // Format MAC address with vendor info
        let macDisplay = host.mac || 'Unknown';
        if (host.vendor) {
            macDisplay += `<br><span class="text-xs text-gray-400">${host.vendor}</span>`;
        }
        
        // Get source indicator
        const sourceIcon = {
            'arp': '<span class="text-xs px-2 py-1 bg-blue-600 rounded">ARP</span>',
            'nmap': '<span class="text-xs px-2 py-1 bg-purple-600 rounded">NMAP</span>',
            'arp+nmap': '<span class="text-xs px-2 py-1 bg-green-600 rounded">ARP+NMAP</span>'
        }[host.source] || '';
        
        row.innerHTML = `
            <td class="py-3 px-4">${statusIcon}</td>
            <td class="py-3 px-4 font-mono text-sm">${host.ip}</td>
            <td class="py-3 px-4">${host.hostname || 'Unknown'}</td>
            <td class="py-3 px-4 font-mono text-xs">${macDisplay}</td>
            <td class="py-3 px-4">
                <span class="text-xs px-2 py-1 bg-gray-600 rounded">Scanning...</span>
            </td>
            <td class="py-3 px-4">
                <span class="text-xs px-2 py-1 bg-gray-600 rounded">Checking...</span>
            </td>
            <td class="py-3 px-4 text-sm text-gray-400">${new Date().toLocaleTimeString()}</td>
            <td class="py-3 px-4">
                <div class="flex space-x-2">
                    ${sourceIcon}
                    <button onclick="scanSingleHostEnhanced('${host.ip}')" 
                            class="text-xs px-2 py-1 bg-Ragnar-600 hover:bg-Ragnar-700 rounded transition-colors">
                        Scan
                    </button>
                </div>
            </td>
        `;
        
        tableBody.appendChild(row);
    });
    
    // Update host count
    if (hostCountSpan) {
        hostCountSpan.textContent = `${hostArray.length} hosts`;
    }
}