Skip to content

VSN-2588 — Full staff module migration to shadcn/Tailwind (absence + document)

yahya.elmokhtari a demandé de fusionner VSN-2588 vers develop

Staff Absence (/dashboard/staff/absence) — Full rewrite

  • Dashboard overview: Glass-morphic cards with ambient gradient orbs, staggered reveal animations (animate-card-reveal), progress bars with overshoot (animate-bar-fill), number pop effects (animate-number-pop)
  • Pie chart card: Glass container with radial gradient backdrop, content fade-up animations
  • Leave balance card: Glass rows with color-coded dots, animated progress bars with staggered delays
  • Statistics card: Numbered counters with pop animation, icon labels, hover lift micro-interactions
  • Table: Replaced MUI TableManager with CSS grid table — TableHeadCustom with #DBD7F9 header, rounded-2xl neo-shadow rows, shadcn Checkbox, colored left borders per status, TableActionColumn with colored edit/view icons
  • List view: Switched to shadcn TableControlBar + TabsCustom, sonner toasts, Tailwind scroll layout
  • Form view: 3 purple section cards (Type de demande, Dates & Durée, Détails & Justificatif) with progressive borders, shadcn FormField/FormContainer/ActionButtons, upload dialog with shadcn Dialog
  • Filter fix: Added z-[10001] to all SelectContent in table-filter.tsx so dropdowns render above the filter popover
  • Animations: New keyframes — cardReveal (1.2s spring with blur), contentFadeUp (0.9s ease), numberPop (0.8s bounce), barFill (1.4s overshoot)
  • Also migrated: /absence usager views (DropdownMenu replacing MUI Menu, sonner replacing notistack, shadcn ActionButtons)

Staff Document (/dashboard/staff/document) — Full rewrite (24 files)

  • Document drive: Ambient gradient orbs background, glass-morphic search bar with focus glow, solid purple grid/list toggle, glass pill breadcrumbs, staggered card entrance animations
  • Folder & document cards: Gradient glass background (from-white/90 to-white/70 backdrop-blur-sm), deeper hover lift with shadow bloom, shadcn DropdownMenu replacing MUI Menu with colored Lucide icons
  • List view: Glass container with dividers, purple hover tint
  • Demande list view: shadcn TableControlBar + TabsCustom replacing MUI versions
  • Demande form: 3 purple section cards (Informations, Observation & Description, Pièce jointe) with shadcn FormField/ActionButtons, drag-and-drop upload zone
  • All 10 dialogs migrated: Create folder, rename folder/doc, delete folder/doc, move folder/doc, preview, details (folder + doc), upload file, exclude user — all use shadcn Dialog with purple headers and Lucide icons
  • Utility components: Storage usage (Tailwind progress bar), file type filter (shadcn DropdownMenu/Checkbox), document manager panel (Lucide icons), folder tree node (Tailwind + radio inputs)
  • Main view: shadcn TableControlBar/TabsCustom, Lucide ArrowLeft replacing FontAwesome

Files modified (36)

Staff Absence (12 files)

  • Page route, overview, leave balance, table, table row, list view, form view, form fields, styles, animations.css, absence usager views

Staff Document (24 files)

  • Main view, document drive page, demande list/form/details/table-row, 10 dialog components, folder card, document card, storage usage, file type filter, document manager panel, folder tree node, upload file dialog, exclude dialog

Closes VSN-2588

Rapports de requête de fusion