import { api } from '../api.js'; import { showToast } from '../components/toast.js'; import { esc } from '../utils.js'; import { t } from '../i18n.js'; const headers = () => ({ Authorization: `Bearer ${localStorage.getItem('token')}`, 'Content-Type': 'application/json' }); const API = (url, opts = {}) => fetch('/api' + url, { headers: headers(), ...opts }).then(r => r.json()); export async function render(container) { const user = JSON.parse(localStorage.getItem('user') || '{}'); if (user.role !== 'superadmin') { container.innerHTML = `

${t('admin.access_denied')}

${t('admin.access_denied_desc')}

`; return; } container.innerHTML = `

${t('admin.title')}

${t('admin.subtitle')}

${t('admin.all_users')}

${t('common.loading')}

${t('admin.plans')}

${t('common.loading')}

${t('admin.system')}

${t('common.loading')}

`; loadUsers(); loadPlans(); loadSystem(); } async function loadUsers() { const el = document.getElementById('allUsersTable'); try { const [users, plans] = await Promise.all([API('/auth/users'), fetch('/api/subscription/plans').then(r => r.json())]); el.innerHTML = `
${users.map(u => ` `).join('')}
${t('admin.col.user')} ${t('admin.col.auth')} ${t('admin.col.last_login')} ${t('admin.col.role')} ${t('admin.col.plan')} ${t('admin.col.actions')}
${u.name || u.email}
${u.email}
 ${u.auth_provider} ${u.last_login ? new Date(u.last_login * 1000).toLocaleString() : t('common.never')} ${u.role !== 'superadmin' ? `` : `${t('admin.owner')}`}

${t('admin.total_users', { n: users.length })}

`; el.querySelectorAll('[data-role-user]').forEach(select => { select.onchange = async () => { try { await API(`/auth/users/${select.dataset.roleUser}/role`, { method: 'PUT', body: JSON.stringify({ role: select.value }) }); showToast(t('admin.toast.role_updated'), 'success'); } catch (err) { showToast(err.message, 'error'); loadUsers(); } }; }); el.querySelectorAll('[data-plan-user]').forEach(select => { select.onchange = async () => { try { await API('/subscription/assign', { method: 'POST', body: JSON.stringify({ user_id: select.dataset.planUser, plan_id: select.value }) }); showToast(t('admin.toast.plan_updated'), 'success'); } catch (err) { showToast(err.message, 'error'); loadUsers(); } }; }); el.querySelectorAll('[data-delete-user]').forEach(btn => { let confirming = false; btn.onclick = async () => { if (confirming) { try { await api.deleteUser(btn.dataset.deleteUser); showToast(t('admin.toast.user_removed'), 'success'); loadUsers(); } catch (err) { showToast(err.message, 'error'); } return; } confirming = true; btn.textContent = t('admin.confirm'); btn.style.background = 'var(--danger)'; btn.style.color = 'white'; setTimeout(() => { confirming = false; btn.textContent = t('admin.remove'); btn.style.background = ''; btn.style.color = ''; }, 3000); }; }); } catch (err) { el.innerHTML = `

${esc(err.message)}

`; } } async function loadPlans() { const el = document.getElementById('plansTable'); try { const plans = await fetch('/api/subscription/plans').then(r => r.json()); el.innerHTML = `
${plans.map(p => ` `).join('')}
${t('admin.col.plan')} ${t('admin.col.devices')} ${t('admin.col.storage')} ${t('admin.col.monthly')} ${t('admin.col.yearly')}
${p.display_name} ${p.max_devices === -1 ? t('admin.unlimited') : p.max_devices} ${p.max_storage_mb === -1 ? t('admin.unlimited') : p.max_storage_mb >= 1024 ? (p.max_storage_mb/1024)+'GB' : p.max_storage_mb+'MB'} ${p.price_monthly > 0 ? '$'+p.price_monthly : t('admin.free')} ${p.price_yearly > 0 ? '$'+p.price_yearly : '-'}
`; } catch (err) { el.innerHTML = `

${esc(err.message)}

`; } } async function loadSystem() { const el = document.getElementById('systemInfo'); try { const version = await fetch('/api/version').then(r => r.json()); const token = localStorage.getItem('token'); el.innerHTML = `
${t('admin.version')}
${version.version}
${t('admin.frontend_hash')}
${version.hash}
${t('admin.download_db_backup')} ${t('admin.server_status')}
`; } catch (err) { el.innerHTML = `

${esc(err.message)}

`; } } export function cleanup() {}