feat: Gestion de la sauvegarde du fichier d'inscription / affichage du

fichier avec le bon nom / possibilité de refuser un DI

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

@@ -1,7 +1,6 @@
 'use client'
 import React, { useState, useEffect } from 'react';
 import Table from '@/components/Table';
-import {mockFicheInscription} from '@/data/mockFicheInscription';
 import Tab from '@/components/Tab';
 import { useTranslations } from 'next-intl';
 import StatusLabel  from '@/components/StatusLabel';
@@ -11,7 +10,7 @@ import Loader from '@/components/Loader';
 import AlertWithModal from '@/components/AlertWithModal';
 import DropdownMenu from "@/components/DropdownMenu";
 import { formatPhoneNumber } from '@/utils/Telephone';
-import { MoreVertical, Send, Edit, Trash2, FileText,  CheckCircle, Plus } from 'lucide-react';
+import { MoreVertical, Send, Edit, Trash2, FileText,  CheckCircle, Plus, TicketX } from 'lucide-react';
 import Modal from '@/components/Modal';
 import InscriptionForm from '@/components/Inscription/InscriptionForm'
 import AffectationClasseForm from '@/components/AffectationClasseForm'
@@ -364,8 +363,27 @@ useEffect(()=>{
       });
   }
 
+  const refuseRegistrationForm = (id, lastname, firstname, guardianEmail) => {
+    const data = { status: 2, establishment: selectedEstablishmentId };
+
+    setPopup({
+      visible: true,
+      message: `Avertissement ! \nVous êtes sur le point de refuser le dossier d'inscription de ${lastname} ${firstname}\nUne notification va être envoyée à l'adresse ${guardianEmail}\nÊtes-vous sûr(e) de vouloir poursuivre l'opération ?`,
+      onConfirm: () => {
+        editRegisterForm(id, data, csrfToken)
+          .then(data => {
+            logger.debug('Success:', data);
+            setReloadFetch(true);
+          })
+          .catch(error => {
+            logger.error('Error refusing RF:', error);
+          });
+      }
+    });
+  };
+
   const updateStatusAction = (id, newStatus) => {
-    logger.debug('Edit fiche inscription with id:', id);
+    logger.debug(`Mise à jour du statut du dossier d'inscription avec l'ID : ${id} vers le statut : ${newStatus}`);    
   };
 
   const handleSearchChange = (event) => {
@@ -447,7 +465,7 @@ useEffect(()=>{
           .then(clonedDocument => {
             // Sauvegarde des templates clonés dans la base de données
             const cloneData = {
-              name: `clone_${clonedDocument.id}`,
+              name: `${templateMaster.name}_${updatedData.guardianFirstName}_${updatedData.guardianLastName}`,
               slug: clonedDocument.slug,
               id: clonedDocument.id,
               master: templateMaster.id,
@@ -555,6 +573,80 @@ useEffect(()=>{
     });
   }
 
+  const getActionsByStatus = (row) => {
+    const actions = {
+      1: [
+        {
+          label: (
+            <>
+              <Send size={16} className="mr-2" /> Envoyer
+            </>
+          ),
+          onClick: () => sendConfirmRegisterForm(row.student.id, row.student.last_name, row.student.first_name),
+        },
+        {
+          label: (
+            <>
+              <Edit size={16} className="mr-2" /> Modifier
+            </>
+          ),
+          onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_EDIT_URL}?studentId=${row.student.id}&id=1`,
+        },
+      ],
+      2: [
+        {
+          label: (
+            <>
+              <Edit size={16} className="mr-2" /> Modifier
+            </>
+          ),
+          onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_EDIT_URL}?studentId=${row.student.id}&id=1`,
+        },
+      ],
+      3: [
+        {
+          label: (
+            <>
+              <CheckCircle size={16} className="mr-2" /> Valider
+            </>
+          ),
+          onClick: () => openModalAssociationEleve(row.student),
+        },
+        {
+          label: (
+            <>
+              <TicketX size={16} className="mr-2 text-red-700" /> Refuser
+            </>
+          ),
+          onClick: () => refuseRegistrationForm(row.student.id, row.student.last_name, row.student.first_name, row.student.guardians[0].associated_profile_email),
+        },
+      ],
+      5: [
+        {
+          label: (
+            <>
+              <CheckCircle size={16} className="mr-2" /> Rattacher
+            </>
+          ),
+          onClick: () => openModalAssociationEleve(row.student),
+        },
+      ],
+      default: [
+        {
+          label: (
+            <>
+              <Trash2 size={16} className="mr-2 text-red-700" /> Archiver
+            </>
+          ),
+          onClick: () => archiveFicheInscription(row.student.id, row.student.last_name, row.student.first_name),
+        },
+      ],
+    };
+  
+    // Combine actions for the specific status and default actions
+    return [...(actions[row.status] || []), ...(row.status !== 6 ? actions.default : [])];
+  };
+
 const columns = [
   { name: t('studentName'), transform: (row) => row.student.last_name },
   { name: t('studentFistName'), transform: (row) => row.student.first_name },
@@ -588,69 +680,21 @@ const columns = [
   { name: t('files'), transform: (row) =>
   (row.registration_file != null) &&(
       <ul>
-      <li className="flex items-center gap-2">
+      <li className="flex justify-center items-center gap-2">
           <FileText size={16} />
            <a href={ `${BASE_URL}${row.registration_file}`} target='_blank'>{row.registration_file?.split('/').pop()}</a>
         </li>
     </ul>
   ) },
-  { name: 'Actions', transform: (row) => (
-    <DropdownMenu
-      buttonContent={<MoreVertical size={20} className="text-gray-400 hover:text-gray-600" />}
-      items={[
-        ...(row.status === 1 ? [{
-          label: (
-            <>
-              <Send size={16} className="mr-2" /> Envoyer
-            </>
-          ),
-          onClick: () => sendConfirmRegisterForm(row.student.id, row.student.last_name, row.student.first_name),
-        }] : []),
-        ...(row.status === 1 ? [{
-          label: (
-            <>
-              <Edit size={16} className="mr-2" /> Modifier
-            </>
-          ),
-          onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_EDIT_URL}?studentId=${row.student.id}&id=1`,
-        }] : []),
-        ...(row.status === 2 ? [{
-          label: (
-            <>
-              <Edit size={16} className="mr-2" /> Modifier
-            </>
-          ),
-          onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_EDIT_URL}?studentId=${row.student.id}&id=1`,
-        }] : []),
-        ...(row.status === 3 ? [{
-          label: (
-            <>
-              <CheckCircle size={16} className="mr-2" /> Valider
-            </>
-          ),
-          onClick: () => openModalAssociationEleve(row.student),
-        }] : []),
-        ...(row.status === 5 ? [{
-          label: (
-            <>
-              <CheckCircle size={16} className="mr-2" /> Rattacher
-            </>
-          ),
-          onClick: () => openModalAssociationEleve(row.student),
-        }] : []),
-        ...(row.status !== 6 ? [{
-          label: (
-            <>
-              <Trash2 size={16} className="mr-2 text-red-700" /> Archiver
-            </>
-          ),
-          onClick: () => archiveFicheInscription(row.student.id, row.student.last_name, row.student.first_name),
-        }] : []),
-      ]}
-      buttonClassName="text-gray-400 hover:text-gray-600"
-      menuClassName="absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg z-10 flex flex-col items-center"
-    />
-  ) },
+  { name: 'Actions',
+    transform: (row) => (
+      <DropdownMenu
+        buttonContent={<MoreVertical size={20} className="text-gray-400 hover:text-gray-600" />}
+        items={getActionsByStatus(row)}
+        buttonClassName="text-gray-400 hover:text-gray-600"
+        menuClassName="absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg z-10 flex flex-col items-center"
+      />
+    ), },
 
 ];
 

Front-End/src/app/[locale]/parents/page.js

@@ -83,7 +83,8 @@ export default function ParentHomePage() {
 
   // Définir les colonnes du tableau
   const childrenColumns = [
-    { name: 'Nom', transform: (row) => `${row.student.last_name} ${row.student.first_name}` },
+    { name: 'Nom', transform: (row) => `${row.student.last_name}` },
+    { name: 'Prénom', transform: (row) => `${row.student.first_name}` },
     {
       name: 'Statut',
       transform: (row) => (