feat: Upload du SEPA par les parents / Création d'un composant header

pour les titres de tableau

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

@@ -22,7 +22,7 @@ import {
   fetchTuitionPaymentPlans, 
   fetchRegistrationPaymentModes, 
   fetchTuitionPaymentModes } from '@/app/actions/schoolAction';
-import { fetchProfileRoles, fetchProfiles } from '@/app/actions/authAction';
+import { fetchProfiles } from '@/app/actions/authAction';
 import SidebarTabs from '@/components/SidebarTabs';
 import FilesGroupsManagement from '@/components/Structure/Files/FilesGroupsManagement';
 import { fetchRegistrationSchoolFileMasters } from "@/app/actions/registerFileGroupAction";
@@ -258,7 +258,7 @@ export default function Page() {
   const tabs = [
     {
       id: 'Configuration',
-      label: "Configuration de l'école",
+      label: "Classes",
       content: (
         <StructureManagement
           specialities={specialities}
@@ -276,7 +276,7 @@ export default function Page() {
     },
     {
       id: 'Schedule',
-      label: "Gestion de l'emploi du temps",
+      label: "Emploi du temps",
       content: (
         <ClassesProvider>
           <ScheduleManagement
@@ -288,7 +288,7 @@ export default function Page() {
     },
     {
       id: 'Fees',
-      label: 'Tarifications',
+      label: 'Tarifs',
       content: (
         <FeesManagement
           registrationDiscounts={registrationDiscounts}
@@ -315,13 +315,13 @@ export default function Page() {
     },
     {
       id: 'Files',
-      label: 'Documents d\'inscription',
+      label: 'Documents',
       content: <FilesGroupsManagement csrfToken={csrfToken} selectedEstablishmentId={selectedEstablishmentId} />
     }
   ];
 
   return (
-    <div className='p-8'>
+    <div className='p-4'>
       <DjangoCSRFToken csrfToken={csrfToken} />
 
       <div className="w-full p-4">

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

@@ -9,7 +9,7 @@ import Popup from '@/components/Popup';
 import Loader from '@/components/Loader';
 import AlertWithModal from '@/components/AlertWithModal';
 import DropdownMenu from "@/components/DropdownMenu";
-import { MoreVertical, Send, Edit, Archive, FileText,  CircleCheck, Plus, XCircle } from 'lucide-react';
+import { MoreVertical, Send, Edit, Archive, FileText,  CheckCircle, Plus, XCircle } from 'lucide-react';
 import Modal from '@/components/Modal';
 import InscriptionForm from '@/components/Inscription/InscriptionForm'
 import AffectationClasseForm from '@/components/AffectationClasseForm'
@@ -606,35 +606,62 @@ useEffect(()=>{
     const actions = {
       1: [
         {
-          icon: <Edit className="w-5 h-5 text-blue-500 hover:text-blue-700" />,
+          icon: (
+            <span title="Editer le dossier">
+              <Edit className="w-5 h-5 text-blue-500 hover:text-blue-700" />
+            </span>
+          ),
           onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_EDIT_URL}?studentId=${row.student.id}&id=1`,
         },
         {
-          icon: <Send className="w-5 h-5 text-green-500 hover:text-green-700" />,
+          icon: (
+            <span title="Envoyer le dossier">
+              <Send className="w-5 h-5 text-green-500 hover:text-green-700" />
+            </span>
+          ),
           onClick: () => sendConfirmRegisterForm(row.student.id, row.student.last_name, row.student.first_name),
         },
       ],
       2: [
         {
-          icon: <Edit className="w-5 h-5 text-blue-500 hover:text-blue-700" />,
+          icon: (
+            <span title="Editer le dossier">
+              <Edit className="w-5 h-5 text-blue-500 hover:text-blue-700" />
+            </span>
+          ),
           onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_EDIT_URL}?studentId=${row.student.id}&id=1`,
         },
       ],
       3: [
         {
-          icon: <CircleCheck className="w-5 h-5 text-green-500 hover:text-green-700" />,
-          onClick: () => window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_VALIDATE_URL}?studentId=${row.student.id}&firstName=${row.student.first_name}&lastName=${row.student.last_name}&paymentMode=${row.registration_payment}&file=${row.registration_file}`,
+          icon: (
+            <span title="Valider le dossier">
+              <CheckCircle className="w-5 h-5 text-green-500 hover:text-green-700" />
+            </span>
+          ),
+          onClick: () => {
+            const paymentSepa = row.registration_payment === 1 || row.tuition_payment === 1 ? 1 : 0;
+            window.location.href = `${FE_ADMIN_SUBSCRIPTIONS_VALIDATE_URL}?studentId=${row.student.id}&firstName=${row.student.first_name}&lastName=${row.student.last_name}&paymentSepa=${paymentSepa}&file=${row.registration_file}`
+          }
         },
       ],
       5: [
         {
-          icon: <CircleCheck className="w-5 h-5 text-green-500 hover:text-green-700" />,
+          icon: (
+            <span title="Valider le dossier">
+              <CheckCircle className="w-5 h-5 text-green-500 hover:text-green-700" />
+            </span>
+          ),
           onClick: () => openModalAssociationEleve(row.student),
         },
       ],
       default: [
         {
-          icon: <Archive className="w-5 h-5 text-gray-500 hover:text-gray-700" />,
+          icon: (
+            <span title="Archiver le dossier">
+              <Archive className="w-5 h-5 text-gray-500 hover:text-gray-700" />
+            </span>
+          ),
           onClick: () => archiveFicheInscription(row.student.id, row.student.last_name, row.student.first_name),
         },
       ],
@@ -674,15 +701,35 @@ const columns = [
             </div>
           )
   },
-  { name: t('files'), transform: (row) =>
-  (row.registration_file != null) &&(
-      <ul>
-      <li className="flex justify-center items-center gap-2">
+  { name: t('files'), transform: (row) => (
+    <ul>
+      {row.registration_file && (
+        <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>
+          <a
+            href={`${BASE_URL}${row.registration_file}`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {row.registration_file?.split('/').pop()}
+          </a>
         </li>
+      )}
+      {row.sepa_file && (
+        <li className="flex justify-center items-center gap-2">
+          <FileText size={16} />
+          <a
+            href={`${BASE_URL}${row.sepa_file}`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {row.sepa_file?.split('/').pop()}
+          </a>
+        </li>
+      )}
     </ul>
-  ) },
+  )
+},
   { name: 'Actions',
     transform: (row) => (
       <div className="flex justify-center space-x-2">
@@ -728,7 +775,7 @@ const columnsSubscribed = [
       items={[
         { label: (
             <>
-              <CircleCheck size={16} className="mr-2" /> Rattacher
+              <CheckCircle size={16} className="mr-2" /> Rattacher
             </>
           ),
           onClick: () => openModalAssociationEleve(row.student)

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

@@ -15,7 +15,7 @@ export default function Page() {
   const studentId = searchParams.get('studentId');
   const firstName = searchParams.get('firstName');
   const lastName = searchParams.get('lastName');
-  const paymentMode = searchParams.get('paymentMode');
+  const paymentSepa = searchParams.get('paymentSepa') === '1';
   const file = searchParams.get('file');
 
   const csrfToken = useCsrfToken();
@@ -45,7 +45,7 @@ export default function Page() {
       studentId={studentId}
       firstName={firstName}
       lastName={lastName}
-      paymentMode={paymentMode}
+      paymentSepa={paymentSepa}
       file={file}
       onAccept={handleAcceptRF}
     />