'use strict';
/* ════════════════════════════════════════════════════════════════
DASHBOARD · ADMIN COMMAND CENTER
Рендерит «командный центр администратора» в /dashboard для роли admin.
Дизайн — в стиле дизайн-системы LearnSpace (/css/ls.css):
палитра violet #9B5DE5 / cyan #06D6E0, шрифты Unbounded + Manrope,
карточки-«стекло» 20px, градиентные акценты. На реальных данных
GET /api/admin/overview.
Весь CSS заскоуплен под #admin-command-center, чтобы не конфликтовать
с ls.css / dashboard.html. Деструктивные действия не выполняются
inline — кнопки ведут в соответствующие разделы /admin.
Точка входа: window.DashAdminCenter.mount(rootEl).
════════════════════════════════════════════════════════════════ */
(function () {
'use strict';
let _root = null;
let _data = null;
let _tab = 'all';
let _clockTimer = null;
/* ── subject hue cycle (совпадает с overview.js) ──────────────── */
const SUBJ_COLORS = [
'#9B5DE5', '#06D6E0', '#06D664', '#FFB347', '#F15BB5',
'#7C3AED', '#4FC3F7', '#FFD54F', '#FF8A65', '#BA68C8',
];
/* ── one-time font + CSS injection ────────────────────────────── */
function ensureAssets() {
if (!document.getElementById('acc-font')) {
const l = document.createElement('link');
l.id = 'acc-font';
l.rel = 'stylesheet';
l.href = 'https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;800&family=Manrope:wght@400;500;600;700&display=swap';
document.head.appendChild(l);
}
if (document.getElementById('acc-style')) return;
const s = document.createElement('style');
s.id = 'acc-style';
s.textContent = CSS;
document.head.appendChild(s);
}
/* ── helpers ──────────────────────────────────────────────────── */
const e = (str) => (window.LS && LS.esc ? LS.esc(str) : String(str == null ? '' : str));
function initials(name) {
if (!name) return '?';
return name.trim().split(/\s+/).slice(0, 2)
.map((w) => (w[0] ? w[0].toUpperCase() : '')).join('') || '?';
}
function hashHue(str) {
let h = 0;
for (let i = 0; i < (str || '').length; i++) h = ((h << 5) - h + str.charCodeAt(i)) | 0;
return Math.abs(h) % 360;
}
function pctClass(p) {
if (p == null) return 'mid';
return p >= 75 ? 'hi' : p >= 50 ? 'mid' : 'lo';
}
function fmtNum(n) {
if (n == null) return '0';
return String(n).replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
}
function parseTs(s) {
if (!s) return null;
try { return new Date(s.replace(' ', 'T') + (s.endsWith('Z') ? '' : 'Z')); }
catch (_) { return null; }
}
function fmtAgo(s) {
const d = parseTs(s);
if (!d) return '';
const sec = Math.floor((Date.now() - d.getTime()) / 1000);
if (sec < 60) return 'только что';
const min = Math.floor(sec / 60);
if (min < 60) return min + ' мин';
const hr = Math.floor(min / 60);
if (hr < 24) return hr + ' ч';
return Math.floor(hr / 24) + ' дн';
}
function fmtSince(s) {
const d = parseTs(s);
if (!d) return '—';
let min = Math.floor((Date.now() - d.getTime()) / 60000);
if (min < 0) min = 0;
const hr = Math.floor(min / 60);
if (hr >= 48) return Math.floor(hr / 24) + 'д ' + (hr % 24) + 'ч';
return hr > 0 ? hr + 'ч ' + (min % 60) + 'м' : min + 'м';
}
function fmtBannedDate(s) {
const d = parseTs(s);
if (!d) return '';
return d.toLocaleDateString('ru', { day: 'numeric', month: 'short' });
}
function go(hash) { window.location.href = hash; }
/* ── sparkline path (array of {d, n} → 7-day path) ────────────── */
function sparkPath(raw, w, h) {
const map = {};
(raw || []).forEach((r) => { map[r.d] = r.n; });
const pts = [];
for (let i = 6; i >= 0; i--) {
const dt = new Date();
dt.setDate(dt.getDate() - i);
pts.push(map[dt.toISOString().slice(0, 10)] || 0);
}
const max = Math.max.apply(null, pts) || 1;
const pad = 2;
const xs = pts.map((_, i) => pad + (i / 6) * (w - 2 * pad));
const ys = pts.map((v) => h - pad - (v / max) * (h - 2 * pad));
return xs.map((x, i) => x.toFixed(1) + ' ' + ys[i].toFixed(1)).join(' L ');
}
/* ── greeting by hour ─────────────────────────────────────────── */
function greeting() {
const hr = new Date().getHours();
if (hr < 6) return 'Доброй ночи';
if (hr < 12) return 'Доброе утро';
if (hr < 18) return 'Добрый день';
return 'Добрый вечер';
}
function clockStr() {
const d = new Date();
return d.toLocaleTimeString('ru', { hour: '2-digit', minute: '2-digit' });
}
function dateStr() {
const d = new Date();
const s = d.toLocaleDateString('ru', { weekday: 'long', day: 'numeric', month: 'long' });
return s.charAt(0).toUpperCase() + s.slice(1);
}
/* ── KPI pulse row ────────────────────────────────────────────── */
function kpiRow(d) {
const sp = d.sparks || {};
const sessSpark = sparkPath(sp.sessions, 120, 34);
return `
Сессий запущено · 24ч
LIVE
${fmtNum(d.newSessions24h)}
${fmtNum(d.activeUsers24h)}
${fmtNum(d.classesTotal)}
`;
}
/* ── attention inbox items (unified queue) ────────────────────── */
function buildAttnItems(d) {
const items = [];
(d.bannedThisWeek || []).forEach((u) => {
items.push({
sev: 'rose', kind: 'block', kindLabel: 'Блокировка',
title: u.name || '—',
meta: `${e(u.email || '')} · ${fmtBannedDate(u.banned_at)}`,
act: 'Разблокировать', actHash: '/admin#users', solid: false,
});
});
(d.stuckSessions || []).forEach((s) => {
items.push({
sev: 'amber', kind: 'stuck', kindLabel: 'Зависла',
title: s.user_name || '—',
meta: `${e(s.subject_name || '—')} · висит ${fmtSince(s.started_at)}`,
// Глубокая ссылка на ДЕТАЛИ конкретной сессии (открывается при любом статусе):
// список /admin#sessions показывает только completed, поэтому зависшая (in_progress)
// там не находилась. На странице деталей её можно посмотреть и удалить.
act: 'Открыть', actHash: '/admin#sessions/' + s.id, solid: true,
});
});
const ab = d.abandonedSessions24h || 0;
if (ab > 0) {
items.push({
sev: 'amber', kind: 'stuck', kindLabel: 'Брошено',
title: 'Всплеск брошенных сессий',
meta: `${ab} сессий прервано за 24ч`,
act: 'Разобрать', actHash: '/admin#sessions', solid: false,
});
}
return items;
}
function attnRowHtml(it) {
const icon = it.sev === 'rose'
? ''
: '';
return `
${icon}
${e(it.kindLabel)}
${e(it.title)}
${it.meta}
`;
}
function attnCard(d) {
const items = buildAttnItems(d);
const blocks = items.filter((i) => i.kind === 'block');
const stuck = items.filter((i) => i.kind === 'stuck');
let shown = items;
if (_tab === 'block') shown = blocks;
else if (_tab === 'stuck') shown = stuck;
const body = shown.length
? `${shown.map(attnRowHtml).join('')}
`
: `
Всё в норменет событий, требующих внимания
`;
return `
Требует внимания
${items.length} ${items.length === 1 ? 'событие' : 'событий'}
все алерты
${body}
`;
}
/* ── live feed (top sessions) ─────────────────────────────────── */
function feedCard(d) {
const rows = (d.topSessions24h || []).slice(0, 8);
const subj = d.sessionsBySubject24h || [];
const total = subj.reduce((a, r) => a + r.n, 0) || 1;
const feedHtml = rows.length ? rows.map((s) => {
const name = s.user_name || '—';
const pc = s.percent;
return `
${e(initials(name))}
${e(name)}
${e(s.subject_name || '—')} · ${fmtAgo(s.finished_at)}
${pc != null ? pc : '—'}%
${(s.score != null ? s.score : 0)}/${(s.total != null ? s.total : 0)}
`;
}).join('') : 'Нет завершённых сессий за 24ч
';
let segs = '', legend = '';
subj.forEach((r, i) => {
const pct = (r.n / total * 100).toFixed(1);
const col = SUBJ_COLORS[i % SUBJ_COLORS.length];
segs += ``;
legend += `${e(r.name)} ${r.n}`;
});
const subjBlock = subj.length ? `
Сессии по предметам · 24ч${total}
${segs}
${legend}
` : '';
return `
`;
}
/* ── content health ───────────────────────────────────────────── */
function healthRow(d) {
const inv = d.inventory || {};
const card = (icon, n, lbl) => `
${fmtNum(n != null ? n : 0)}
`;
return `
Здоровье контента
${card('
', inv.questions, 'вопросов')}
${card('
', inv.tests, 'тестов')}
${card('
', inv.courses, 'курсов')}
${card('
', inv.classes, 'классов')}
Нет данных за 24ч
';
const body = rows.slice(0, 5).map((s) => {
const name = s.user_name || '—';
return `
${e(initials(name))}${e(name)} |
${e(s.subject_name || '—')} |
${(s.score != null ? s.score : 0)}/${(s.total != null ? s.total : 0)} |
${s.percent != null ? s.percent : '—'}% |
`;
}).join('');
return `
| Ученик | Предмет | Счёт | % |
|---|
${body}
`;
}
function resultsRow(d) {
return `
Результаты · 24ч
Топ-5 сегодня
${resTable(d.topSessions24h)}
Худшие 5 сегодня
${resTable(d.worstSessions24h)}
`;
}
/* ── quick actions ────────────────────────────────────────────── */
function quickRow() {
const btn = (icon, title, sub, hash) => `
`;
return `
Быстрые действия
${btn('
', 'Пользователи', '#users', '/admin#users')}
${btn('
', 'Сессии', '#sessions', '/admin#sessions')}
${btn('
', 'Тесты', '#tests', '/admin#tests')}
${btn('
', 'Классы', '#classes', '/classes')}
${btn('
', 'Права', '#permissions', '/admin#permissions')}
${btn('
', 'Аудит-лог', '#sublog', '/admin#sublog')}
${greeting()}· сводка за 24 часа
Командный центр
${sub}
`;
}
/* ── full render ──────────────────────────────────────────────── */
function render() {
if (!_root || !_data) return;
const d = _data;
_root.innerHTML = `
${headHtml(d)}
${kpiRow(d)}
${attnCard(d)}
${feedCard(d)}
${healthRow(d)}
${resultsRow(d)}
${quickRow()}
Не удалось загрузить данные
${e(err && err.message ? err.message : 'Ошибка сети')}