From b93c31619f66efef3480498a9ff2de7f97ff1a16 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 11 Feb 2026 08:56:34 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Chargement=20dynamique=20des=20li?=
 =?UTF-8?q?stes=20de=20services=20et=20ventilations=20comptables=20depuis?=
 =?UTF-8?q?=20la=20base=20de=20donn=C3=A9es=20dans=20le=20formulaire=20d'?=
 =?UTF-8?q?=C3=A9dition=20de=20facture.=20Les=20valeurs=20personnalis?=
 =?UTF-8?q?=C3=A9es=20ajout=C3=A9es=20dans=20"Administration=20des=20liste?=
 =?UTF-8?q?s"=20apparaissent=20maintenant=20dans=20les=20menus=20d=C3=A9ro?=
 =?UTF-8?q?ulants.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/InvoiceDetail.tsx | 18 ++++++++----------
 todo.md                            |  5 +++++
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/client/src/pages/InvoiceDetail.tsx b/client/src/pages/InvoiceDetail.tsx
index db8b15e..38fa57c 100644
--- a/client/src/pages/InvoiceDetail.tsx
+++ b/client/src/pages/InvoiceDetail.tsx
@@ -16,6 +16,8 @@ export default function InvoiceDetail() {
   const invoiceId = parseInt(id || "0");
   
   const { data: invoice, isLoading } = trpc.invoices.getById.useQuery({ id: invoiceId });
+  const { data: departments } = trpc.departments.getByUser.useQuery();
+  const { data: allocations } = trpc.accountingAllocations.getByUser.useQuery();
   const utils = trpc.useUtils();
 
   const [isEditing, setIsEditing] = useState(false);
@@ -344,15 +346,14 @@ export default function InvoiceDetail() {
                   <Label htmlFor="serviceConcerne">Service concerné</Label>
                   {isEditing ? (
                     <select
-                      id="serviceConcerne"
                       value={formData.serviceConcerne}
                       onChange={(e) => setFormData({ ...formData, serviceConcerne: e.target.value })}
                       className="w-full px-3 py-2 border rounded-md"
                     >
                       <option value="">Sélectionner...</option>
-                      <option value="DSI">DSI</option>
-                      <option value="TRAVAUX">TRAVAUX</option>
-                      <option value="AUTRE">AUTRE</option>
+                      {departments?.map((dept) => (
+                        <option key={dept.id} value={dept.name}>{dept.name}</option>
+                      ))}
                     </select>
                   ) : (
                     <div className="text-sm mt-1">{invoice.serviceConcerne || "-"}</div>
@@ -381,17 +382,14 @@ export default function InvoiceDetail() {
                   <Label htmlFor="ventilationComptable">Ventilation comptable</Label>
                   {isEditing ? (
                     <select
-                      id="ventilationComptable"
                       value={formData.ventilationComptable}
                       onChange={(e) => setFormData({ ...formData, ventilationComptable: e.target.value })}
                       className="w-full px-3 py-2 border rounded-md"
                     >
                       <option value="">Sélectionner...</option>
-                      <option value="TOUS">TOUS</option>
-                      <option value="PA">PA</option>
-                      <option value="HEP">HEP</option>
-                      <option value="SANITAIRE">SANITAIRE</option>
-                      <option value="AUTRE">AUTRE</option>
+                      {allocations?.map((alloc) => (
+                        <option key={alloc.id} value={alloc.name}>{alloc.name}</option>
+                      ))}
                     </select>
                   ) : (
                     <div className="text-sm mt-1">{invoice.ventilationComptable || "-"}</div>
diff --git a/todo.md b/todo.md
index cdc5b66..c18de31 100644
--- a/todo.md
+++ b/todo.md
@@ -210,3 +210,8 @@
 ## Bug : Erreur lors de l'ajout d'un service
 - [x] Corriger la fonction initializeDefaultLists pour éviter les erreurs de duplication
 - [x] Vérifier que l'ajout de services et ventilations fonctionne correctement
+
+## Chargement dynamique des listes dans le formulaire
+- [x] Modifier InvoiceDetail.tsx pour charger les listes depuis la base de données
+- [x] Remplacer les valeurs codées en dur par des appels tRPC
+- [x] Tester que les valeurs personnalisées apparaissent dans les menus déroulants