Merge pull request 'Dashboard: Summenzeile unterhalb der gefilterten Liste' (#7) from fds2610-bot/FSCash:main into main

Reviewed-on: https://codeberg.org/fds2610/FSCash/pulls/7

README.md

@@ -8,6 +8,10 @@ Dokumentiere Ausgaben on-the-go als Webapp
 - [ ] Zusammenfassen von mehreren Einträgen zu einer Aktie
 - [ ] Prüfen ob APIKEYS leer sind und ggfs die Aktualisierung ausblenden
 
+## V.2.3
+
+- [X] Listen mit Spaltenfiltern (Dashboard) zeigen unterhalb eine optisch abgesetzte Summenzeile, die die Beträge der aktuell sichtbaren (gefilterten) Einträge in der Spalte "Betrag" aufsummiert.
+
 ## V.2.2
 
 - [X] Unit-Tests (PHPUnit) für die wichtigsten Funktionen, gebündelt in `html/lib/fscash.php`: Monatsnavigation, Admin-/Aktien-Rollenprüfung, Aktien-GuV-Berechnung, OpenFIGI-/Alpha-Vantage-Antwortauswertung, Eingabevalidierung, CSV-Export und Migrations-Logik (siehe Abschnitt "Tests" unten).

html/assets/css/style.css

@@ -351,6 +351,14 @@ tr.filter-row th {
     border-color: var(--primary-color);
 }
 
+/* Summenzeile unterhalb gefilterter Listen */
+tr.sum-row td {
+    background: #eef3f8;
+    font-weight: 700;
+    border-top: 2px solid var(--primary-color);
+    border-bottom: none;
+}
+
 
 /* Button */
 .btn-xr {

html/dashboard.php

@@ -198,7 +198,7 @@ sort($filterZahlweise, SORT_STRING | SORT_FLAG_CASE);
 <td class="hide-on-mobile"><?= htmlspecialchars($entry['kategorie'] ?? '') ?></td>
 <td><?= htmlspecialchars($entry['zahlweise'] ?? '') ?></td>
 <td><?= htmlspecialchars($entry['subject']) ?></td>
-<td class="align-right"><?= htmlspecialchars( number_format($entry['amount'], 2, ',', '.')) ?></td>
+<td class="align-right" data-amount="<?= htmlspecialchars($entry['amount']) ?>"><?= htmlspecialchars( number_format($entry['amount'], 2, ',', '.')) ?></td>
 <td class="hide-on-mobile"><?= htmlspecialchars($entry['note']) ?></td>
 <td class="hide-on-mobile">
 <a href="edit_entry.php?id=<?= $entry['id'] ?>">
@@ -208,6 +208,19 @@ sort($filterZahlweise, SORT_STRING | SORT_FLAG_CASE);
 </tr>
 <?php endforeach; ?>
 </tbody>
+<tfoot>
+<tr class="sum-row">
+<td>Summe</td>
+<td class="hide-on-mobile"></td>
+<td class="hide-on-mobile"></td>
+<td class="hide-on-mobile"></td>
+<td></td>
+<td></td>
+<td class="align-right" id="sum-value">0,00</td>
+<td class="hide-on-mobile"></td>
+<td></td>
+</tr>
+</tfoot>
 </table>
 
 <!-- Neu-Button -->
@@ -224,6 +237,7 @@ document.querySelector('.hamburger').addEventListener('click', function() {
 (function() {
     const filters = document.querySelectorAll('.column-filter');
     const rows = document.querySelectorAll('#entries-body tr');
+    const sumValue = document.getElementById('sum-value');
     // Mehrfach-Kategorie-Vorauswahl, z. B. per Link aus dem Personenreport (Kategorie-Select kann nur einen Wert anzeigen)
     const presetKategorien = <?= json_encode(array_map('strtolower', $presetKategorien)) ?>;
 
@@ -232,6 +246,7 @@ document.querySelector('.hamburger').addEventListener('click', function() {
             .map(f => ({ col: parseInt(f.dataset.col, 10), value: f.value.trim().toLowerCase() }))
             .filter(f => f.value !== '');
 
+        let sum = 0;
         rows.forEach(row => {
             const cells = row.children;
             const visible = activeFilters.every(f => {
@@ -240,7 +255,17 @@ document.querySelector('.hamburger').addEventListener('click', function() {
                 return cell.textContent.trim().toLowerCase().includes(f.value);
             }) && (presetKategorien.length === 0 || (cells[3] && presetKategorien.includes(cells[3].textContent.trim().toLowerCase())));
             row.style.display = visible ? '' : 'none';
+            if (visible) {
+                const amountCell = cells[6];
+                if (amountCell) {
+                    sum += parseFloat(amountCell.dataset.amount) || 0;
+                }
+            }
         });
+
+        if (sumValue) {
+            sumValue.textContent = sum.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+        }
     }
 
     filters.forEach(f => {