/* ============================================================ screen_tasks.jsx — Задачи и автоплан (M17) Виды: список / канбан · фильтры · drawer-деталка ============================================================ */ function Tasks({ ctx }) { const [view, setView] = React.useState("list"); const [fSite, setFSite] = React.useState(ctx.activeSite === "all" ? "all" : ctx.site); const [fPrio, setFPrio] = React.useState("all"); const [fType, setFType] = React.useState("all"); const [tasks, setTasks] = React.useState(() => DATA.tasks.map(t => ({ ...t }))); const [openTask, setOpenTask] = React.useState(null); const types = ["all", "Техническое", "Контент", "AI SEO"]; const filtered = tasks.filter(t => (fSite === "all" || t.site === fSite) && (fPrio === "all" || t.sev === fPrio) && (fType === "all" || t.type === fType) ); function updateTask(id, patch) { setTasks(ts => ts.map(t => t.id === id ? { ...t, ...patch } : t)); setOpenTask(ot => ot && ot.id === id ? { ...ot, ...patch } : ot); } const active = filtered.filter(t => t.status !== "done").length; const crit = filtered.filter(t => t.sev === "critical" && t.status !== "done").length; return (
{/* weekly plan banner */}
План на эту неделю готов
{crit} критичных фикса, 2 статьи и 1 настройка Schema. Оценка времени — ~3 часа.
{/* toolbar */}
[s.id, s.title])]} icon="globe" />
{types.map(t => )}
{active} активных
{view === "list" ? : } {openTask && setOpenTask(null)} updateTask={updateTask} />}
); } function FilterSelect({ value, onChange, options, icon }) { return (
); } function TaskList({ tasks, onOpen, updateTask }) { const siteOf = id => DATA.sites.find(s => s.id === id); return (
{tasks.map((t, i) => { const m = severityMeta[t.sev]; const done = t.status === "done"; return (
onOpen(t)}>
{ e.stopPropagation(); updateTask(t.id, { status: done ? "new" : "done" }); }} />
{t.title}
{siteOf(t.site).title} {t.type}
{t.est} {t.impact}
); })} {tasks.length === 0 &&
Нет задач под выбранные фильтры
}
); } function Kanban({ tasks, onOpen, updateTask }) { const cols = [ { id: "new", label: "Новые", color: "var(--ink-4)" }, { id: "progress", label: "В работе", color: "var(--blue)" }, { id: "done", label: "Готово", color: "var(--green)" }, ]; const siteOf = id => DATA.sites.find(s => s.id === id); const [dragId, setDragId] = React.useState(null); return (
{cols.map(col => { const items = tasks.filter(t => t.status === col.id); return (
e.preventDefault()} onDrop={() => { if (dragId) updateTask(dragId, { status: col.id }); setDragId(null); }}>
{col.label} {items.length}
{items.map(t => { const m = severityMeta[t.sev]; return (
setDragId(t.id)} onClick={() => onOpen(t)} style={{ padding: 13, cursor: "grab", borderLeft: `3px solid ${m.color}` }}>
{t.title}
{siteOf(t.site).title} {t.est}
); })} {items.length === 0 &&
Перетащите задачу сюда
}
); })}
); } function TaskDrawer({ task, onClose, updateTask }) { const m = severityMeta[task.sev]; const site = DATA.sites.find(s => s.id === task.site); const [timer, setTimer] = React.useState(false); const [secs, setSecs] = React.useState(0); React.useEffect(() => { if (!timer) return; const iv = setInterval(() => setSecs(s => s + 1), 1000); return () => clearInterval(iv); }, [timer]); const fmt = s => `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(s % 60).padStart(2, "0")}`; function toggleStep(i) { const cl = task.checklist.map((c, idx) => idx === i ? { ...c, done: !c.done } : c); updateTask(task.id, { checklist: cl }); } const doneSteps = task.checklist.filter(c => c.done).length; const pct = Math.round((doneSteps / task.checklist.length) * 100); return ( <>
); } window.Tasks = Tasks; window.FilterSelect = FilterSelect;