${items}
${initials}${dot}
${esc(e.name)}
${statusLine}
${rowActions(e)}
${query ? 'Nenhum jogador corresponde ao filtro' : 'Nenhum jogador encontrado'}
`;
// Pagination controls
const totalPages = Math.max(1, Math.ceil((data.total || 0) / PAGE_SIZE));
const pag = root.querySelector('#pagination');
pag.innerHTML = `
Página ${data.page} de ${totalPages} · ${data.total || 0} jogador${(data.total || 0) === 1 ? '' : 'es'}
`;
pag.querySelector('[data-page="prev"]').onclick = () => { if (page > 1) { page--; loadDirectory(); } };
pag.querySelector('[data-page="next"]').onclick = () => { if (page < totalPages) { page++; loadDirectory(); } };
list.querySelectorAll('[data-kick]').forEach((b) => { b.onclick = () => action('kick', { name: b.dataset.kick }); });
list.querySelectorAll('[data-tp]').forEach((b) => {
b.onclick = () => { const t = prompt('Teleportar para (jogador ou coordenadas x y z):'); if (t) action('teleport', { name: b.dataset.tp, target: t }); };
});
list.querySelectorAll('[data-detail]').forEach((b) => { b.onclick = () => openDetail(b.dataset.detail, b.dataset.name); });
list.querySelectorAll('[data-menu-act]').forEach((b) => {
b.onclick = () => {
const { menuAct, menuName } = b.dataset;
b.closest('details')?.removeAttribute('open');
if (menuAct === 'ban' && !confirm(`Banir ${menuName} permanentemente do servidor?`)) return;
action(menuAct, { name: menuName });
};
});
// Only one kebab menu open at a time; close on outside click.
list.querySelectorAll('[data-kebab]').forEach((d) => {
d.addEventListener('toggle', () => {
if (d.open) list.querySelectorAll('[data-kebab][open]').forEach((o) => { if (o !== d) o.removeAttribute('open'); });
});
});
}
root.addEventListener('click', (ev) => {
if (!ev.target.closest('[data-kebab]')) root.querySelectorAll('[data-kebab][open]').forEach((o) => o.removeAttribute('open'));
});
// --- Detail modal ---
let modalTimer = null;
function closeModal() {
if (modalTimer) { clearInterval(modalTimer); modalTimer = null; }
root.querySelector('#detail-modal').innerHTML = '';
document.removeEventListener('keydown', onEsc);
}
function onEsc(e) { if (e.key === 'Escape') closeModal(); }
function bar(label, value, max, colorClass) {
const pct = Math.max(0, Math.min(100, (value / max) * 100));
return `
${label}${value} / ${max}
)}.png)
${it.count > 1 ? `${it.count}` : ''}`
: placeholder;
const title = it && it.name ? ` title="${esc(prettyName(it.name))}${it.count > 1 ? ` ×${it.count}` : ''}"` : '';
return `${inner}
`;
}
function inventoryHtml(d) {
const bySlot = new Map((d.inventory || []).filter((i) => i && i.name).map((i) => [i.slot, i]));
const row = (from, to) => {
let cells = '';
for (let s = from; s <= to; s++) cells += slotHtml(bySlot.get(s));
return `${cells}
`;
};
const armor = d.armor || {};
const armorIcons = { head: '🪖', chest: '🦺', legs: '👖', feet: '🥾' };
const equipment = ['head', 'chest', 'legs', 'feet']
.map((k) => slotHtml(armor[k], { placeholder: `${armorIcons[k]}` }))
.join('');
return `
${equipment}
Escudo
${slotHtml(d.offhand, { placeholder: '🛡️' })}
${row(0, 8)}
Abra este jogador uma vez enquanto ele está online para vincular os dados do save (o Bedrock não liga o nome ao arquivo até o primeiro acesso observado).
`; } if (d.empty || !d.position) { return `Sem dados salvos para este jogador ainda.
`; } const dimLabel = { overworld: 'Overworld', nether: 'Nether', end: 'End' }[d.dimension] || d.dimension; const p = d.position; const invGrid = inventoryHtml(d); return `Posição
${Math.round(p.x)}, ${Math.round(p.y)}, ${Math.round(p.z)}
${dimLabel}
${d.health ? bar('Vida', Math.round(d.health.current * 10) / 10, d.health.max, 'bg-red-500') : ''}
${typeof d.food === 'number' ? bar('Fome', d.food, 20, 'bg-amber-500') : ''}
Inventário${d.xp ? ` · Nível ${d.xp.level}` : ''}${d.gamemode ? ` · ${esc(d.gamemode)}` : ''}
${invGrid}
${esc(name.substring(0, 2).toUpperCase())}
${esc(name)}
${esc(xuid)}
${body}
${footer}
Carregando dados do save...
'); document.addEventListener('keydown', onEsc); const wire = () => { host.querySelector('[data-close]').onclick = closeModal; host.querySelector('[data-backdrop]').onclick = (ev) => { if (ev.target === ev.currentTarget) closeModal(); }; const rb = host.querySelector('[data-refresh]'); if (rb) rb.onclick = () => load(); }; wire(); async function load() { const d = await api(`/api/players/detail?xuid=${encodeURIComponent(xuid)}`); if (!d) { host.innerHTML = shell('Falha ao ler os dados do jogador.
', footerHtml('')); wire(); return; } host.innerHTML = shell(renderModalBody(d, name), footerHtml(d)); wire(); } function footerHtml(d) { const online = d && d.online ? '● Online' : 'Offline'; const saved = d && d.savedAt ? `atualizado às ${new Date(d.savedAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}` : ''; return `${online}${saved}`; } await load(); } // --- Allowlist card (single home for toggle + add + members) --- function renderAllowlist(data) { currentWhitelistEnabled = data.whitelistEnabled; const toggle = root.querySelector('#allowlist-toggle'); const knob = root.querySelector('#allowlist-knob'); const hint = root.querySelector('#allowlist-hint'); toggle.classList.toggle('bg-emerald-600', currentWhitelistEnabled); toggle.classList.toggle('bg-slate-700', !currentWhitelistEnabled); knob.style.transform = currentWhitelistEnabled ? 'translateX(1.5rem)' : 'translateX(0.25rem)'; hint.textContent = currentWhitelistEnabled ? 'Ativa — apenas os membros abaixo podem entrar.' : 'Desativada — qualquer jogador pode entrar no servidor.'; toggle.onclick = () => action(currentWhitelistEnabled ? 'whitelistOff' : 'whitelistOn', {}); const addForm = root.querySelector('#allowlist-add'); addForm.classList.toggle('hidden', !capabilities.has('whitelistAdd')); addForm.classList.toggle('flex', capabilities.has('whitelistAdd')); addForm.onsubmit = (e) => { e.preventDefault(); const input = addForm.querySelector('input[name="name"]'); if (input.value.trim()) action('whitelistAdd', { name: input.value.trim() }); input.value = ''; }; const list = root.querySelector('#allowlist-list'); const members = data.whitelist || []; root.querySelector('#allowlist-count').textContent = members.length; list.innerHTML = members.length ? members.map((name) => `${esc(name.substring(0, 2).toUpperCase())}
${esc(name)}
${capabilities.has('whitelistRemove') ? `` : ''}