From f3ce872b02fb424595487605bcbecf67764e3006 Mon Sep 17 00:00:00 2001
From: bach <bachir@figureslibres.io>
Date: Fri, 4 Sep 2026 12:37:06 +0200
Subject: [PATCH] Compact date format, move action buttons to the left

Dates render as jj/mm/aa instead of the API's ISO yyyy-mm-dd -- saves
width in a table already packed with 8 compte columns. Actions column
(edit pencil, link icon) moves from the right end to the first
column. Column-hover crosshair logic is unaffected: it walks colSpan
positions dynamically rather than assuming a fixed index.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 .../custom/figli_compta_ledger/js/home.js     |  7 ++++
 .../templates/figli-compta-home.html.twig     | 38 +++++++++----------
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/web/modules/custom/figli_compta_ledger/js/home.js b/web/modules/custom/figli_compta_ledger/js/home.js
index 3737785..1de4d55 100644
--- a/web/modules/custom/figli_compta_ledger/js/home.js
+++ b/web/modules/custom/figli_compta_ledger/js/home.js
@@ -234,6 +234,13 @@
       formatEur(v) {
         return v === null || v === undefined ? '' : EUR.format(v);
       },
+      // jj/mm/aa -- shorter than the API's ISO yyyy-mm-dd, saves column
+      // width in a table already packed with 8 compte columns.
+      formatDate(iso) {
+        if (!iso) return '';
+        const [y, m, d] = iso.split('-');
+        return d + '/' + m + '/' + y.slice(2);
+      },
       typeLabel(t) {
         return TYPE_LABELS[t] || t;
       },
diff --git a/web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig b/web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig
index a515a6e..f6cdbec 100644
--- a/web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig
+++ b/web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig
@@ -66,6 +66,7 @@
     <table ref="tableEl" @mouseover="onCellHover" @mouseleave="clearColHover">
       <thead>
         <tr>
+          <th class="actions-col"></th>
           <th>Date</th>
           <th>Client</th>
           <th>Type</th>
@@ -74,7 +75,6 @@
           <th class="amount">Montant TTC</th>
           <th v-for="c in allComptes" :key="c" class="amount compte-col">{{ c }}</th>
           <th class="amount">Écart</th>
-          <th class="actions-col"></th>
         </tr>
       </thead>
       <tbody>
@@ -83,23 +83,6 @@
             <td :colspan="6 + allComptes.length + 2">{{ item.label }} <span class="figli-note">({{ item.count }} lignes)</span></td>
           </tr>
           <tr v-else :class="{'figli-error-row': item.hasError}">
-            <td>{{ item.date }}</td>
-            <td>{{ item.client || '—' }}</td>
-            <td><span class="figli-badge" :class="'type-' + item.type">{{ typeLabel(item.type) }}</span></td>
-            <td class="figli-libelle">
-              {{ item.libelle }}
-              <span
-                v-if="item.type === 'entree' && reconciliationByEntree.get(item.id) && reconciliationByEntree.get(item.id).count > 0"
-                class="figli-recon-badge"
-                :class="{'is-anomalie': reconciliationByEntree.get(item.id).surVerse > 0, 'is-reste': reconciliationByEntree.get(item.id).resteAVerser > 0}"
-                :title="reconciliationByEntree.get(item.id).detail"
-                @click="toggleEntreeFilter(item.id)"
-              >{{ reconciliationByEntree.get(item.id).count }} sortie{{ reconciliationByEntree.get(item.id).count > 1 ? 's' : '' }} liée{{ reconciliationByEntree.get(item.id).count > 1 ? 's' : '' }}<template v-if="reconciliationByEntree.get(item.id).resteAVerser > 0"> · reste {{ formatEur(reconciliationByEntree.get(item.id).resteAVerser) }}</template><template v-if="reconciliationByEntree.get(item.id).surVerse > 0"> · sur-versé {{ formatEur(reconciliationByEntree.get(item.id).surVerse) }}</template></span>
-            </td>
-            <td class="amount">{{ formatEur(item.montant_ht) }}</td>
-            <td class="amount">{{ formatEur(item.montant_ttc) }}</td>
-            <td v-for="c in allComptes" :key="c" class="amount compte-col">{{ item.parCompte[c] !== undefined ? formatEur(item.parCompte[c]) : '' }}</td>
-            <td class="amount" :class="{'figli-ecart': item.hasError}">{{ item.hasError ? formatEur(item.ecart) : '' }}</td>
             <td class="actions-col">
               <button
                 v-if="item.linkable"
@@ -120,17 +103,34 @@
                 </svg>
               </button>
             </td>
+            <td>{{ formatDate(item.date) }}</td>
+            <td>{{ item.client || '—' }}</td>
+            <td><span class="figli-badge" :class="'type-' + item.type">{{ typeLabel(item.type) }}</span></td>
+            <td class="figli-libelle">
+              {{ item.libelle }}
+              <span
+                v-if="item.type === 'entree' && reconciliationByEntree.get(item.id) && reconciliationByEntree.get(item.id).count > 0"
+                class="figli-recon-badge"
+                :class="{'is-anomalie': reconciliationByEntree.get(item.id).surVerse > 0, 'is-reste': reconciliationByEntree.get(item.id).resteAVerser > 0}"
+                :title="reconciliationByEntree.get(item.id).detail"
+                @click="toggleEntreeFilter(item.id)"
+              >{{ reconciliationByEntree.get(item.id).count }} sortie{{ reconciliationByEntree.get(item.id).count > 1 ? 's' : '' }} liée{{ reconciliationByEntree.get(item.id).count > 1 ? 's' : '' }}<template v-if="reconciliationByEntree.get(item.id).resteAVerser > 0"> · reste {{ formatEur(reconciliationByEntree.get(item.id).resteAVerser) }}</template><template v-if="reconciliationByEntree.get(item.id).surVerse > 0"> · sur-versé {{ formatEur(reconciliationByEntree.get(item.id).surVerse) }}</template></span>
+            </td>
+            <td class="amount">{{ formatEur(item.montant_ht) }}</td>
+            <td class="amount">{{ formatEur(item.montant_ttc) }}</td>
+            <td v-for="c in allComptes" :key="c" class="amount compte-col">{{ item.parCompte[c] !== undefined ? formatEur(item.parCompte[c]) : '' }}</td>
+            <td class="amount" :class="{'figli-ecart': item.hasError}">{{ item.hasError ? formatEur(item.ecart) : '' }}</td>
           </tr>
         </template>
       </tbody>
       <tfoot>
         <tr class="figli-totals-row">
+          <td class="actions-col"></td>
           <td colspan="4">Solde (créditeur / débiteur) — {{ filteredRows.length }} lignes filtrées</td>
           <td class="amount">{{ formatEur(footerTotals.montant_ht) }}</td>
           <td class="amount">{{ formatEur(footerTotals.montant_ttc) }}</td>
           <td v-for="c in allComptes" :key="c" class="amount compte-col" :class="soldeClass(footerTotals.parCompte[c])">{{ formatEur(footerTotals.parCompte[c]) }}</td>
           <td class="amount" :class="soldeClass(footerTotals.ecart)">{{ formatEur(footerTotals.ecart) }}</td>
-          <td class="actions-col"></td>
         </tr>
       </tfoot>
     </table>