From 1d138b8ca917ebee4d20993eec8dcedd42872d2a Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Fri, 31 Jul 2026 14:19:36 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20rend=20lisible=20le=20solde=20ant=C3=A9r?=
 =?UTF-8?q?ieur=20log=C3=A9=20dans=20la=20colonne=20des=20p=C3=A9riodes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le compte rendu n'accorde pas de colonne au report de solde : il en écrit le
libellé et le montant dans la colonne « Période », et le reporte au même endroit
sur sa ligne « Totaux ». Le tableau d'édition suit cette mise en page, mais un
montant sous un en-tête « Periode » se lit mal, d'autant que le libellé y
répétait ce que la colonne « Type » affiche déjà deux cases plus loin.

L'en-tête devient « Periode / Libelle » — la colonne porte du texte libre, autant
le dire — et la ligne de report n'y garde que son montant. La ligne « Totaux »
conserve le sien, aucune colonne « Type » ne l'y expliquant.

Reste que le parser range ce montant dans le champ `loyers` de la ligne, faute
d'un champ à lui : le tableau compense à l'affichage, la donnée reste à corriger
à la racine.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 frontend/src/components/LocataireCard.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/LocataireCard.vue b/frontend/src/components/LocataireCard.vue
index 4bcc02f..d427f1a 100644
--- a/frontend/src/components/LocataireCard.vue
+++ b/frontend/src/components/LocataireCard.vue
@@ -106,7 +106,9 @@
           <thead>
             <tr class="text-[10px] uppercase tracking-wide text-gray-500">
               <th class="text-left font-medium pb-1 pr-2">Type</th>
-              <th class="text-left font-medium pb-1 pr-2">Periode</th>
+              <!-- Le compte rendu loge dans cette colonne aussi bien une periode
+                   qu'un libelle de report : l'en-tete le dit. -->
+              <th class="text-left font-medium pb-1 pr-2">Periode / Libelle</th>
               <th
                 v-for="colonne in COLONNES_TABLEAU"
                 :key="colonne.champ"
@@ -140,10 +142,10 @@
 
               <!-- Un report de solde porte son montant dans cette colonne sur le
                    compte rendu, pas dans « Loyers » : le tableau fait de meme,
-                   sans quoi la colonne Loyers semblerait ne pas sommer. -->
+                   sans quoi la colonne Loyers semblerait ne pas sommer. Le libelle
+                   du compte rendu n'est pas repris, la colonne « Type » le donne. -->
               <td class="py-1 pr-2 border-t border-gray-700/60">
                 <div v-if="ligne.type === 'solde_anterieur'" class="flex items-center gap-1 whitespace-nowrap">
-                  <span class="text-gray-500">Solde Anterieur</span>
                   <EditableField
                     :modelValue="ligne.loyers"
                     @update:modelValue="updateLigneField(idx, 'loyers', $event)"