acasini/n3wt-school
1
0
Fork 0
mirror of https://git.v0id.ovh/n3wt-innov/n3wt-school.git synced 2026-04-06 13:11:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Application du design system

Browse Source
This commit is contained in:
Luc SORIGNET
2026-04-05 12:00:34 +02:00
parent f9c0585b30
commit 2ef71f99c3
124 changed files with 1619 additions and 1508 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Front-End/src/components/Structure/Files/FilesGroupsManagement.js
View File

@ -37,12 +37,12 @@ import { FE_ADMIN_STRUCTURE_FORM_BUILDER_URL } from '@/utils/Url';
function getItemBgColor(type, selected, forceTheme = false) {
// Colonne gauche : blanc si rien n'est sélectionné, emerald si sélectionné
if (type === 'blue') {
if (selected) return 'bg-emerald-100';
if (selected) return 'bg-primary/10';
return 'bg-white';
}
// Colonne droite : thème selon type, jamais sélectionné
if (forceTheme) {
if (type === 'emerald') return 'bg-emerald-50';
if (type === 'emerald') return 'bg-primary/5';
if (type === 'orange') return 'bg-orange-50';
return 'bg-gray-50';
}
@ -141,7 +141,7 @@ function SimpleList({
return (
<li
key={key}
className={`w-full flex items-center justify-between px-4 py-3 transition ${bgColor} ${selected && selectable ? 'ring-2 ring-emerald-400' : ''} ${selectable ? 'cursor-pointer' : ''} ${zIndex} ${marginFix} ${extraZ} ${typeof itemClassName === 'function' ? itemClassName(item) : itemClassName}`}
className={`w-full flex items-center justify-between px-4 py-3 transition ${bgColor} ${selected && selectable ? 'ring-2 ring-tertiary' : ''} ${selectable ? 'cursor-pointer' : ''} ${zIndex} ${marginFix} ${extraZ} ${typeof itemClassName === 'function' ? itemClassName(item) : itemClassName}`}
onClick={() => {
if (!selectable || !onSelect) return;
if (selected) {
@ -739,7 +739,7 @@ export default function FilesGroupsManagement({
const renderExplanation = () => (
<div className="mb-4">
<button
className="flex items-center gap-2 text-emerald-700 hover:text-emerald-900 font-medium mb-2"
className="flex items-center gap-2 text-secondary hover:text-secondary font-medium mb-2"
onClick={() => setShowHelp((v) => !v)}
aria-expanded={showHelp}
aria-controls="aide-inscription"
@ -766,7 +766,7 @@ export default function FilesGroupsManagement({
id="aide-inscription"
className="p-4 bg-blue-50 border border-blue-200 rounded mb-4"
>
<h2 className="text-lg font-bold mb-2">
<h2 className="font-headline text-lg font-bold mb-2">
Gestion des dossiers et documents d&apos;inscription
</h2>
<div className="text-gray-700 space-y-2">
@ -778,7 +778,7 @@ export default function FilesGroupsManagement({
</span>{' '}
: liste des dossiers d&apos;inscription (groupes/classes).
<br />
<span className="text-emerald-700 font-semibold">
<span className="text-secondary font-semibold">
Colonne de droite
</span>{' '}
: liste des documents à fournir pour l&apos;inscription.
@ -787,7 +787,7 @@ export default function FilesGroupsManagement({
<span className="font-semibold">Ajout de dossiers :</span>
<br />
Cliquez sur le bouton{' '}
<span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-bold bg-emerald-500 text-white border border-emerald-600">
<span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-bold bg-primary text-white border border-primary">
+
</span>{' '}
à droite de la liste pour créer un nouveau dossier
@ -797,7 +797,7 @@ export default function FilesGroupsManagement({
<span className="font-semibold">Ajout de documents :</span>
<br />
Cliquez sur le bouton{' '}
<span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-bold bg-emerald-500 text-white border border-emerald-600">
<span className="inline-flex items-center px-2 py-0.5 rounded text-xs font-bold bg-primary text-white border border-primary">
+
</span>{' '}
à droite de la liste des documents pour ajouter :
@ -900,7 +900,7 @@ export default function FilesGroupsManagement({
<div className="flex-1" />
{profileRole !== 0 && (
<button
className="flex items-center justify-center bg-emerald-500 hover:bg-emerald-600 text-white px-3 py-2 rounded-lg shadow transition text-base font-semibold"
className="flex items-center justify-center bg-primary hover:bg-primary text-white px-3 py-2 rounded-lg shadow transition text-base font-semibold"
onClick={() => setIsGroupModalOpen(true)}
title="Créer un nouveau dossier"
>
@ -994,7 +994,7 @@ export default function FilesGroupsManagement({
onClick: () => handleDocDropdownSelect('parent'),
},
]}
buttonClassName="flex items-center justify-center bg-emerald-500 hover:bg-emerald-600 text-white px-3 py-2 rounded-lg shadow transition text-base font-semibold"
buttonClassName="flex items-center justify-center bg-primary hover:bg-primary text-white px-3 py-2 rounded-lg shadow transition text-base font-semibold"
menuClassName="absolute right-0 mt-2 w-56 bg-white border border-gray-200 rounded shadow-lg z-20"
dropdownOpen={isDocDropdownOpen}
setDropdownOpen={setIsDocDropdownOpen}