/* global React */ function ScheduleScreen({ tweaks, onReload, onRefresh }) { const { SCHEDULE, GROUPS, TEACHERS, TEACHER_FULL, ROOMS, DAY_NAMES, DAY_SHORT, UNSCHEDULED, CONFLICTS, TYPE_KEYS, isPending } = window.SCHED_DATA; const [committing, setCommitting] = useState(false); const [dropTarget, setDropTarget] = useState(null); const [startingEdit, setStartingEdit] = useState(false); const [editingLesson, setEditingLesson] = useState(null); const [editingUnscheduled, setEditingUnscheduled] = useState(null); async function startEditMode() { if (isPending) { setShowPanel(true); if (onRefresh) onRefresh(); return; } setStartingEdit(true); try { await window.API.post("/api/schedule/start-edit", {}); await window.API.reloadAfterStartEdit(); if (onRefresh) onRefresh(); } catch (e) { alert("Ошибка: " + e.message); setStartingEdit(false); return; } setStartingEdit(false); setShowPanel(true); } function cancelEdit() { window.SCHED_DATA = Object.assign({}, window.SCHED_DATA, { isPending: false }); if (onRefresh) onRefresh(); } async function handleDropData(dragData, day, shift, lessonNumber) { setDropTarget(null); try { if (dragData.type === "slot") { if (dragData.day === day && dragData.shift === shift && dragData.lessonNumber === lessonNumber) return; const result = await window.API.post("/api/schedule/pending/move-slot", { lesson_id: dragData.lessonId, from_day: dragData.day, from_shift: dragData.shift, from_lesson: dragData.lessonNumber, to_day: day, to_shift: shift, to_lesson: lessonNumber, }); window.API.applyMoveResponse(dragData.lessonId, dragData.day, dragData.shift, dragData.lessonNumber, day, shift, lessonNumber, result); if (onRefresh) onRefresh(); } else if (dragData.type === "unscheduled") { const slots = await window.API.get( `/api/schedule/pending/find-slots?lesson_id=${dragData.lessonId}&day_of_week=-1&shift=-1&lesson_number=-1` ); const match = slots.find(s => s.day_of_week === day && s.shift === shift && s.lesson_number === lessonNumber); if (!match) { alert("Нет свободной аудитории в этом слоте"); return; } const result = await window.API.post("/api/schedule/pending/add-slot", { lesson_id: dragData.lessonId, day_of_week: day, shift: shift, lesson_number: lessonNumber, room_id: match.room_id, }); await window.API.reloadScheduleAfterAdd(result); if (onRefresh) onRefresh(); } } catch (e) { alert("Ошибка: " + e.message); } } async function handleCommit() { setCommitting(true); try { await window.API.post("/api/schedule/commit", {}); if (onReload) await onReload(); } catch (e) { alert("Ошибка сохранения: " + e.message); } finally { setCommitting(false); } } const [viewMode, setViewMode] = useState("groups"); const [layoutMode, setLayoutMode] = useState("single"); const [entity, setEntity] = useState(() => GROUPS[0] || ""); const [search, setSearch] = useState(""); const [courseFilter, setCourseFilter] = useState("all"); const [langFilter, setLangFilter] = useState("all"); const [panelTab, setPanelTab] = useState("unscheduled"); const [showPanel, setShowPanel] = useState(isPending); const entityList = useMemo(() => { if (viewMode === "groups") return GROUPS; if (viewMode === "teachers") return TEACHERS; return ROOMS.map(r => r.id); }, [viewMode, GROUPS, TEACHERS, ROOMS]); const groupLangMap = useMemo(() => { const m = {}; SCHEDULE.forEach(s => { if (s.primary && s.language) m[s.primary] = s.language; }); return m; }, [SCHEDULE]); const availableLangs = useMemo(() => { const s = new Set(Object.values(groupLangMap)); return [...s].sort(); }, [groupLangMap]); const filteredEntities = useMemo(() => { const s = search.trim().toLowerCase(); let list = entityList; if (s) list = list.filter(e => e.toLowerCase().includes(s)); if (viewMode === "groups" && courseFilter !== "all") { list = list.filter(e => e.includes(`-${courseFilter}`)); } if (viewMode === "groups" && langFilter !== "all") { list = list.filter(e => groupLangMap[e] === langFilter); } return list; }, [entityList, search, viewMode, courseFilter, langFilter, groupLangMap]); const rows = useMemo(() => { if (viewMode === "groups") return SCHEDULE.filter(s => s.primary === entity || s.groups.includes(entity)); if (viewMode === "teachers") return SCHEDULE.filter(s => s.teacher === entity); return SCHEDULE.filter(s => s.room === entity); }, [viewMode, entity, SCHEDULE]); // Build grid const days = [0, 1, 2, 3, 4, 5]; const slotMap = new Map(); for (const r of rows) { const k = `${r.day}|${r.shift}|${r.lessonNumber}`; if (!slotMap.has(k)) slotMap.set(k, []); slotMap.get(k).push(r); } const conflictKeys = useMemo(() => { const s = new Set(); for (const c of CONFLICTS) { s.add(`${c.slotA[0]}|${c.slotA[1]}|${c.slotA[2]}`); s.add(`${c.slotB[0]}|${c.slotB[1]}|${c.slotB[2]}`); } return s; }, [CONFLICTS]); const conflictLessonSet = useMemo(() => { const s = new Set(); for (const c of CONFLICTS) { if (c.lessonAId != null) s.add(`${c.lessonAId}|${c.slotA[0]}|${c.slotA[1]}|${c.slotA[2]}`); if (c.lessonBId != null) s.add(`${c.lessonBId}|${c.slotB[0]}|${c.slotB[1]}|${c.slotB[2]}`); } return s; }, [CONFLICTS]); // Use unified lesson slots 1..5 per shift. Build rows: (shift, lesson). const slotRows = [ { shift: 1, ln: 1, time: "09:00" }, { shift: 1, ln: 2, time: "10:00" }, { shift: 1, ln: 3, time: "11:00" }, { shift: 1, ln: 4, time: "12:00" }, { shift: 1, ln: 5, time: "13:00" }, { shift: 2, ln: 1, time: "14:00" }, { shift: 2, ln: 2, time: "15:00" }, { shift: 2, ln: 3, time: "16:00" }, { shift: 2, ln: 4, time: "17:00" }, { shift: 2, ln: 5, time: "18:00" }, ]; return (
{/* Left rail: entity list */} {/* Main grid area */}
{/* Toolbar */}
{layoutMode === "matrix" ? (viewMode === "groups" ? "ВСЕ ГРУППЫ" : viewMode === "teachers" ? "ВСЕ ПРЕПОДАВАТЕЛИ" : "ВСЕ АУДИТОРИИ") : (viewMode === "groups" ? "ГРУППА" : viewMode === "teachers" ? "ПРЕПОДАВАТЕЛЬ" : "АУДИТОРИЯ")}
{layoutMode === "matrix" ? `Сводная — ${filteredEntities.length}` : entity}
{[ { v: "single", icon: "list", label: "Один" }, { v: "matrix", icon: "grid", label: "Все" }, ].map(o => ( ))}
{(() => { const base = isPending ? "/api/export/pending" : "/api/export"; const exportPath = viewMode === "teachers" ? `${base}/teachers` : viewMode === "rooms" ? `${base}/template` : `${base}/groups`; const exportLabel = viewMode === "teachers" ? "Преподаватели" : viewMode === "rooms" ? "Шаблон" : "Группы"; const entitiesQS = filteredEntities.map(e => `entities=${encodeURIComponent(e)}`).join("&"); const exportHref = `${window.API_BASE}${exportPath}?token=${window.API_TOKEN}&${entitiesQS}`; return isPending ? ( <> ЧЕРНОВИК {exportLabel} ) : ( <> {exportLabel} ); })()}
{/* Grid */}
{layoutMode === "single" ? ( setDropTarget(key)} onDragLeave={() => setDropTarget(null)} onDrop={handleDropData} onOpenLesson={isPending ? (lesson) => setEditingLesson(lesson) : null} conflictLessonSet={conflictLessonSet} /> ) : ( setEditingLesson(lesson) : null} conflictLessonSet={isPending ? conflictLessonSet : null} /> )}
{/* Legend */}
ЛЕГЕНДА {isPending && ( <> конфликт пусто — перетащить )}
{editingLesson && ( c.lessonAId === editingLesson.lessonDbId || c.lessonBId === editingLesson.lessonDbId)} onClose={() => setEditingLesson(null)} onMoved={(result, lessonId, fromDay, fromShift, fromLesson, toDay, toShift, toLesson) => { setEditingLesson(null); window.API.applyMoveResponse(lessonId, fromDay, fromShift, fromLesson, toDay, toShift, toLesson, result); if (onRefresh) onRefresh(); }} onDeleted={(result, lessonId, day, shift, lessonNumber) => { setEditingLesson(null); window.API.applyDeleteResponse(lessonId, day, shift, lessonNumber, result); if (onRefresh) onRefresh(); }} /> )} {editingUnscheduled && ( setEditingUnscheduled(null)} onPlaced={async (result) => { setEditingUnscheduled(null); await window.API.reloadScheduleAfterAdd(result); if (onRefresh) onRefresh(); }} /> )} {/* Right panel: unscheduled + conflicts */} {isPending && showPanel && ( )}
); } function ScheduleGrid({ days, slotRows, slotMap, conflictKeys, editMode, tweaks, canDrag, dropTarget, onDragEnter, onDragLeave, onDrop, onOpenLesson, conflictLessonSet }) { const { DAY_NAMES, DAY_SHORT } = window.SCHED_DATA; // days-cols layout: days as columns, time slots as rows return (
{/* Header row */}
{days.map(d => (
{DAY_SHORT[d].toUpperCase()}
{DAY_NAMES[d]}
{String(20 + d).padStart(2, "0")}.04
))} {/* Slot rows */} {slotRows.map((sr, sIdx) => { const isShiftBreak = sIdx > 0 && slotRows[sIdx - 1].shift !== sr.shift; return (
{sr.time}
{sr.shift === 1 ? "I" : "II"}·{sr.ln}
{days.map(d => { const k = `${d}|${sr.shift}|${sr.ln}`; const lessons = slotMap.get(k) || []; const hasConflict = lessons.some(l => conflictLessonSet && conflictLessonSet.has(`${l.lessonDbId}|${l.day}|${l.shift}|${l.lessonNumber}`) ); return ( onDragEnter(k)} onDragLeave={onDragLeave} onDrop={(dragData) => onDrop(dragData, d, sr.shift, sr.ln)} onOpenLesson={onOpenLesson} conflictLessonSet={conflictLessonSet} /> ); })} ); })}
); } function SlotCell({ lessons, hasConflict, isShiftBreak, isLast, editMode, tweaks, canDrag, isDropTarget, onDragEnter, onDragLeave, onDrop, onOpenLesson, conflictLessonSet }) { const empty = lessons.length === 0; return (
{ e.preventDefault(); e.dataTransfer.dropEffect = "move"; } : undefined} onDragEnter={canDrag ? (e) => { e.preventDefault(); onDragEnter(); } : undefined} onDragLeave={canDrag ? (e) => { if (!e.currentTarget.contains(e.relatedTarget)) onDragLeave(); } : undefined} onDrop={canDrag ? (e) => { e.preventDefault(); try { onDrop(JSON.parse(e.dataTransfer.getData("text/plain"))); } catch {} } : undefined} > {empty && (editMode || (canDrag && isDropTarget)) && (
+
)} {lessons.map((l, i) => { const lc = conflictLessonSet ? conflictLessonSet.has(`${l.lessonDbId}|${l.day}|${l.shift}|${l.lessonNumber}`) : false; return ; })}
); } function LessonCard({ lesson, hasConflict, tweaks, canDrag, onOpen }) { const tkey = window.SCHED_DATA.TYPE_KEYS[lesson.lessonType] || "other"; const subgroups = lesson.groups.filter(g => g !== lesson.primary); const subLabel = subgroups.length > 0 ? subgroups.map(g => { const prefix = lesson.primary + "/"; return g.startsWith(prefix) ? g.slice(prefix.length) : g; }).join(", ") : null; return (
onOpen(lesson) : undefined} onDragStart={canDrag ? (e) => { e.dataTransfer.effectAllowed = "move"; e.dataTransfer.setData("text/plain", JSON.stringify({ type: "slot", lessonId: lesson.lessonDbId, day: lesson.day, shift: lesson.shift, lessonNumber: lesson.lessonNumber, })); } : undefined} style={{ background: `var(--${tkey}-bg)`, borderLeft: `3px solid var(--${tkey}-border)`, borderRadius: 4, padding: "6px 8px 7px", marginBottom: 3, cursor: canDrag ? "grab" : onOpen ? "pointer" : "default", outline: hasConflict ? "1px solid var(--danger)" : "none", }}>
{lesson.discipline}
{tweaks.showType && } {subLabel && ( пгр.{subLabel} )} {tweaks.showRoom && {lesson.room}} {tweaks.showTeacher && {lesson.teacherFull || lesson.teacher}}
); } function MatrixGrid({ viewMode, entities, slotRows, schedule, editMode, tweaks, onDrop, onOpenLesson, conflictLessonSet }) { const { DAY_NAMES, DAY_SHORT, TYPE_KEYS } = window.SCHED_DATA; const [activeDay, setActiveDay] = useState(0); const [dropTarget, setDropTarget] = useState(null); const map = useMemo(() => { const m = new Map(); for (const s of schedule) { if (s.day !== activeDay) continue; const key = viewMode === "groups" ? s.primary : viewMode === "teachers" ? s.teacher : s.room; if (!entities.includes(key)) continue; const sk = `${s.shift}|${s.lessonNumber}`; if (!m.has(key)) m.set(key, new Map()); const inner = m.get(key); if (!inner.has(sk)) inner.set(sk, []); inner.get(sk).push(s); } return m; }, [schedule, entities, viewMode, activeDay]); const colWidth = 130; return (
{[0,1,2,3,4,5].map(d => ( ))}
{entities.length} {viewMode === "groups" ? "групп" : viewMode === "teachers" ? "преподавателей" : "аудиторий"} × 10 слотов
{entities.map((e, i) => (
{e}
))} {slotRows.map((sr, sIdx) => { const isShiftBreak = sIdx > 0 && slotRows[sIdx - 1].shift !== sr.shift; return (
{sr.time}
{sr.shift === 1 ? "I" : "II"}·{sr.ln}
{entities.map((e, i) => { const lessons = (map.get(e) || new Map()).get(`${sr.shift}|${sr.ln}`) || []; const cellKey = `${activeDay}|${sr.shift}|${sr.ln}|${e}`; const isDropTarget = dropTarget === cellKey; const hasConflict = conflictLessonSet && lessons.some(l => conflictLessonSet.has(`${l.lessonDbId}|${l.day}|${l.shift}|${l.lessonNumber}`) ); return (
{ e.preventDefault(); e.dataTransfer.dropEffect = "move"; } : undefined} onDragEnter={onDrop ? (e) => { e.preventDefault(); setDropTarget(cellKey); } : undefined} onDragLeave={onDrop ? (e) => { if (!e.currentTarget.contains(e.relatedTarget)) setDropTarget(null); } : undefined} onDrop={onDrop ? (e) => { e.preventDefault(); setDropTarget(null); try { onDrop(JSON.parse(e.dataTransfer.getData("text/plain")), activeDay, sr.shift, sr.ln); } catch {} } : undefined} > {lessons.length === 0 && editMode && isDropTarget && (
+
)} {lessons.map((l, j) => { const tkey = TYPE_KEYS[l.lessonType] || "other"; const hasLessonConflict = conflictLessonSet ? conflictLessonSet.has(`${l.lessonDbId}|${l.day}|${l.shift}|${l.lessonNumber}`) : false; return (
onOpenLesson(l) : undefined} onDragStart={editMode ? (e) => { e.dataTransfer.effectAllowed = "move"; e.dataTransfer.setData("text/plain", JSON.stringify({ type: "slot", lessonId: l.lessonDbId, day: l.day, shift: l.shift, lessonNumber: l.lessonNumber, })); } : undefined} style={{ background: `var(--${tkey}-bg)`, borderLeft: `2px solid var(--${tkey}-border)`, borderRadius: 3, padding: "3px 5px", marginBottom: 2, fontSize: 10, lineHeight: 1.25, color: `var(--${tkey}-text)`, overflow: "hidden", cursor: editMode ? "grab" : onOpenLesson ? "pointer" : "default", outline: hasLessonConflict ? "1px solid var(--danger)" : "none", }}>
{l.discipline}
{l.room} · {l.teacherFull || l.teacher}
); })}
); })} ); })}
); } function LessonEditModal({ lesson, conflicts, onClose, onMoved, onDeleted }) { const { DAY_NAMES } = window.SCHED_DATA; const [loading, setLoading] = useState(false); const [slots, setSlots] = useState(null); const [selected, setSelected] = useState(null); const [moving, setMoving] = useState(false); const [deleting, setDeleting] = useState(false); async function deleteSlot() { if (!confirm("Удалить занятие из расписания?")) return; setDeleting(true); try { const result = await window.API.post("/api/schedule/pending/delete-slot", { lesson_id: lesson.lessonDbId, day_of_week: lesson.day, shift: lesson.shift, lesson_number: lesson.lessonNumber, }); onDeleted(result, lesson.lessonDbId, lesson.day, lesson.shift, lesson.lessonNumber); } catch (e) { alert("Ошибка: " + e.message); setDeleting(false); } } async function findSlots() { setLoading(true); setSlots(null); setSelected(null); try { const res = await window.API.get( `/api/schedule/pending/find-slots?lesson_id=${lesson.lessonDbId}&day_of_week=${lesson.day}&shift=${lesson.shift}&lesson_number=${lesson.lessonNumber}` ); setSlots(res); } catch { setSlots([]); } finally { setLoading(false); } } async function moveToSlot() { if (!selected) return; setMoving(true); try { const result = await window.API.post("/api/schedule/pending/move-slot", { lesson_id: lesson.lessonDbId, from_day: lesson.day, from_shift: lesson.shift, from_lesson: lesson.lessonNumber, to_day: selected.day_of_week, to_shift: selected.shift, to_lesson: selected.lesson_number, room_id: selected.room_id, }); onMoved(result, lesson.lessonDbId, lesson.day, lesson.shift, lesson.lessonNumber, selected.day_of_week, selected.shift, selected.lesson_number); } catch (e) { alert("Ошибка: " + e.message); setMoving(false); } } return (
{ if (e.target === e.currentTarget) onClose(); }} style={{ position: "fixed", inset: 0, background: "rgba(0,0,0,0.45)", zIndex: 200, display: "grid", placeItems: "center", padding: 24 }} >
{DAY_NAMES[lesson.day]} · {lesson.shift === 1 ? "I смена" : "II смена"} · пара {lesson.lessonNumber} · ауд. {lesson.room}
{lesson.discipline}
{lesson.teacherFull} · {lesson.groups.join(", ")}
Найти свободный слот
{conflicts && conflicts.length > 0 && (
КОНФЛИКТЫ
{conflicts.map((c, i) => (
· {c.description}
))}
)} {slots === null && (
Нажмите «Найти» чтобы показать доступные слоты
)} {slots !== null && slots.length === 0 && (
Свободных слотов не найдено
)} {slots !== null && slots.length > 0 && (
{slots.map((s, i) => { const isSel = selected && selected.day_of_week === s.day_of_week && selected.shift === s.shift && selected.lesson_number === s.lesson_number; return ( ); })}
)}
{selected && ( )}
); } function UnscheduledModal({ lesson, onClose, onPlaced }) { const { DAY_NAMES } = window.SCHED_DATA; const [loading, setLoading] = useState(false); const [slots, setSlots] = useState(null); const [selected, setSelected] = useState(null); const [placing, setPlacing] = useState(false); async function findSlots() { setLoading(true); setSlots(null); setSelected(null); try { const res = await window.API.get( `/api/schedule/pending/find-slots?lesson_id=${lesson.dbId}&day_of_week=-1&shift=-1&lesson_number=-1` ); setSlots(res); } catch { setSlots([]); } finally { setLoading(false); } } async function placeInSlot() { if (!selected) return; setPlacing(true); try { const result = await window.API.post("/api/schedule/pending/add-slot", { lesson_id: lesson.dbId, day_of_week: selected.day_of_week, shift: selected.shift, lesson_number: selected.lesson_number, room_id: selected.room_id, }); onPlaced(result); } catch (e) { alert("Ошибка: " + e.message); setPlacing(false); } } return (
{ if (e.target === e.currentTarget) onClose(); }} style={{ position: "fixed", inset: 0, background: "rgba(0,0,0,0.45)", zIndex: 200, display: "grid", placeItems: "center", padding: 24 }}>
НЕ РАЗМЕЩЕНО · {lesson.remainingSlots} слот{lesson.remainingSlots > 1 ? "а" : ""}
{lesson.discipline}
{lesson.lessonType} · {lesson.groups.join(", ")}
Найти свободный слот
{slots === null &&
Нажмите «Найти» чтобы показать доступные слоты
} {slots !== null && slots.length === 0 &&
Свободных слотов не найдено
} {slots !== null && slots.length > 0 && (
{slots.map((s, i) => { const isSel = selected && selected.day_of_week === s.day_of_week && selected.shift === s.shift && selected.lesson_number === s.lesson_number; return ( ); })}
)}
{selected && }
); } window.ScheduleScreen = ScheduleScreen;