-
+ {filtered.map((chat) => {
+ const selected = !!selectedUuid && chat.uuid === selectedUuid;
+ return (
+
+ 📄
+
+ );
+ }
+
+ return (
+
+
+ );
+}
+
+// ----------------------------------------------------------------------
+
+export function ExitLessonModal({ isOpen, lessonId, onClose, onExit }) {
+ const [step, setStep] = useState('choose_exit');
+ const [formData, setFormData] = useState({ mentor_grade: '', school_grade: '', mentor_notes: '' });
+ const [homeworkText, setHomeworkText] = useState('');
+ const [files, setFiles] = useState([]);
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState(null);
+ const [mounted, setMounted] = useState(false);
+ const [visible, setVisible] = useState(false);
+
+ useEffect(() => {
+ if (isOpen) {
+ setMounted(true);
+ const t = requestAnimationFrame(() => {
+ requestAnimationFrame(() => setVisible(true));
+ });
+ return () => cancelAnimationFrame(t);
+ }
+ setVisible(false);
+ return undefined;
+ }, [isOpen]);
+
+ const reset = () => {
+ setStep('choose_exit');
+ setFormData({ mentor_grade: '', school_grade: '', mentor_notes: '' });
+ setHomeworkText('');
+ setFiles([]);
+ setError(null);
+ };
+
+ const handleClose = () => {
+ if (!loading) {
+ reset();
+ onClose();
+ }
+ };
+
+ const handleTransitionEnd = (e) => {
+ if (e.propertyName !== 'transform') return;
+ if (!isOpen) setMounted(false);
+ };
+
+ if (!mounted) return null;
+
+ const notes = (formData.mentor_notes || '').trim();
+ const mentorGrade = formData.mentor_grade ? parseInt(formData.mentor_grade, 10) : undefined;
+ const schoolGrade = formData.school_grade ? parseInt(formData.school_grade, 10) : undefined;
+
+ const handleJustExit = () => {
+ reset();
+ onClose();
+ onExit();
+ };
+
+ const handleCompleteNoHw = async () => {
+ if (lessonId == null) return;
+ setLoading(true);
+ setError(null);
+ try {
+ const result = await completeLesson(String(lessonId), notes, mentorGrade, schoolGrade, undefined);
+ if (!result?.success) {
+ setError(result?.message || 'Не удалось завершить занятие.');
+ return;
+ }
+ reset();
+ onClose();
+ onExit();
+ } catch (e) {
+ setError(e?.message || 'Не удалось завершить занятие');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const handleCompleteHwLater = async () => {
+ if (lessonId == null) return;
+ setLoading(true);
+ setError(null);
+ try {
+ const completeResult = await completeLesson(String(lessonId), notes, mentorGrade, schoolGrade, undefined);
+ if (!completeResult?.success) {
+ setError(completeResult?.message || 'Не удалось завершить занятие.');
+ return;
+ }
+ await createHomework({ title: 'ДЗ (заполнить позже)', description: '', lesson_id: lessonId, status: 'draft', fill_later: true });
+ reset();
+ onClose();
+ onExit();
+ } catch (e) {
+ setError(e?.message || 'Не удалось завершить занятие');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const handleSaveHw = async () => {
+ if (lessonId == null) return;
+ const text = homeworkText.trim();
+ if (!text && files.length === 0) {
+ setError('Добавьте текст или прикрепите файлы');
+ return;
+ }
+ setLoading(true);
+ setError(null);
+ try {
+ const lessonFileIds = [];
+ // eslint-disable-next-line no-restricted-syntax
+ for (const file of files) {
+ // eslint-disable-next-line no-await-in-loop
+ const created = await uploadLessonFile(lessonId, file);
+ const id = typeof created.id === 'number' ? created.id : parseInt(String(created.id), 10);
+ if (!Number.isNaN(id)) lessonFileIds.push(id);
+ }
+ await createHomework({ title: 'Домашнее задание', description: text || '', lesson_id: lessonId, status: 'published' });
+ const result = await completeLesson(String(lessonId), notes, mentorGrade, schoolGrade, text || undefined, true, lessonFileIds);
+ if (!result?.success) {
+ setError(result?.message || 'Занятие не удалось завершить.');
+ return;
+ }
+ reset();
+ onClose();
+ onExit();
+ } catch (e) {
+ setError(e?.message || 'Не удалось сохранить ДЗ и завершить занятие');
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const handleFileChange = (e) => {
+ const { files: list } = e.target;
+ if (!list?.length) return;
+ const add = [];
+ for (let i = 0; i < list.length; i += 1) {
+ const f = list[i];
+ if (f.size <= MAX_FILE_SIZE_MB * 1024 * 1024) add.push(f);
+ }
+ setFiles((prev) => [...prev, ...add].slice(0, MAX_LESSON_FILES));
+ e.target.value = '';
+ };
+
+ const stepTitle = {
+ choose_exit: 'Выйти из занятия',
+ grades: 'Оценки',
+ comment: 'Комментарий',
+ choose_hw: 'Завершить занятие',
+ hw_form: 'Домашнее задание',
+ }[step] || '';
+
+ const panelStyle = {
+ position: 'fixed',
+ top: 0,
+ right: 0,
+ bottom: 0,
+ width: 420,
+ background: '#fff',
+ boxShadow: '-4px 0 24px rgba(0,0,0,0.15)',
+ overflow: 'hidden',
+ display: 'flex',
+ flexDirection: 'column',
+ zIndex: 10002,
+ transform: isOpen && visible ? 'translateX(0)' : 'translateX(100%)',
+ transition: 'transform 0.3s ease',
+ };
+
+ const btnBase = { padding: '14px 20px', borderRadius: 14, fontSize: 15, cursor: loading ? 'not-allowed' : 'pointer' };
+ const btnPrimary = { ...btnBase, border: 'none', background: '#1976d2', color: '#fff', fontWeight: 600 };
+ const btnSecondary = { ...btnBase, border: '1px solid #ddd', background: '#f5f5f5', color: '#333' };
+
+ return (
+ {previewBlock}
+
+
+
+
+
+ {name}
+ {formatSize(file.size)}
+
+
+
+
+ {stepTitle}
+ +
+ {step === 'choose_exit' && (
+
+
+ {lessonId != null && (
+
+ )}
+
+ )}
+
+ {step === 'grades' && (
+
+
+ )}
+
+ {step === 'comment' && (
+ Необязательно
+
+ {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
+
+ setFormData((d) => ({ ...d, mentor_grade: e.target.value }))}
+ style={{ width: '100%', padding: '12px 16px', borderRadius: 12, border: '1px solid #ddd', fontSize: 15 }}
+ />
+
+
+ {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
+
+ setFormData((d) => ({ ...d, school_grade: e.target.value }))}
+ style={{ width: '100%', padding: '12px 16px', borderRadius: 12, border: '1px solid #ddd', fontSize: 15 }}
+ />
+
+
+
+
+
+
+
Комментарий к занятию (необязательно)
+