const socket = io(); let currentUser = null; let allTickets = []; let ticketFilter = 'all'; let modTarget = null; let activeModTab = 'search'; async function init() { const res = await fetch('/api/me'); const { user, isMod } = await res.json(); if (!user || !isMod) { document.getElementById('access-denied').style.display = ''; document.getElementById('nav-right').innerHTML = user ? `Kijelentkezés` : ``; return; } currentUser = user; document.getElementById('admin-app').style.display = ''; const avatar = user.avatar ? `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}.png` : `https://cdn.discordapp.com/embed/avatars/0.png`; document.getElementById('nav-right').innerHTML = ``; loadAll(); setupModals(); document.getElementById('user-search').addEventListener('keydown', e => { if (e.key==='Enter') searchUsers(); }); document.querySelectorAll('.tfilter').forEach(b => b.addEventListener('click', () => { document.querySelectorAll('.tfilter').forEach(x => x.classList.remove('active')); b.classList.add('active'); ticketFilter = b.dataset.f; renderAdminTickets(); })); } async function loadAll() { await Promise.all([loadStats(), loadMessages(), loadTickets(), loadModLists()]); } async function loadStats() { const res = await fetch('/api/stats'); const { servers, messages, muted, banned } = await res.json(); document.getElementById('admin-stats').innerHTML = `

🖥️

${servers}

Szerver

💬

${messages}

Üzenet

🔇

${muted}

Némított

🔨

${banned}

Bannolt

`; } async function loadMessages() { const res = await fetch('/api/messages?limit=100'); const { messages, total } = await res.json(); document.getElementById('msg-count').textContent = `${total} üzenet`; const tbody = document.getElementById('msg-table-body'); if (!messages.length) { tbody.innerHTML = '

Nincs üzenet

'; return; } tbody.innerHTML = messages.map(m => { const avatar = m.avatar ? `https://cdn.discordapp.com/avatars/${m.userId}/${m.avatar}.png` : `https://cdn.discordapp.com/embed/avatars/0.png`; const time = new Date(m.timestamp).toLocaleString('hu-HU'); return `

${escHtml(m.username)}

${escHtml(m.guildName)} ${escHtml(m.content)} ${time}

`; }).join(''); } async function loadTickets() { const res = await fetch('/api/tickets'); const { tickets } = await res.json(); allTickets = tickets; renderAdminTickets(); const open = tickets.filter(t => t.status === 'open').length; const badge = document.getElementById('open-ticket-count'); if (open > 0) { badge.textContent = open; badge.style.display = ''; } else { badge.style.display = 'none'; } renderDashTickets(); } function renderDashTickets() { const el = document.getElementById('dash-tickets'); const open = allTickets.filter(t => t.status !== 'closed').slice(0, 5); if (!open.length) { el.innerHTML = '

Nincs nyitott ticket

'; return; } el.innerHTML = open.map(t => `

${escHtml(t.subject)} ${statusBadge(t.status)}

👤 ${escHtml(t.username)} · ${timeAgo(t.updatedAt)}

`).join(''); } function renderAdminTickets() { const list = document.getElementById('admin-ticket-list'); let filtered = ticketFilter === 'all' ? allTickets : allTickets.filter(t => t.status === ticketFilter); if (!filtered.length) { list.innerHTML = '

🎫

Nincs ticket

'; return; } list.innerHTML = filtered.sort((a,b) => b.updatedAt - a.updatedAt).map(t => `

${escHtml(t.subject)}

👤 ${escHtml(t.username)} · ${timeAgo(t.createdAt)}

${t.assignedName ? `📌 ${escHtml(t.assignedName)}` : ''} ${statusBadge(t.status)}

${t.messages.map(m => `

${escHtml(m.content)}

${m.isMod?'🛡️ ':''} ${escHtml(m.fromName)} · ${timeAgo(m.timestamp)}

`).join('')}

${t.status!=='closed'?` ${!t.assignedTo?``:''} `:'🔒 Lezárt ticket'}

`).join(''); } function toggleAdminTicket(id) { const row = document.getElementById(`trow-${id}`); row.classList.toggle('open-detail'); } function openAdminTicket(id) { document.querySelectorAll('.ticket-row').forEach(r => r.classList.remove('open-detail')); const row = document.getElementById(`trow-${id}`); if (row) row.classList.add('open-detail'); } async function adminReply(e, id) { e.stopPropagation(); const input = document.getElementById(`areply-${id}`); const content = input?.value.trim(); if (!content) return; input.value = ''; const res = await fetch(`/api/tickets/${id}/reply`, { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({ content }) }); if (res.ok) { showToast('Válasz elküldve.', 'success'); await loadTickets(); openAdminTicket(id); } else showToast('Hiba.', 'error'); } async function adminAssign(e, id) { e.stopPropagation(); await fetch(`/api/tickets/${id}`, { method:'PATCH', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ status:'in-progress', assignedTo: currentUser.id, assignedName: currentUser.username }) }); showToast('Ticket felvéve.', 'success'); await loadTickets(); openAdminTicket(id); } async function adminClose(e, id) { e.stopPropagation(); await fetch(`/api/tickets/${id}`, { method:'PATCH', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ status:'closed' }) }); showToast('Ticket lezárva.', 'info'); loadTickets(); } async function loadModLists() { const res = await fetch('/api/mod/lists'); const { muted, banned } = await res.json(); renderModList('muted-list', muted, false); renderModList('banned-list', banned, true); } function renderModList(containerId, data, isBan) { const el = document.getElementById(containerId); const entries = Object.entries(data); if (!entries.length) { el.innerHTML = `

${isBan?'🔨':'🔇'}

Nincs ${isBan?'bannolt':'némított'} felhasználó

`; return; } el.innerHTML = entries.map(([uid, info]) => { const until = info.until === -1 ? 'Végleges' : `${new Date(info.until).toLocaleString('hu-HU')} -ig`; return `

${escHtml(info.username || 'Ismeretlen')}

${uid}

⏱️ ${until} · 📝 ${escHtml(info.reason)}

${isBan ? `` : ``}

`; }).join(''); } async function searchUsers() { const q = document.getElementById('user-search').value.trim(); const res = await fetch(`/api/mod/users?q=${encodeURIComponent(q)}`); const { users } = await res.json(); const el = document.getElementById('user-search-results'); if (!users.length) { el.innerHTML = '

Nincs találat

'; return; } el.innerHTML = users.map(u => { const avatar = u.avatar ? `https://cdn.discordapp.com/avatars/${u.id}/${u.avatar}.png` : `https://cdn.discordapp.com/embed/avatars/0.png`; return `

${escHtml(u.username)}

${u.id}

${u.muted ? `🔇 Némított` : ''} ${u.banned ? `🔨 Bannolt` : ''}

${!u.muted ? `` : ``} ${!u.banned ? `` : ``}

`; }).join(''); } function openMute(userId, username, avatar) { modTarget = { userId, username }; document.getElementById('mute-target-name').textContent = username; document.getElementById('mute-target-id').textContent = userId; document.getElementById('mute-target-avatar').src = avatar; document.getElementById('mute-duration').value = ''; document.getElementById('mute-reason').value = ''; openModal('modal-mute'); } function openBan(userId, username, avatar) { modTarget = { userId, username }; document.getElementById('ban-target-name').textContent = username; document.getElementById('ban-target-id').textContent = userId; document.getElementById('ban-target-avatar').src = avatar; document.getElementById('ban-duration').value = ''; document.getElementById('ban-reason').value = ''; openModal('modal-ban'); } async function doMute() { if (!modTarget) return; const duration = document.getElementById('mute-duration').value.trim(); const reason = document.getElementById('mute-reason').value.trim(); const res = await fetch('/api/mod/mute', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ userId: modTarget.userId, username: modTarget.username, duration, reason }) }); if (res.ok) { showToast(`${modTarget.username} némítva.`, 'warning'); closeModal('modal-mute'); loadModLists(); searchUsers(); loadStats(); } else showToast('Hiba.', 'error'); } async function doBan() { if (!modTarget) return; const duration = document.getElementById('ban-duration').value.trim(); const reason = document.getElementById('ban-reason').value.trim(); const res = await fetch('/api/mod/ban', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ userId: modTarget.userId, username: modTarget.username, duration, reason }) }); if (res.ok) { showToast(`${modTarget.username} bannolva.`, 'danger'); closeModal('modal-ban'); loadModLists(); searchUsers(); loadStats(); } else showToast('Hiba.', 'error'); } async function doUnmute(userId) { await fetch('/api/mod/unmute', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ userId }) }); showToast('Némítás feloldva.', 'success'); loadModLists(); loadStats(); } async function doUnban(userId) { await fetch('/api/mod/unban', { method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({ userId }) }); showToast('Ban feloldva.', 'success'); loadModLists(); loadStats(); } function setupModals() { document.getElementById('btn-confirm-mute').onclick = doMute; document.getElementById('btn-confirm-ban').onclick = doBan; document.querySelectorAll('.modal-overlay').forEach(overlay => { overlay.addEventListener('click', e => { if (e.target === overlay) overlay.classList.remove('active'); }); }); } function switchModTab(tab) { activeModTab = tab; document.getElementById('mod-tab-search').style.display = tab === 'search' ? '' : 'none'; document.getElementById('mod-tab-muted').style.display = tab === 'muted' ? '' : 'none'; document.getElementById('mod-tab-banned').style.display = tab === 'banned' ? '' : 'none'; if (tab !== 'search') loadModLists(); } function showSection(name) { document.querySelectorAll('.admin-section').forEach(s => s.classList.remove('active')); document.querySelectorAll('.sidebar-item').forEach(s => s.classList.remove('active')); document.getElementById(`section-${name}`).classList.add('active'); const sidebarBtns = document.querySelectorAll('.sidebar-item'); const map = { dashboard: 0, messages: 1, tickets: 2, moderation: 3 }; sidebarBtns[map[name]]?.classList.add('active'); } socket.on('ticketCreated', t => { allTickets.unshift(t); renderAdminTickets(); renderDashTickets(); const badge = document.getElementById('open-ticket-count'); badge.textContent = allTickets.filter(x=>x.status==='open').length; badge.style.display=''; showToast('Új ticket érkezett!', 'info'); }); socket.on('ticketUpdated', t => { const i = allTickets.findIndex(x=>x.id===t.id); if(i!==-1) allTickets[i]=t; renderAdminTickets(); renderDashTickets(); }); function openModal(id) { document.getElementById(id).classList.add('active'); } function closeModal(id) { document.getElementById(id).classList.remove('active'); } window.closeModal = closeModal; window.showSection = showSection; window.openMute = openMute; window.openBan = openBan; window.doUnmute = doUnmute; window.doUnban = doUnban; window.searchUsers = searchUsers; window.switchModTab = switchModTab; window.adminReply = adminReply; window.adminAssign = adminAssign; window.adminClose = adminClose; window.toggleAdminTicket = toggleAdminTicket; window.openAdminTicket = openAdminTicket; function statusBadge(s) { const map = { open:'badge-success', 'in-progress':'badge-warning', closed:'badge-muted' }; const labels = { open:'🟢 Nyitott', 'in-progress':'🟡 Folyamatban', closed:'⚫ Lezárt' }; return `${labels[s]||s}`; } function timeAgo(ts) { const diff = Date.now() - ts; if (diff < 60000) return 'most'; if (diff < 3600000) return Math.floor(diff/60000) + ' perce'; if (diff < 86400000) return Math.floor(diff/3600000) + ' órája'; return Math.floor(diff/86400000) + ' napja'; } function escHtml(str) { return String(str||'').replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"'); } function escAttr(str) { return String(str||'').replace(/'/g,"\\'").replace(/"/g,'"'); } function showToast(msg, type='info') { const c = document.getElementById('toast-container'); const t = document.createElement('div'); t.className = `toast ${type}`; const icons = { success:'✅', error:'❌', info:'ℹ️', warning:'⚠️', danger:'🔨' }; t.innerHTML = `${icons[type]||'ℹ️'}${msg}`; c.appendChild(t); setTimeout(() => t.remove(), 3200); } init();