-
handleGroupEdit(row)}
- className="text-blue-500 hover:text-blue-700"
- >
-
-
handleGroupDelete(row.id)}
- className="text-red-500 hover:text-red-700"
- >
-
+ // Nouvelle explication : adaptée au contexte "dossier lié à une classe/groupe de classes"
+ const renderExplanation = () => (
+
+
setShowHelp((v) => !v)}
+ aria-expanded={showHelp}
+ aria-controls="aide-inscription"
+ >
+ {showHelp ? 'Masquer' : 'Afficher'} l’aide
+
+
+
+ {showHelp && (
+
+
+ Gestion des dossiers et documents d'inscription
+
+
+
+ 1. Créez un ou plusieurs dossiers d&aposinscription :Dossier Maternelles , Dossier Élémentaires ). Lors de la création d'une inscription élève, un seul dossier d'inscription sera rattaché à l'élève.
+
+
+ 2. Pour chaque dossier, ajoutez des documents à fournir :
+
+
+
+ Formulaires personnalisés : créés dynamiquement par l&aposécole, à remplir et/ou signer électroniquement par la famille (ex : autorisation de sortie, fiche sanitaire, etc.).
+
+
+ Pièces à fournir : documents à déposer par la famille (ex : RIB, justificatif de domicile, ou formulaire PDF à télécharger, remplir puis ré-uploader).
+
+
+
+ Astuce : Commencez toujours par créer vos dossiers d&aposinscription (liés à vos classes) avant d&aposajouter des documents à fournir.
+
+
- ),
- },
- ];
+ )}
+
+ );
- if (isLoading) {
- return
;
- }
+ // Correction : définition de handleBackToCreateMenu
+ const handleBackToCreateMenu = () => {
+ setCreateModalKey((k) => k + 1); // force le reset du composant modal
+ setIsCreateModalOpen(true);
+ };
+ // Nouvelle disposition : sections côte à côte alignées
return (
- {/* Modal pour les formulaires */}
+ {/* Aide optionnelle + bouton global de création */}
+
+ {renderExplanation()}
+
+ setIsCreateModalOpen(true)}
+ >
+ +
+ Créer un nouvel élément
+
+
+
+
+
+ {/* Colonne gauche : Dossiers d'inscription */}
+
+
'blue'}
+ title="Dossiers d'inscription"
+ minHeight="min-h-[240px]"
+ selectable={true}
+ forceTheme={false}
+ actionButtons={(row) => (
+
+ { e.stopPropagation(); handleGroupEdit(row); }}
+ className="text-blue-500 hover:text-blue-700"
+ title="Modifier"
+ >
+
+ { e.stopPropagation(); handleGroupDelete(row.id); }}
+ className="text-red-500 hover:text-red-700"
+ title="Supprimer"
+ >
+
+
+ )}
+ />
+
+ {/* Colonne droite : Documents (fusion des formulaires et pièces à fournir) */}
+
+
+
+ Documents
+
+ {selectedGroupId === null ? (
+
+ Sélectionnez un dossier pour voir les documents associés.
+
+ ) : (
+
item._type}
+ // title="Documents" // Supprimé ici, header déjà affiché au-dessus
+ minHeight="min-h-[240px]"
+ selectable={false}
+ forceTheme={true}
+ actionButtons={(row) => (
+
+ {row._type === 'emerald' ? (
+ <>
+ { e.stopPropagation(); editTemplateMaster(row); }}
+ className="text-blue-500 hover:text-blue-700"
+ title="Modifier"
+ >
+
+ { e.stopPropagation(); deleteTemplateMaster(row); }}
+ className="text-red-500 hover:text-red-700"
+ title="Supprimer"
+ >
+
+
+ ) : (
+ <>
+ { e.stopPropagation(); openEditParentFileModal(row); }}
+ className="text-blue-500 hover:text-blue-700"
+ title="Modifier"
+ >
+
+ { e.stopPropagation(); handleDelete(row.id); }}
+ className="text-red-500 hover:text-red-700"
+ title="Supprimer"
+ >
+
+
+ )}
+
+ )}
+ />
+ )}
+
+
+
+ {/* Modal de création centralisée */}
+
setIsCreateModalOpen(false)}
+ onCreateGroup={() => {
+ setIsGroupModalOpen(true);
+ setIsCreateModalOpen(false);
+ }}
+ onCreateForm={() => {
+ setIsCreateModalOpen(false);
+ setTimeout(() => setIsModalOpen(true), 0);
+ }}
+ onCreateParentFile={() => {
+ openParentFileModal();
+ setIsCreateModalOpen(false);
+ }}
+ onBack={handleBackToCreateMenu}
+ onCreateSchoolFileMaster={handleCreateSchoolFileMaster}
+ groups={groups}
+ />
+
+ {/* Modal pour upload de formulaire existant */}
+
+ {
+ // Ici, il faut gérer le nom et les groupes (à adapter selon vos besoins UI)
+ // Par exemple, ouvrir un petit formulaire pour compléter les infos puis submit
+ }}
+ onSubmit={handleSubmitFileUpload}
+ required
+ enable
+ />
+
+
+ {/* Modal création/édition pièce à fournir */}
+ {
+ if (!open) closeParentFileModal();
+ }}
+ title={editingParentFile ? 'Modifier la pièce à fournir' : 'Créer une pièce à fournir'}
+ modalClassName="w-full max-w-md"
+ >
+
+
+ {/* Modals et popups */}
{
@@ -447,100 +802,51 @@ export default function FilesGroupsManagement({
if (!isOpen) {
setFileToEdit(null);
setIsEditing(false);
+ // Retour au menu principal de création si fermeture
+ handleBackToCreateMenu();
}
}}
title={isEditing ? 'Modification du formulaire' : 'Créer un formulaire'}
modalClassName="w-11/12 h-5/6"
>
{
+ (isEditing ? handleEditSchoolFileMaster : handleCreateSchoolFileMaster)(data);
+ }}
initialData={fileToEdit}
groups={groups}
isEditing={isEditing}
/>
- {/* Modal pour les groupes */}
{
+ setIsGroupModalOpen(isOpen);
+ if (!isOpen) {
+ // Retour au menu principal de création si fermeture
+ handleBackToCreateMenu();
+ }
+ }}
title={
groupToEdit ? 'Modifier le dossier' : "Création d'un nouveau dossier"
}
>
{
+ handleGroupSubmit(data);
+ }}
initialData={groupToEdit}
/>
- {/* Section Groupes de fichiers */}
-
-
setIsGroupModalOpen(true)}
- />
-
- }
- />
-
-
{
- setIsModalOpen(true);
- setIsEditing(false);
- setFileToEdit(null);
- }}
- />
-
- }
- />
- setRemovePopupVisible(false)}
/>
+ {isLoading &&
);
}
diff --git a/Front-End/src/components/Structure/Files/ParentFiles.js b/Front-End/src/components/Structure/Files/ParentFiles.js
new file mode 100644
index 0000000..8092fab
--- /dev/null
+++ b/Front-End/src/components/Structure/Files/ParentFiles.js
@@ -0,0 +1,267 @@
+import React, { useState, useEffect } from 'react';
+import Modal from '@/components/Modal';
+import logger from '@/utils/logger';
+import { Edit3, Trash2, Plus } from 'lucide-react';
+
+function ParentFileForm({ initialData, groups, onSubmit, onCancel }) {
+ const [name, setName] = useState(initialData?.name || '');
+ const [description, setDescription] = useState(initialData?.description || '');
+ // Correction : s'assurer que selectedGroups ne contient que des IDs uniques
+ const [selectedGroups, setSelectedGroups] = useState(
+ Array.isArray(initialData?.groups)
+ ? Array.from(
+ new Set(
+ initialData.groups.map(g => (typeof g === 'object' && g !== null && 'id' in g ? g.id : g))
+ )
+ )
+ : []
+ );
+ const [isRequired, setIsRequired] = useState(initialData?.is_required || false);
+
+ useEffect(() => {
+ if (initialData) {
+ setName(initialData.name || '');
+ setDescription(initialData.description || '');
+ setSelectedGroups(
+ Array.isArray(initialData.groups)
+ ? Array.from(
+ new Set(
+ initialData.groups.map(g => (typeof g === 'object' && g !== null && 'id' in g ? g.id : g))
+ )
+ )
+ : []
+ );
+ setIsRequired(initialData.is_required || false);
+ }
+ }, [initialData]);
+
+ const handleSubmit = (e) => {
+ e.preventDefault();
+ if (!name || selectedGroups.length === 0) return;
+ const data = {
+ name,
+ description,
+ groups: selectedGroups,
+ is_required: isRequired,
+ id: initialData?.id,
+ };
+ logger.debug('[ParentFileForm] handleSubmit data:', data);
+ onSubmit(data);
+ };
+
+ return (
+