acasini/n3wt-school
1
0
Fork 0
mirror of https://git.v0id.ovh/n3wt-innov/n3wt-school.git synced 2026-01-28 23:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Condition de validation d'ajout d'un nouveau document parent /

Browse Source 
remise en forme de l'ajout d'un document école
This commit is contained in:
N3WT DE COMPET
2025-05-06 21:39:16 +02:00
parent f887ae1886
commit 9e69790683
4 changed files with 73 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
Front-End/src/components/Structure/Files/FileUploadDocuSeal.js
View File

@ -162,41 +162,55 @@ export default function FileUploadDocuSeal({
uniqueConfirmButton={true}
/>
{/* Contenu principal */}
<div className="grid grid-cols-10 gap-6 items-start">
{/* Sélection des groupes */}
<div className="col-span-2 bg-white p-4 rounded-lg shadow-md border border-gray-200">
<h3 className="text-lg font-medium text-gray-800 mb-4">
Dossiers d'inscription
</h3>
<MultiSelect
name="groups"
label="Sélection de dossier(s) d'inscription"
options={groups}
selectedOptions={selectedGroups}
onChange={handleGroupChange}
errorMsg={null}
/>
{selectedGroups.length === 0 ? (
<div className="flex flex-col items-center justify-center h-full text-center space-y-6">
{/* Description de l'étape */}
<p className="text-gray-700 text-base font-medium mb-4">
Étape 1 - Sélectionner au moins un dossier d'inscription
</p>
{/* Section centrée pour la sélection des groupes */}
<div className="bg-gray-50 p-8 rounded-lg shadow-md border border-gray-300 transform transition-transform hover:scale-105">
<h3 className="text-xl font-semibold text-gray-800 mb-4 text-center">
Dossiers d'inscription
</h3>
<MultiSelect
name="groups"
label="Sélection dossier d'inscription"
options={groups}
selectedOptions={selectedGroups}
onChange={handleGroupChange}
errorMsg={null}
className="bg-white rounded-md shadow-inner p-4"
/>
</div>
</div>
) : (
<div className="grid grid-cols-10 gap-6 items-start">
{/* Section Dossiers d'inscription repositionnée sur le côté */}
<div className="col-span-2 bg-white p-4 rounded-lg shadow-md border border-gray-200">
<h3 className="text-lg font-medium text-gray-800 mb-4">
Dossiers d'inscription
</h3>
<MultiSelect
name="groups"
label="Sélection dossier d'inscription"
options={groups}
selectedOptions={selectedGroups}
onChange={handleGroupChange}
errorMsg={null}
/>
</div>
{/* Zone de configuration des documents */}
<div className="col-span-8 bg-white p-6 rounded-lg shadow-md border border-gray-200">
{selectedGroups.length === 0 ? (
<div className="flex flex-col items-center justify-center h-full text-center space-y-4">
{/* Icône circulaire modernisée */}
<div className="bg-emerald-100 p-6 rounded-full flex items-center justify-center shadow-md">
<div className="w-12 h-12 bg-emerald-200 rounded-full flex items-center justify-center">
<span className="text-emerald-600 font-bold text-2xl">+</span>
</div>
</div>
{/* Message d'information */}
<p className="text-gray-600 text-sm font-medium">
Veuillez sélectionner au moins un groupe pour continuer.
</p>
</div>
) : (
token && (
{/* Zone de configuration des documents */}
<div className="col-span-8 bg-white p-6 rounded-lg shadow-md border border-gray-200">
{token && (
<div className="h-full overflow-auto">
{/* Description de l'étape */}
<p className="text-gray-700 text-base font-medium mb-4">
Étape 2 - Sélectionnez un document
</p>
<DocusealBuilder
token={token}
headers={{
@ -215,10 +229,10 @@ export default function FileUploadDocuSeal({
style={{ maxHeight: '65vh' }}
/>
</div>
)
)}
)}
</div>
</div>
</div>
)}
</div>
);
}