Hide empty compte columns in the drill-down modal, rename its title

The modal's group is usually 2-4 rows touching only 1-2 comptes -- unlike
the main table (always all 8, so columns line up across every row/year),
showing all 8 there was mostly empty columns. New modalComptes computed
filters allComptes down to whichever actually carry a value somewhere in
filterEntreeGroup.

Also renamed "Entrée + sorties liées" to "Entrées et sorties liées"
(title and footer label) to match multi-entrée groups.

web/modules/custom/figli_compta_ledger/js/home.js

@@ -471,6 +471,15 @@
         const sorties = pool.filter((r) => r.type !== 'entree' && r.entreeLieeIds.some((id) => entreeIds.has(id)));
         return [...entrees, ...sorties];
       },
+      // Which comptes actually carry a value somewhere in the drill-down
+      // group -- unlike the main table (always all 8, so columns line up
+      // across every row/year), this modal's group is usually 2-4 rows
+      // touching only 1-2 comptes, so the other 6+ empty columns are pure
+      // clutter.
+      modalComptes() {
+        if (!this.filterEntreeGroup) return [];
+        return this.allComptes.filter((c) => this.filterEntreeGroup.some((r) => r.parCompte[c] !== undefined));
+      },
       filteredRows() {
         return this.rows.filter((r) => {
           if (this.filterCompte && r.parCompte[this.filterCompte] === undefined) return false;

web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig

@@ -196,7 +196,7 @@
   <div v-if="filterEntreeId" class="figli-modal-backdrop" @click.self="closeDrilldown">
     <div class="figli-modal">
       <div class="figli-modal-header">
-        <h3>Entrée + sorties liées <span v-if="groupLoading" class="figli-note">vérification…</span></h3>
+        <h3>Entrées et sorties liées <span v-if="groupLoading" class="figli-note">vérification…</span></h3>
         <button type="button" class="figli-modal-close" @click="closeDrilldown">✕</button>
       </div>
       <div class="figli-modal-body">
@@ -210,7 +210,7 @@
               <th>Libellé / Détail</th>
               <th class="amount">Montant HT</th>
               <th class="amount">Montant TTC</th>
-              <th v-for="c in allComptes" :key="c" class="amount compte-col">{{ c }}</th>
+              <th v-for="c in modalComptes" :key="c" class="amount compte-col">{{ c }}</th>
               <th class="amount">Écart</th>
             </tr>
           </thead>
@@ -241,17 +241,17 @@
               </td>
               <td class="amount" :class="montantClass(item.montant_ht)">{{ 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 v-for="c in modalComptes" :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>
           </tbody>
           <tfoot>
             <tr class="figli-totals-row">
               <td class="actions-col"></td>
-              <td colspan="4">Solde entrée + sorties liées (créditeur / débiteur)</td>
+              <td colspan="4">Solde entrées et sorties liées (créditeur / débiteur)</td>
               <td class="amount">{{ drilldownTotals ? formatEur(drilldownTotals.montant_ht) : '' }}</td>
               <td class="amount">{{ drilldownTotals ? formatEur(drilldownTotals.montant_ttc) : '' }}</td>
-              <td v-for="c in allComptes" :key="c" class="amount compte-col" :class="drilldownTotals ? soldeClass(drilldownTotals.par_compte[c]) : ''">{{ drilldownTotals && drilldownTotals.par_compte[c] !== undefined ? formatEur(drilldownTotals.par_compte[c]) : '' }}</td>
+              <td v-for="c in modalComptes" :key="c" class="amount compte-col" :class="drilldownTotals ? soldeClass(drilldownTotals.par_compte[c]) : ''">{{ drilldownTotals && drilldownTotals.par_compte[c] !== undefined ? formatEur(drilldownTotals.par_compte[c]) : '' }}</td>
               <td class="amount" :class="drilldownTotals ? soldeClass(drilldownTotals.ecart) : ''">{{ drilldownTotals ? formatEur(drilldownTotals.ecart) : '' }}</td>
             </tr>
           </tfoot>