acasini/n3wt-school
1
0
Fork 0
mirror of https://git.v0id.ovh/n3wt-innov/n3wt-school.git synced 2026-01-29 16:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Ajout d'un composant permettant de visualiser les fichiers signés

Browse Source 
par les parents
This commit is contained in:
N3WT DE COMPET
2025-04-27 14:56:57 +02:00
parent 545349c7db
commit 7f442b9cae
2 changed files with 192 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

187
Front-End/src/components/Inscription/FilesModal.js Normal file
View File

@ -0,0 +1,187 @@
import React, { useState, useEffect } from 'react';
import Modal from '@/components/Modal';
import { FileText } from 'lucide-react';
import {
fetchSchoolFileTemplatesFromRegistrationFiles,
fetchParentFileTemplatesFromRegistrationFiles,
} from '@/app/actions/subscriptionAction';
import { BASE_URL } from '@/utils/Url';
const FilesModal = ({
isOpen,
setIsOpen,
title = 'Fichiers disponibles',
selectedRegisterForm,
}) => {
const [files, setFiles] = useState({
schoolFiles: [],
parentFiles: [],
sepaFile: null,
});
useEffect(() => {
if (!selectedRegisterForm?.student?.id) {
console.error(
'selectedRegisterForm.student.id est invalide ou manquant.'
);
return;
}
let fetchedSchoolFiles = []; // Déclaré dans un scope plus large
// Fetch school and parent files sequentially
fetchSchoolFileTemplatesFromRegistrationFiles(
selectedRegisterForm.student.id
)
.then((schoolFiles) => {
if (!Array.isArray(schoolFiles)) {
console.error(
'Les fichiers scolaires ne sont pas un tableau :',
schoolFiles
);
return;
}
fetchedSchoolFiles = schoolFiles; // Assigner les fichiers scolaires
// Fetch parent files after school files
return fetchParentFileTemplatesFromRegistrationFiles(
selectedRegisterForm.student.id
);
})
.then((parentFiles) => {
// Construct the categorized files list
const categorizedFiles = {
schoolFiles: fetchedSchoolFiles.map((file) => ({
name: file.name || 'Document scolaire',
url: file.file ? `${BASE_URL}${file.file}` : null,
})),
parentFiles: parentFiles.map((file) => ({
name: file.master_name || 'Document parent',
url: file.file ? `${BASE_URL}${file.file}` : null,
})),
sepaFile: selectedRegisterForm.sepa_file
? {
name: 'Mandat SEPA',
url: `${BASE_URL}${selectedRegisterForm.sepa_file}`,
}
: null,
};
setFiles(categorizedFiles);
})
.catch((error) => {
console.error('Erreur lors de la récupération des fichiers :', error);
});
}, [selectedRegisterForm]);
return (
<Modal
isOpen={isOpen}
setIsOpen={setIsOpen}
title={
<h2 className="text-2xl font-bold text-gray-800 border-b pb-2 mb-4">
{title}
</h2>
}
ContentComponent={() => (
<div className="space-y-6">
{/* Section Fichiers École */}
<div>
<h3 className="text-lg font-semibold text-gray-800 mb-4">
Formulaires de l'établissement
</h3>
<ul className="space-y-2">
{files.schoolFiles.length > 0 ? (
files.schoolFiles.map((file, index) => (
<li key={index} className="flex items-center gap-2">
<FileText className="w-5 h-5 text-gray-500" />
{file.url ? (
<a
href={file.url}
target="_blank"
rel="noopener noreferrer"
className="text-blue-500 hover:text-blue-700 underline"
>
{file.name}
</a>
) : (
<span className="text-gray-400">
{file.name} (Non disponible)
</span>
)}
</li>
))
) : (
<p className="text-gray-500">
Aucun fichier scolaire disponible.
</p>
)}
</ul>
</div>
<hr className="border-t border-gray-300" />
{/* Section Fichiers Parent */}
<div>
<h3 className="text-lg font-semibold text-gray-800 mb-4">
Pièces fournies
</h3>
<ul className="space-y-2">
{files.parentFiles.length > 0 ? (
files.parentFiles.map((file, index) => (
<li key={index} className="flex items-center gap-2">
<FileText className="w-5 h-5 text-gray-500" />
{file.url ? (
<a
href={file.url}
target="_blank"
rel="noopener noreferrer"
className="text-blue-500 hover:text-blue-700 underline"
>
{file.name}
</a>
) : (
<span className="text-gray-400">
{file.name} (Non disponible)
</span>
)}
</li>
))
) : (
<p className="text-gray-500">
Aucun fichier parent disponible.
</p>
)}
</ul>
</div>
<hr className="border-t border-gray-300" />
{/* Section Mandat SEPA */}
<div>
<h3 className="text-lg font-semibold text-gray-800 mb-4">
Mandat SEPA
</h3>
{files.sepaFile ? (
<div className="flex items-center gap-2">
<FileText className="w-5 h-5 text-gray-500" />
<a
href={files.sepaFile.url}
target="_blank"
rel="noopener noreferrer"
className="text-blue-500 hover:text-blue-700 underline"
>
{files.sepaFile.name}
</a>
</div>
) : (
<p className="text-gray-500">Aucun mandat SEPA disponible.</p>
)}
</div>
</div>
)}
/>
);
};
export default FilesModal;