let ws; let token; let filterChat = true; let filterCommands = true; function getUrlParameter(name) { name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]'); const regex = new RegExp('[\\?&]' + name + '=([^&#]*)'); const results = regex.exec(location.search); return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); } async function validateToken() { token = getUrlParameter('token'); if (!token) { alert('No access token provided!'); return false; } try { const response = await fetch(`/api/validate?token=${token}`); const data = await response.json(); if (!data.valid) { alert('Invalid or expired token!'); return false; } return true; } catch (error) { console.error('Token validation failed:', error); return false; } } async function init() { const valid = await validateToken(); if (!valid) return; connectWebSocket(); loadInitialData(); setInterval(() => { if (ws && ws.readyState === WebSocket.OPEN) { loadPerformance(); } }, 5000); } function connectWebSocket() { const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'; const wsUrl = `${protocol}//${window.location.host}/ws?token=${token}`; ws = new WebSocket(wsUrl); ws.onopen = () => { updateStatus(true); }; ws.onclose = () => { updateStatus(false); setTimeout(connectWebSocket, 5000); }; ws.onerror = () => { updateStatus(false); }; ws.onmessage = (event) => { const data = JSON.parse(event.data); handleWebSocketMessage(data); }; } function handleWebSocketMessage(data) { switch (data.type) { case 'activity': addActivityItem(data); break; case 'gamemode': updateGameMode(data); break; case 'performance': updatePerformance(data.data); break; } } function updateStatus(online) { const indicator = document.getElementById('status-indicator'); const text = document.getElementById('status-text'); if (online) { indicator.classList.remove('offline'); indicator.classList.add('online'); text.textContent = 'Connected'; } else { indicator.classList.remove('online'); indicator.classList.add('offline'); text.textContent = 'Disconnected'; } } async function loadInitialData() { await Promise.all([ loadActivities(), loadGameModes(), loadBans(), loadIpBans(), loadPerformance() ]); } async function loadActivities() { try { const response = await fetch(`/api/activities?token=${token}`); const activities = await response.json(); const feed = document.getElementById('activity-feed'); feed.innerHTML = ''; activities.forEach(activity => addActivityItem(activity)); } catch (error) { console.error('Failed to load activities:', error); } } function addActivityItem(activity) { const shouldShow = (activity.activityType === 'CHAT' && filterChat) || (activity.activityType === 'COMMAND' && filterCommands); if (!shouldShow) return; const feed = document.getElementById('activity-feed'); const item = document.createElement('div'); item.className = `activity-item ${activity.activityType.toLowerCase()}`; const time = new Date(activity.timestamp * 1000).toLocaleTimeString(); const typeClass = activity.activityType.toLowerCase(); const typeBadge = `${activity.activityType}`; item.innerHTML = `

${typeBadge}${activity.playerName} ${time}

${escapeHtml(activity.content)}

${activity.gamemode} • ${activity.world}

`; feed.insertBefore(item, feed.firstChild); while (feed.children.length > 100) { feed.removeChild(feed.lastChild); } } async function loadGameModes() { try { const response = await fetch(`/api/gamemodes?token=${token}`); const gamemodes = await response.json(); const list = document.getElementById('gamemode-list'); if (gamemodes.length === 0) { list.innerHTML = '

No staff members online

'; return; } list.innerHTML = ''; gamemodes.forEach(gm => { const item = document.createElement('div'); item.className = 'gamemode-item'; item.innerHTML = `

${gm.name}

${gm.world}

${gm.gamemode} `; list.appendChild(item); }); } catch (error) { console.error('Failed to load game modes:', error); } } function updateGameMode(data) { loadGameModes(); } async function loadBans() { try { const response = await fetch(`/api/bans?token=${token}`); const bans = await response.json(); const list = document.getElementById('ban-list'); if (bans.length === 0) { list.innerHTML = '

No active bans

'; return; } list.innerHTML = ''; bans.forEach(ban => { const item = document.createElement('div'); item.className = 'punishment-item'; item.innerHTML = `

${ban.target}

Reason: ${ban.reason || 'No reason specified'}

Banned by: ${ban.source} • Created: ${ban.created} • Expires: ${ban.expires}

`; list.appendChild(item); }); } catch (error) { console.error('Failed to load bans:', error); } } async function loadIpBans() { try { const response = await fetch(`/api/ipbans?token=${token}`); const bans = await response.json(); const list = document.getElementById('ipban-list'); if (bans.length === 0) { list.innerHTML = '

No active IP bans

'; return; } list.innerHTML = ''; bans.forEach(ban => { const item = document.createElement('div'); item.className = 'punishment-item'; item.innerHTML = `

${ban.target}

Reason: ${ban.reason || 'No reason specified'}

Banned by: ${ban.source} • Created: ${ban.created} • Expires: ${ban.expires}

`; list.appendChild(item); }); } catch (error) { console.error('Failed to load IP bans:', error); } } async function loadPerformance() { try { const response = await fetch(`/api/performance?token=${token}`); const perf = await response.json(); updatePerformance(perf); } catch (error) { console.error('Failed to load performance:', error); } } function updatePerformance(perf) { document.getElementById('tps-value').textContent = perf.tps.toFixed(2); document.getElementById('cpu-value').textContent = perf.cpuUsage.toFixed(1) + '%'; document.getElementById('memory-value').textContent = perf.usedMemory + ' MB'; document.getElementById('players-value').textContent = `${perf.onlinePlayers}/${perf.maxPlayers}`; const tpsPercent = (perf.tps / 20) * 100; document.getElementById('tps-bar').style.width = tpsPercent + '%'; document.getElementById('cpu-bar').style.width = perf.cpuUsage + '%'; const memoryPercent = (perf.usedMemory / perf.maxMemory) * 100; document.getElementById('memory-bar').style.width = memoryPercent + '%'; } async function searchLogs() { const query = document.getElementById('search-input').value; if (!query || query.trim() === '') { alert('Please enter a search query'); return; } try { const response = await fetch(`/api/search?token=${token}&q=${encodeURIComponent(query)}`); const results = await response.json(); const container = document.getElementById('search-results'); if (results.length === 0) { container.innerHTML = '

No results found

'; return; } container.innerHTML = ''; results.forEach(log => { const time = new Date(log.timestamp * 1000).toLocaleString(); const item = document.createElement('div'); item.className = 'activity-item'; item.innerHTML = `

${log.playerName} ${time}

${log.activityType} ${escapeHtml(log.content)}

${log.gamemode} • ${log.world}

`; container.appendChild(item); }); } catch (error) { console.error('Search failed:', error); alert('Search failed: ' + error.message); } } function clearActivityFeed() { document.getElementById('activity-feed').innerHTML = ''; } function applyFilters() { filterChat = document.getElementById('filter-chat').checked; filterCommands = document.getElementById('filter-commands').checked; loadActivities(); } function escapeHtml(text) { const div = document.createElement('div'); div.textContent = text; return div.innerHTML; } document.getElementById('search-input').addEventListener('keypress', (e) => { if (e.key === 'Enter') { searchLogs(); } }); init();