/* ============================================================ screen_dashboard.jsx — главный экран (M2) ============================================================ */ function Dashboard({ ctx }) { const { activeSite, setActiveSite, setRoute } = ctx; const sites = activeSite === "all" ? DATA.sites : DATA.sites.filter(s => s.id === activeSite); const [doneTasks, setDoneTasks] = React.useState({}); const avgHealth = Math.round(sites.reduce((a, s) => a + s.health, 0) / sites.length); const totalTop10 = sites.reduce((a, s) => a + s.keysTop10, 0); const deltaTop10 = sites.reduce((a, s) => a + s.keysDelta, 0); const totalCritical = sites.reduce((a, s) => a + s.critical, 0); const alerts = activeSite === "all" ? DATA.alerts : DATA.alerts.filter(a => a.site === activeSite); const today = activeSite === "all" ? DATA.todayTasks : DATA.todayTasks.filter(t => t.site === activeSite); const siteOf = id => DATA.sites.find(s => s.id === id); const greeting = (() => { const h = new Date().getHours(); return h < 6 ? "Доброй ночи" : h < 12 ? "Доброе утро" : h < 18 ? "Добрый день" : "Добрый вечер"; })(); return (
{/* greeting strip */}
{greeting}! {totalCritical > 0 ? <>Сегодня {totalCritical} критич. {plural(totalCritical, "проблема","проблемы","проблем")} требуют внимания. : <>Всё под контролем — критичных проблем нет.}
{/* metric cards */}
Средний Health Score
по {sites.length} {plural(sites.length, "сайту","сайтам","сайтам")} Сводная оценка технического здоровья сайтов от 0 до 100. Складывается из ошибок аудита, скорости и индексации.
setRoute("positions")}>
Ключей в топ-10
{totalTop10}
setRoute("audit")}>
Критичных ошибок
{totalCritical}
{totalCritical} критич. {sites.reduce((a,s)=>a+s.openTasks,0)-totalCritical} важных
setRoute("content")}>
Статей за июнь
8
5 опубл. 3 черновика
{/* two-column: alerts + today */}
{/* Требует внимания */}
Требует внимания

{alerts.length} {plural(alerts.length, "алерт","алерта","алертов")}

{alerts.map(a => )} {alerts.length === 0 &&
Нет активных алертов по этому сайту 🎉
}
{/* Что делать сегодня */}

Что делать сегодня

{Object.values(doneTasks).filter(Boolean).length}/{today.length}
{today.map(t => { const m = severityMeta[t.sev]; const done = doneTasks[t.id]; return (
setDoneTasks(d => ({ ...d, [t.id]: !d[t.id] }))} />
{t.title}
{siteOf(t.site).title} · {t.est}
); })}
{/* positions chart */}

Динамика позиций — 30 дней

⌁ апдейты Google
{/* sites grid */}

Сайты клиентов

{DATA.sites.map(s => { setActiveSite(s.id); setRoute("audit"); }} />)}
); } function MetricCard({ children, onClick }) { return (
onClick && (e.currentTarget.style.boxShadow = "var(--sh-3)")} onMouseLeave={e => onClick && (e.currentTarget.style.boxShadow = "var(--sh-1)")}> {children}
); } function Legend({ items }) { return (
{items.map((it, i) => ( {it.l} ))}
); } function AlertRow({ a, site, showSite, setRoute }) { const m = severityMeta[a.sev]; const [open, setOpen] = React.useState(false); return (
setOpen(o => !o)}>
{a.text}
{showSite && {site.title}} {a.time}
{open && (
{a.detail}
)}
); } function SiteCard({ s, onOpen }) { const statusBadge = { active: null, redesign: на редизайне, new: новый }[s.status]; return (
{ e.currentTarget.style.boxShadow = "var(--sh-3)"; e.currentTarget.style.transform = "translateY(-2px)"; }} onMouseLeave={e => { e.currentTarget.style.boxShadow = "var(--sh-1)"; e.currentTarget.style.transform = "none"; }}>
{s.title}
{s.domain}
{statusBadge} {s.business}
топ-10
{s.keysTop10}
задач
{s.critical > 0 && } {s.openTasks}
); } function plural(n, one, few, many) { const m10 = n % 10, m100 = n % 100; if (m10 === 1 && m100 !== 11) return one; if (m10 >= 2 && m10 <= 4 && (m100 < 10 || m100 >= 20)) return few; return many; } window.Dashboard = Dashboard; window.plural = plural;