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

Checkpoint: Ajout du champ anneeDefaut dans ParametresContext (avec persistance localStorage). Nouvelle section "Année d'ouverture par défaut" dans la page Paramètres avec sélecteur de boutons (2025-2030). AnneeContext mis à jour pour utiliser cette valeur au premier lancement (quand aucune session n'est mémorisée). La page Paramètres reste accessible via l'icône engrenage en bas de la sidebar.

Browse Source
This commit is contained in:
Manus
2026-06-03 14:48:16 +00:00
parent 5cad041d95
commit 938a567cce
3 changed files with 69 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,7 +14,9 @@ import {
ChevronLeft,
Info,
BarChart3,
Calendar,
} from 'lucide-react';
import { ANNEES_DISPONIBLES } from '../contexts/AnneeContext';
import { AppSidebar } from '../components/AppSidebar';
import { useParametres, PARAMETRES_DEFAULTS } from '../contexts/ParametresContext';
import { formatEuros } from '../lib/format';
@@ -25,6 +27,7 @@ interface FieldState {
seuilPortablesAns: number;
coutFixe: number;
coutPortable: number;
anneeDefaut: number;
}
function SliderInput({
@@ -123,7 +126,8 @@ export default function Parametres() {
draft.seuilFixesAns !== parametres.seuilFixesAns ||
draft.seuilPortablesAns !== parametres.seuilPortablesAns ||
draft.coutFixe !== parametres.coutFixe ||
draft.coutPortable !== parametres.coutPortable;
draft.coutPortable !== parametres.coutPortable ||
draft.anneeDefaut !== parametres.anneeDefaut;
const handleSave = () => {
setParametres(draft);
@@ -300,6 +304,45 @@ export default function Parametres() {
/>
</section>
{/* Section année par défaut */}
<section className="space-y-4">
<div className="flex items-center gap-2 pb-2 border-b border-border">
<Calendar className="w-4 h-4 text-muted-foreground" />
<h2 className="font-semibold text-foreground" style={{ fontFamily: 'Sora, sans-serif' }}>
Année d'ouverture par défaut
</h2>
</div>
<p className="text-sm text-muted-foreground">
L'année sélectionnée au démarrage de l'application lorsqu'aucune session précédente n'est mémorisée.
</p>
<div className="bg-card border border-border rounded-xl p-5">
<div className="flex items-center gap-4 flex-wrap">
<div className="w-10 h-10 rounded-lg flex items-center justify-center flex-shrink-0 bg-indigo-100 text-indigo-700">
<Calendar className="w-5 h-5" />
</div>
<div className="flex-1">
<p className="font-semibold text-foreground" style={{ fontFamily: 'Sora, sans-serif' }}>Année par défaut</p>
<p className="text-sm text-muted-foreground mt-0.5">Exercice ouvert au premier lancement</p>
</div>
<div className="flex items-center gap-2 flex-wrap">
{ANNEES_DISPONIBLES.map(a => (
<button
key={a}
onClick={() => setDraft(d => ({ ...d, anneeDefaut: a }))}
className={`px-4 py-2 rounded-lg text-sm font-semibold transition-all ${
draft.anneeDefaut === a
? 'bg-indigo-600 text-white shadow-sm'
: 'bg-muted text-muted-foreground hover:bg-muted/70'
}`}
>
{a}
</button>
))}
</div>
</div>
</div>
</section>
{/* Aperçu de l'impact */}
<section className="space-y-4">
<div className="flex items-center gap-2 pb-2 border-b border-border">
@@ -314,6 +357,7 @@ export default function Parametres() {
{ label: 'Seuil PC Portables', value: `${draft.seuilPortablesAns} ans`, changed: draft.seuilPortablesAns !== parametres.seuilPortablesAns },
{ label: 'Coût fixe unitaire', value: formatEuros(draft.coutFixe), changed: draft.coutFixe !== parametres.coutFixe },
{ label: 'Coût portable unitaire', value: formatEuros(draft.coutPortable), changed: draft.coutPortable !== parametres.coutPortable },
{ label: 'Année par défaut', value: `${draft.anneeDefaut}`, changed: draft.anneeDefaut !== parametres.anneeDefaut },
].map((item) => (
<div
key={item.label}