${server.name}

Players: ${server.playerCount}/${server.maxPlayers} | TPS: ${server.tps.toFixed(1)}

${server.online ? 'Online' : 'Offline'} ${server.online ? ` ` : ''}

`; container.appendChild(item); }); } catch (error) { console.error('Failed to load servers:', error); } } // Load Players async function loadPlayers() { try { const response = await fetch(`${API_BASE}/players`, { headers: { 'Authorization': `Bearer ${authToken}` } }); const data = await response.json(); const container = document.getElementById('players-list'); container.innerHTML = ''; data.players.forEach(player => { const item = document.createElement('div'); item.className = 'list-item'; item.innerHTML = `

${player.name}

Health: ${player.health.toFixed(1)} | Level: ${player.level} | Gamemode: ${player.gameMode}

`; container.appendChild(item); }); } catch (error) { console.error('Failed to load players:', error); } } // Load Parties async function loadParties() { try { const response = await fetch(`${API_BASE}/parties`, { headers: { 'Authorization': `Bearer ${authToken}` } }); const data = await response.json(); const container = document.getElementById('parties-list'); container.innerHTML = ''; data.parties.forEach(party => { const item = document.createElement('div'); item.className = 'list-item'; item.innerHTML = `

Party ${party.id.substring(0, 8)}

Leader: ${party.leader.substring(0, 8)} | Members: ${party.memberCount}/${party.maxSize}

`; container.appendChild(item); }); } catch (error) { console.error('Failed to load parties:', error); } } // Load Queues async function loadQueues() { try { const response = await fetch(`${API_BASE}/queues`, { headers: { 'Authorization': `Bearer ${authToken}` } }); const data = await response.json(); const container = document.getElementById('queues-list'); container.innerHTML = ''; for (const [server, queue] of Object.entries(data.queues)) { const item = document.createElement('div'); item.className = 'list-item'; item.innerHTML = `

${queue.server}

Queue Size: ${queue.size}

`; container.appendChild(item); } } catch (error) { console.error('Failed to load queues:', error); } } // Load Punishments async function loadPunishments() { try { const response = await fetch(`${API_BASE}/punishments`, { headers: { 'Authorization': `Bearer ${authToken}` } }); const data = await response.json(); const container = document.getElementById('punishments-list'); container.innerHTML = ''; data.punishments.forEach(punishment => { const item = document.createElement('div'); item.className = 'list-item'; item.innerHTML = `

${punishment.type}: ${punishment.player}

Reason: ${punishment.reason} | Expires: ${punishment.expires || 'Never'}

`; container.appendChild(item); }); } catch (error) { console.error('Failed to load punishments:', error); } } // Load Reports async function loadReports() { try { const response = await fetch(`${API_BASE}/reports`, { headers: { 'Authorization': `Bearer ${authToken}` } }); const data = await response.json(); const container = document.getElementById('reports-list'); container.innerHTML = ''; data.reports.forEach(report => { const item = document.createElement('div'); item.className = 'list-item'; item.innerHTML = `

${report.reporter} reported ${report.reported}

Reason: ${report.reason} | Server: ${report.server}

