- {{ data.content | replace('\\n', '
') | safe }}
-
-
- {% if data.gfk_principles_applied %}
-
+
+ )
+}
diff --git a/klausur-service/frontend/src/components/KorrekturModals.tsx b/klausur-service/frontend/src/components/KorrekturModals.tsx
new file mode 100644
index 0000000..3c1d03f
--- /dev/null
+++ b/klausur-service/frontend/src/components/KorrekturModals.tsx
@@ -0,0 +1,197 @@
+/**
+ * KorrekturModals — upload modal and EH prompt modal.
+ *
+ * Extracted from KorrekturPage.tsx.
+ */
+
+import { useRef, useState } from 'react'
+
+// ---------------------------------------------------------------------------
+// Upload Modal
+// ---------------------------------------------------------------------------
+
+interface UploadModalProps {
+ open: boolean
+ onClose: () => void
+ studentName: string
+ onStudentNameChange: (name: string) => void
+ classStudents: Array<{ id: string; name: string }>
+ onUpload: () => void
+ uploading: boolean
+ selectedFile: File | null
+ onFileSelect: (e: React.ChangeEvent
+
+
+
+
+
+ {currentStudent ? currentStudent.student_name : 'Dokument-Ansicht'}
+
+
+ {currentStudent && (
+ <>
+
+
+
+ )}
+
+
+ {!currentStudent ? (
+
+
+
+ ) : currentStudent.file_path ? (
+ {'\uD83D\uDCC4'}
+ Keine Arbeit ausgewaehlt
+
+ Waehlen Sie eine Schuelerarbeit aus der Liste oder laden Sie eine neue hoch
+
+
+
+ ) : (
+
+ {'\uD83D\uDCC4'} {currentStudent.student_name}
+ {'\u2713'} Hochgeladen
+
+
+ {currentStudent.file_path.endsWith('.pdf') ? (
+
+ ) : (
+ 
+ )}
+
+
+
+ )}
+ {'\uD83D\uDCC4'}
+ Keine Datei vorhanden
+
+ Laden Sie eine Schuelerarbeit hoch, um mit der Korrektur zu beginnen.
+
+
+
+ )
+}
+
+// ---------------------------------------------------------------------------
+// EH Prompt Modal
+// ---------------------------------------------------------------------------
+
+interface EHPromptModalProps {
+ open: boolean
+ onUpload: () => void
+ onDismiss: () => void
+}
+
+export function EHPromptModal({ open, onUpload, onDismiss }: EHPromptModalProps) {
+ if (!open) return null
+
+ return (
+ e.stopPropagation()}>
+
+
+
+ Schuelerarbeit hochladen
+
+
+
+
+
+
+ {classStudents.length > 0 && (
+
+
+
+
+
+ )}
+
+ {useStudentDropdown && classStudents.length > 0 ? (
+
+ ) : (
+ onStudentNameChange(e.target.value)}
+ />
+ )}
+
+ {classStudents.length === 0 && (
+ + Keine Klassenliste verfuegbar. Bitte Namen manuell eingeben. +
+ )} +
+
+
+ fileInputRef.current?.click()}
+ >
+
+ {selectedFile ? (
+ <>
+
+ {'\uD83D\uDCC4'}
+ {selectedFile.name}
+
+ ) : (
+ <>
+ {'\uD83D\uDCC1'}
+
+ Klicken Sie hier oder ziehen Sie eine Datei hinein
+
+
+ )}
+
+
+
+
+
+
+ )
+}
diff --git a/klausur-service/frontend/src/components/KorrekturSidebar.tsx b/klausur-service/frontend/src/components/KorrekturSidebar.tsx
new file mode 100644
index 0000000..4afde61
--- /dev/null
+++ b/klausur-service/frontend/src/components/KorrekturSidebar.tsx
@@ -0,0 +1,101 @@
+/**
+ * KorrekturSidebar — collapsible left sidebar with klausur info and student list.
+ *
+ * Extracted from KorrekturPage.tsx.
+ */
+
+import { StudentKlausur } from '../services/api'
+
+interface KorrekturSidebarProps {
+ collapsed: boolean
+ onToggle: () => void
+ klausurTitle: string
+ klausurModus: string
+ students: StudentKlausur[]
+ currentStudentId?: string
+ onSelectStudent: (id: string) => void
+ onDeleteStudent: (id: string, e: React.MouseEvent) => void
+ onUploadClick: () => void
+}
+
+export default function KorrekturSidebar({
+ collapsed,
+ onToggle,
+ klausurTitle,
+ klausurModus,
+ students,
+ currentStudentId,
+ onSelectStudent,
+ onDeleteStudent,
+ onUploadClick,
+}: KorrekturSidebarProps) {
+ return (
+ e.stopPropagation()} style={{ maxWidth: 500 }}>
+
+
+
+ {'\uD83D\uDCCB'} Erwartungshorizont hochladen?
+
+
+
+ + Sie haben die erste Schuelerarbeit hochgeladen. Moechten Sie jetzt einen + Erwartungshorizont hinzufuegen? +
+ +
+
+
+ {'\u2713'} Vorteile:
+ -
+
- KI-gestuetzte Korrekturvorschlaege basierend auf Ihrem EH +
- Bessere und konsistentere Bewertungen +
- Automatisch fuer alle Korrektoren verfuegbar +
- Ende-zu-Ende verschluesselt - nur Sie haben den Schluessel +
+ Sie koennen den Erwartungshorizont auch spaeter hochladen. +
+
+
+
+
+
+
+
+ {!collapsed && (
+ <>
+
+ )
+}
diff --git a/klausur-service/frontend/src/components/KorrekturWizardSteps.tsx b/klausur-service/frontend/src/components/KorrekturWizardSteps.tsx
new file mode 100644
index 0000000..359aa8c
--- /dev/null
+++ b/klausur-service/frontend/src/components/KorrekturWizardSteps.tsx
@@ -0,0 +1,285 @@
+/**
+ * KorrekturWizardSteps — right panel wizard content for korrektur, bewertung, gutachten.
+ *
+ * Extracted from KorrekturPage.tsx.
+ */
+
+import { StudentKlausur } from '../services/api'
+import { CRITERIA, GRADE_LABELS, WizardStep } from '../pages/KorrekturConstants'
+
+interface WizardStepIndicatorProps {
+ current: WizardStep
+}
+
+function WizardStepIndicator({ current }: WizardStepIndicatorProps) {
+ const steps: { key: WizardStep; label: string; number: string }[] = [
+ { key: 'korrektur', label: 'Korrektur', number: '1' },
+ { key: 'bewertung', label: 'Bewertung', number: '2' },
+ { key: 'gutachten', label: 'Gutachten', number: '3' },
+ ]
+
+ const currentIdx = steps.findIndex(s => s.key === current)
+
+ return (
+
+
+
+ Klausur
+
+
+ {'\uD83D\uDCCB'}
+
+
+ {klausurTitle}
+
+ {klausurModus === 'landes_abitur' ? 'Abitur' : 'Vorabitur'} {'\u2022'} {students.length} Schueler
+
+
+
+
+ )}
+ Schuelerarbeiten
+
+ {students.length === 0 ? (
+
+ Noch keine Arbeiten hochgeladen
+
+ ) : (
+ students.map((student) => (
+ onSelectStudent(student.id)}
+ >
+
+ ))
+ )}
+
+
+ {'\uD83D\uDCC4'}
+
+
+
+ {student.student_name}
+
+ {student.status === 'completed' ? `${student.grade_points} Punkte` : student.status}
+
+
+ {steps.map((step, idx) => {
+ const isCompleted = idx < currentIdx
+ const isActive = idx === currentIdx
+ return (
+
+ )
+}
+
+interface KorrekturStepProps {
+ korrekturNotes: string
+ onNotesChange: (notes: string) => void
+ onComplete: () => void
+}
+
+export function KorrekturStep({ korrekturNotes, onNotesChange, onComplete }: KorrekturStepProps) {
+ return (
+ <>
+
+ {isCompleted ? '\u2713' : step.number}
+ {step.label}
+
+ )
+ })}
+
+
{'\u270F\uFE0F'} Korrektur durchfuehren
+ + Lesen Sie die Arbeit sorgfaeltig und machen Sie Anmerkungen direkt im Dokument. + Notieren Sie hier Ihre wichtigsten Beobachtungen. +
+ +
+
+