feat: Ajout d'un système de notation par classe et par matière et par élève [N3WTS-6]

Front-End/src/app/[locale]/admin/grades/[studentId]/page.js

@@ -5,6 +5,7 @@ import SelectChoice from '@/components/Form/SelectChoice';
 import Attendance from '@/components/Grades/Attendance';
 import GradesStatsCircle from '@/components/Grades/GradesStatsCircle';
 import GradesDomainBarChart from '@/components/Grades/GradesDomainBarChart';
+import { EvaluationStudentView } from '@/components/Evaluation';
 import Button from '@/components/Form/Button';
 import logger from '@/utils/logger';
 import { FE_ADMIN_GRADES_STUDENT_COMPETENCIES_URL, BASE_URL } from '@/utils/Url';
@@ -15,9 +16,14 @@ import {
   editAbsences,
   deleteAbsences,
 } from '@/app/actions/subscriptionAction';
+import {
+  fetchEvaluations,
+  fetchStudentEvaluations,
+  updateStudentEvaluation,
+} from '@/app/actions/schoolAction';
 import { useEstablishment } from '@/context/EstablishmentContext';
 import { useClasses } from '@/context/ClassesContext';
-import { Award, ArrowLeft } from 'lucide-react';
+import { Award, ArrowLeft, BookOpen } from 'lucide-react';
 import dayjs from 'dayjs';
 import { useCsrfToken } from '@/context/CsrfContext';
 
@@ -46,6 +52,10 @@ export default function StudentGradesPage() {
   const [selectedPeriod, setSelectedPeriod] = useState(null);
   const [allAbsences, setAllAbsences] = useState([]);
 
+  // Evaluation states
+  const [evaluations, setEvaluations] = useState([]);
+  const [studentEvaluationsData, setStudentEvaluationsData] = useState([]);
+
   const getPeriods = () => {
     if (selectedEstablishmentEvaluationFrequency === 1) {
       return [
@@ -135,6 +145,26 @@ export default function StudentGradesPage() {
     }
   }, [selectedEstablishmentId]);
 
+  // Load evaluations for the student
+  useEffect(() => {
+    if (student?.associated_class_id && selectedPeriod && selectedEstablishmentId) {
+      const periodString = getPeriodString(
+        selectedPeriod,
+        selectedEstablishmentEvaluationFrequency
+      );
+      
+      // Load evaluations for the class
+      fetchEvaluations(selectedEstablishmentId, student.associated_class_id, periodString)
+        .then((data) => setEvaluations(data))
+        .catch((error) => logger.error('Erreur lors du fetch des évaluations:', error));
+      
+      // Load student's evaluation scores
+      fetchStudentEvaluations(studentId, null, periodString, null)
+        .then((data) => setStudentEvaluationsData(data))
+        .catch((error) => logger.error('Erreur lors du fetch des notes:', error));
+    }
+  }, [student, selectedPeriod, selectedEstablishmentId]);
+
   const absences = React.useMemo(() => {
     return allAbsences
       .filter((a) => a.student === studentId)
@@ -176,6 +206,18 @@ export default function StudentGradesPage() {
       );
   };
 
+  const handleUpdateGrade = async (studentEvalId, data) => {
+    try {
+      await updateStudentEvaluation(studentEvalId, data, csrfToken);
+      // Reload student evaluations
+      const periodString = getPeriodString(selectedPeriod, selectedEstablishmentEvaluationFrequency);
+      const updatedData = await fetchStudentEvaluations(studentId, null, periodString, null);
+      setStudentEvaluationsData(updatedData);
+    } catch (error) {
+      logger.error('Erreur lors de la modification de la note:', error);
+    }
+  };
+
   return (
     <div className="p-4 md:p-8 space-y-6">
       {/* Header */}
@@ -280,6 +322,22 @@ export default function StudentGradesPage() {
         <div>
           <GradesDomainBarChart studentCompetencies={studentCompetencies} />
         </div>
+
+        {/* Évaluations par matière */}
+        <div className="bg-stone-50 rounded-lg shadow-sm border border-gray-200 p-4 md:p-6">
+          <div className="flex items-center gap-2 mb-4">
+            <BookOpen className="w-6 h-6 text-emerald-600" />
+            <h2 className="text-xl font-semibold text-gray-800">
+              Évaluations par matière
+            </h2>
+          </div>
+          <EvaluationStudentView
+            evaluations={evaluations}
+            studentEvaluations={studentEvaluationsData}
+            editable={true}
+            onUpdateGrade={handleUpdateGrade}
+          />
+        </div>
       </div>
     </div>
   );