`; container.appendChild(item); }); } catch (error) { console.error('Failed to load reports:', error); } } // Load Chat async function loadChat() { try { const response = await fetch(`${API_BASE}/chat/logs?limit=100`, { headers: { 'Authorization': `Bearer ${authToken}` } }); const data = await response.json(); const container = document.getElementById('chat-messages'); container.innerHTML = ''; data.messages.forEach(msg => { const message = document.createElement('div'); message.className = 'chat-message'; message.innerHTML = ` ${msg.player} ${msg.message} ${new Date(msg.timestamp).toLocaleTimeString()} `; container.appendChild(message); }); container.scrollTop = container.scrollHeight; } catch (error) { console.error('Failed to load chat:', error); } } // Send Chat Message document.getElementById('send-chat').addEventListener('click', async () => { const input = document.getElementById('chat-message-input'); const message = input.value; const channel = document.getElementById('chat-channel').value; if (!message) return; try { await fetch(`${API_BASE}/chat/send`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/x-www-form-urlencoded' }, body: `message=${encodeURIComponent(message)}&channel=${channel}` }); input.value = ''; loadChat(); } catch (error) { console.error('Failed to send message:', error); } }); // Load Maintenance async function loadMaintenance() { try { const response = await fetch(`${API_BASE}/maintenance`, { headers: { 'Authorization': `Bearer ${authToken}` } }); const data = await response.json(); document.getElementById('maintenance-enabled').textContent = data.enabled ? 'ENABLED' : 'DISABLED'; document.getElementById('maintenance-enabled').style.color = data.enabled ? '#e74c3c' : '#27ae60'; } catch (error) { console.error('Failed to load maintenance:', error); } } // Toggle Maintenance document.getElementById('toggle-maintenance').addEventListener('click', async () => { try { await fetch(`${API_BASE}/maintenance/toggle`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}` } }); loadMaintenance(); } catch (error) { console.error('Failed to toggle maintenance:', error); } }); // Send Announcement document.getElementById('send-announcement').addEventListener('click', async () => { const message = document.getElementById('announcement-message').value; const server = document.getElementById('announcement-server').value; if (!message) return; try { await fetch(`${API_BASE}/announcements/send`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/x-www-form-urlencoded' }, body: `message=${encodeURIComponent(message)}&server=${server}` }); document.getElementById('announcement-message').value = ''; alert('Announcement sent!'); } catch (error) { console.error('Failed to send announcement:', error); } }); // Server Actions async function restartServer(name) { if (!confirm(`Restart server ${name}?`)) return; try { await fetch(`${API_BASE}/servers/${name}/restart`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}` } }); alert('Restart signal sent'); loadServers(); } catch (error) { console.error('Failed to restart server:', error); } } async function stopServer(name) { if (!confirm(`Stop server ${name}?`)) return; try { await fetch(`${API_BASE}/servers/${name}/stop`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}` } }); alert('Stop signal sent'); loadServers(); } catch (error) { console.error('Failed to stop server:', error); } } // Party Actions async function disbandParty(id) { if (!confirm('Disband this party?')) return; try { await fetch(`${API_BASE}/parties/${id}`, { method: 'DELETE', headers: { 'Authorization': `Bearer ${authToken}` } }); loadParties(); } catch (error) { console.error('Failed to disband party:', error); } } // Queue Actions async function clearQueue(server) { if (!confirm(`Clear queue for ${server}?`)) return; try { await fetch(`${API_BASE}/queues/${server}/clear`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}` } }); loadQueues(); } catch (error) { console.error('Failed to clear queue:', error); } } // Punishment Actions async function removePunishment(id) { if (!confirm('Remove this punishment?')) return; try { await fetch(`${API_BASE}/punishments/${id}`, { method: 'DELETE', headers: { 'Authorization': `Bearer ${authToken}` } }); loadPunishments(); } catch (error) { console.error('Failed to remove punishment:', error); } } // Report Actions async function closeReport(id) { try { await fetch(`${API_BASE}/reports/${id}/close`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}` } }); loadReports(); } catch (error) { console.error('Failed to close report:', error); } } // Player Actions function showPlayerActions(uuid, name) { const action = prompt(`Actions for ${name}:\n1. Kick\n2. Ban\n3. Mute\n4. Teleport\n\nEnter number:`); switch(action) { case '1': kickPlayer(uuid); break; case '2': banPlayer(uuid); break; case '3': mutePlayer(uuid); break; case '4': teleportPlayer(uuid); break; } } async function kickPlayer(uuid) { const reason = prompt('Reason:'); if (!reason) return; try { await fetch(`${API_BASE}/players/${uuid}/kick`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/x-www-form-urlencoded' }, body: `reason=${encodeURIComponent(reason)}` }); alert('Player kicked'); loadPlayers(); } catch (error) { console.error('Failed to kick player:', error); } } async function banPlayer(uuid) { const reason = prompt('Reason:'); if (!reason) return; const duration = prompt('Duration in ms (-1 for permanent):'); try { await fetch(`${API_BASE}/players/${uuid}/ban`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/x-www-form-urlencoded' }, body: `reason=${encodeURIComponent(reason)}&duration=${duration}` }); alert('Player banned'); loadPlayers(); } catch (error) { console.error('Failed to ban player:', error); } } async function mutePlayer(uuid) { const reason = prompt('Reason:'); if (!reason) return; const duration = prompt('Duration in ms:'); try { await fetch(`${API_BASE}/players/${uuid}/mute`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/x-www-form-urlencoded' }, body: `reason=${encodeURIComponent(reason)}&duration=${duration}` }); alert('Player muted'); loadPlayers(); } catch (error) { console.error('Failed to mute player:', error); } } async function teleportPlayer(uuid) { const server = prompt('Target server:'); if (!server) return; try { await fetch(`${API_BASE}/players/${uuid}/teleport`, { method: 'POST', headers: { 'Authorization': `Bearer ${authToken}`, 'Content-Type': 'application/x-www-form-urlencoded' }, body: `server=${server}` }); alert('Teleport signal sent'); } catch (error) { console.error('Failed to teleport player:', error); } } // WebSocket Connection function connectWebSocket() { const wsUrl = `ws://${window.location.host}/ws?token=${authToken}`; wsConnection = new WebSocket(wsUrl); wsConnection.onopen = () => { console.log('WebSocket connected'); }; wsConnection.onmessage = (event) => { const data = JSON.parse(event.data); handleWebSocketMessage(data); }; wsConnection.onclose = () => { console.log('WebSocket disconnected'); // Reconnect after 5 seconds setTimeout(() => { if (authToken) { connectWebSocket(); } }, 5000); }; } function handleWebSocketMessage(data) { switch(data.type) { case 'server-update': // Refresh servers if on servers page if (document.getElementById('page-servers').classList.contains('active')) { loadServers(); } loadOverview(); break; case 'player-update': if (document.getElementById('page-players').classList.contains('active')) { loadPlayers(); } loadOverview(); break; case 'chat-message': if (document.getElementById('page-chat').classList.contains('active')) { addChatMessage(data.data); } break; } } function addChatMessage(data) { const container = document.getElementById('chat-messages'); const message = document.createElement('div'); message.className = 'chat-message'; message.innerHTML = ` ${data.player} ${data.message} ${new Date().toLocaleTimeString()} `; container.appendChild(message); container.scrollTop = container.scrollHeight; } // Refresh Buttons document.getElementById('refresh-servers').addEventListener('click', loadServers); document.getElementById('refresh-parties').addEventListener('click', loadParties); document.getElementById('refresh-queues').addEventListener('click', loadQueues); document.getElementById('refresh-punishments').addEventListener('click', loadPunishments); document.getElementById('refresh-reports').addEventListener('click', loadReports); // Player Search document.getElementById('player-search').addEventListener('input', (e) => { const search = e.target.value.toLowerCase(); document.querySelectorAll('#players-list .list-item').forEach(item => { const name = item.querySelector('h3').textContent.toLowerCase(); item.style.display = name.includes(search) ? 'flex' : 'none'; }); });