feat: Ajout de la configuration des tarifs de l'école [#18]

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

@@ -28,6 +28,7 @@ import {
   fetchRegisterFormFileTemplate,
   deleteRegisterFormFileTemplate,
   createRegistrationFormFileTemplate,
+  editRegistrationFormFileTemplate,
   fetchStudents,
   editRegisterForm } from "@/app/lib/subscriptionAction"
 
@@ -40,6 +41,7 @@ import {
 
 import DjangoCSRFToken from '@/components/DjangoCSRFToken'
 import useCsrfToken from '@/hooks/useCsrfToken';
+import { formatDate } from '@/utils/Date';
 
 const useFakeData = process.env.NEXT_PUBLIC_USE_FAKE_DATA === 'true';
 
@@ -69,6 +71,9 @@ export default function Page({ params: { locale } }) {
   const [classes, setClasses] = useState([]);
   const [students, setEleves] = useState([]);
   const [reloadFetch, setReloadFetch] = useState(false);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isEditing, setIsEditing] = useState(false);
+  const [fileToEdit, setFileToEdit] = useState(null);
 
   const csrfToken = useCsrfToken();
 
@@ -185,7 +190,11 @@ const registerFormArchivedDataHandler = (data) => {
         .then(registerFormArchivedDataHandler)
         .catch(requestErrorHandler)
         fetchRegisterFormFileTemplate()
-        .then((data)=> {setFichiers(data)})
+        .then((data)=> {
+          console.log(data);
+
+          setFichiers(data)
+          })
         .catch((err)=>{ err = err.message; console.log(err);});
       } else {
         setTimeout(() => {
@@ -548,9 +557,17 @@ const handleFileDelete = (fileId) => {
     });
 };
 
+const handleFileEdit = (file) => {
+  setIsEditing(true);
+  setFileToEdit(file);
+  setIsModalOpen(true);
+};
+
 const columnsFiles = [
   { name: 'Nom du fichier', transform: (row) => row.name },
-  { name: 'Date de création', transform: (row) => row.last_update },
+  { name: 'Date de création', transform: (row) =>  formatDate(new Date (row.date_added),"DD/MM/YYYY hh:mm:ss") },
+  { name: 'Fichier Obligatoire', transform: (row) => row.is_required ? 'Oui' : 'Non' },
+  { name: 'Ordre de fusion', transform: (row) => row.order },
   { name: 'Actions', transform: (row) => (
     <div className="flex items-center justify-center gap-2">
       {
@@ -559,6 +576,9 @@ const columnsFiles = [
         <Download size={16} />
       </a>)
       }
+      <button onClick={() => handleFileEdit(row)} className="text-blue-500 hover:text-blue-700">
+        <Edit size={16} />
+      </button>
       <button onClick={() => handleFileDelete(row.id)} className="text-red-500 hover:text-red-700">
         <Trash2 size={16} />
       </button>
@@ -566,27 +586,43 @@ const columnsFiles = [
   ) },
 ];
 
-const handleFileUpload = (file, fileName) => {
-  if ( !fileName) {
+const handleFileUpload = ({file, name, is_required, order}) => {
+  if (!name) {
     alert('Veuillez entrer un nom de fichier.');
     return;
   }
 
-
   const formData = new FormData();
   if(file){
     formData.append('file', file);
   }
-  formData.append('name', fileName);
-    createRegistrationFormFileTemplate(formData,csrfToken)
-    .then(data => {
-      console.log('Success:', data);
-      setFichiers([...fichiers, data]);
-      closeUploadModal();
-    })
-    .catch(error => {
-      console.error('Error uploading file:', error);
-    });
+  formData.append('name', name);
+  formData.append('is_required', is_required);
+  formData.append('order', order);
+
+  if (isEditing && fileToEdit) {
+    editRegistrationFormFileTemplate(fileToEdit.id, formData, csrfToken)
+      .then(data => {
+        setFichiers(prevFichiers =>
+          prevFichiers.map(f => f.id === fileToEdit.id ? data : f)
+        );
+        setIsModalOpen(false);
+        setFileToEdit(null);
+        setIsEditing(false);
+      })
+      .catch(error => {
+        console.error('Error editing file:', error);
+      });
+  } else {
+    createRegistrationFormFileTemplate(formData, csrfToken)
+      .then(data => {
+        setFichiers([...fichiers, data]);
+        setIsModalOpen(false);
+      })
+      .catch(error => {
+        console.error('Error uploading file:', error);
+      });
+  }
 };
 
   if (isLoading) {
@@ -699,7 +735,23 @@ const handleFileUpload = (file, fileName) => {
            {/*SI STATE == subscribeFiles */}
             {activeTab === 'subscribeFiles' && (
               <div>
-                <FileUpload onFileUpload={handleFileUpload} className="mb-4" />
+                <button
+                onClick={() => { setIsModalOpen(true); setIsEditing(false); }}
+                className="flex items-center bg-emerald-600 text-white p-2 rounded-full shadow hover:bg-emerald-900 transition duration-200 ml-4"
+              >
+                <Plus className="w-5 h-5" />
+              </button>
+                <Modal
+                  isOpen={isModalOpen}
+                  setIsOpen={setIsModalOpen}
+                  title={isEditing ? 'Modifier un fichier' : 'Ajouter un fichier'}
+                  ContentComponent={() => (
+                    <FileUpload
+                      onFileUpload={handleFileUpload}
+                      fileToEdit={fileToEdit}
+                    />
+                  )}
+                />
                 <div className="mt-8">
                   <Table
                     data={fichiers}