manus-admin/itinova-budget-si
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Nouvelle navigation hiérarchique avec 4 menus principaux (Itinova, Santinova, Soins et Santé, St Exupéry), sous-menus dépliables (Établissements, DSI), sidebar partagée AppSidebar sur toutes les pages, et pages placeholder pour les sections à venir.

Browse Source
This commit is contained in:
Manus
2026-06-02 20:50:23 +00:00
parent 73475b697d
commit 751ac207c0
12 changed files with 421 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
client/src/pages/Parametres.tsx
View File

@@ -14,9 +14,8 @@ import {
ChevronLeft,
Info,
BarChart3,
Building2,
FileText,
} from 'lucide-react';
import { AppSidebar } from '../components/AppSidebar';
import { useParametres, PARAMETRES_DEFAULTS } from '../contexts/ParametresContext';
import { formatEuros } from '../lib/format';
import { toast } from 'sonner';
@@ -149,69 +148,7 @@ export default function Parametres() {
return (
<div className="min-h-screen flex bg-background">
{/* Sidebar identique à Home */}
<aside
className="w-64 flex-shrink-0 bg-[oklch(0.22_0.06_240)] text-white flex flex-col"
style={{ minHeight: '100vh' }}
>
<div className="px-4 py-5 border-b border-white/10">
<div className="flex items-center gap-3">
<div className="w-8 h-8 rounded-lg bg-primary flex items-center justify-center flex-shrink-0">
<BarChart3 className="w-4 h-4 text-white" />
</div>
<div className="min-w-0">
<p className="font-bold text-sm leading-tight" style={{ fontFamily: 'Sora, sans-serif' }}>
Budget SI 2027
</p>
<p className="text-[10px] text-white/50 mt-0.5">Itinova — Renouvellement</p>
</div>
</div>
</div>
<nav className="flex-1 px-3 py-4 space-y-1">
<button
onClick={() => navigate('/')}
className="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-white/70 hover:bg-white/10 hover:text-white transition-colors"
>
<Building2 className="w-4 h-4 flex-shrink-0" />
<span className="text-sm font-medium">Renouvellement PC</span>
</button>
<button
onClick={() => navigate('/budget2027')}
className="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-white/60 hover:bg-white/10 hover:text-white transition-colors"
>
<FileText className="w-4 h-4 flex-shrink-0" />
<span className="text-sm font-medium">Construction BP 2027</span>
</button>
<div className="flex items-center gap-3 px-3 py-2.5 rounded-lg bg-white/10 text-white">
<Settings className="w-4 h-4 flex-shrink-0" />
<span className="text-sm font-medium">Paramètres</span>
</div>
</nav>
{/* Résumé des paramètres actifs */}
<div className="px-4 py-4 border-t border-white/10">
<p className="text-[10px] text-white/40 uppercase tracking-wider mb-2">Paramètres actifs</p>
<div className="space-y-1.5 text-xs text-white/70">
<div className="flex justify-between">
<span>Seuil fixes</span>
<span className="text-white font-medium">&gt; {parametres.seuilFixesAns} ans</span>
</div>
<div className="flex justify-between">
<span>Seuil portables</span>
<span className="text-white font-medium">&gt; {parametres.seuilPortablesAns} ans</span>
</div>
<div className="flex justify-between">
<span>Coût fixe</span>
<span className="text-white font-medium">{formatEuros(parametres.coutFixe)}</span>
</div>
<div className="flex justify-between">
<span>Coût portable</span>
<span className="text-white font-medium">{formatEuros(parametres.coutPortable)}</span>
</div>
</div>
</div>
</aside>
<AppSidebar />
{/* Contenu principal */}
<main className="flex-1 flex flex-col min-w-0 overflow-hidden">