Konto-Navigation: Bestellungen-Zahl zählt jetzt nur angekommene Bestellungen

Die Zahl im "Bestellungen"-Kasten zeigte bisher alle Bestellungen, obwohl
der Tab selbst nur die angekommenen anzeigt. Jetzt stimmen Zahl und Liste
überein. "Offene Sendungen" zählt entsprechend alles, was noch nicht
abgeschlossen ist (nicht nur "versendet"), passend zum Tab-Filter.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-03 14:12:31 +02:00
co-authored by Claude Sonnet 5
parent e2a19db663
commit 8873c5e8eb
4 changed files with 24 additions and 8 deletions
+6 -2
View File
@@ -52,7 +52,11 @@ const statusLabel = {
// "Zuletzt angesehen" zeigt in dieser Vorschau einfach die ersten echten Produkte aus dem Shop —
// in Phase 2 kommt hier die tatsächliche Verlaufs-Historie der angemeldeten Person hin.
const zuletztAngesehen = products.slice(0, 3);
const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versendet").length;
// "Offene Sendungen" = alles außer abgeschlossen (bezahlt/bearbeitung/versandVorbereitet/
// versendet), damit die Zahl exakt zu dem passt, was der "Offene Sendungen"-Tab tatsächlich
// zeigt. "Bestellungen" zählt entsprechend nur die schon angekommenen (abgeschlossenen).
const offeneSendungen = beispielBestellungen.filter((b) => b.status !== "abgeschlossen").length;
const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status === "abgeschlossen").length;
---
<Layout title="Mein Konto" description="Persönlicher Kundenbereich von Van's DIY & Bastelbedarf." lang={lang} path="/konto/angemeldet/">
<section class="section-tight">
@@ -84,7 +88,7 @@ const offeneSendungen = beispielBestellungen.filter((b) => b.status === "versend
<nav class="account-nav" aria-label={t.accountDash.navLabel}>
<button type="button" class="account-nav-item account-nav-orders" data-tab="bestellungen">
<span class="account-nav-icon" aria-hidden="true">📦</span>
<span class="account-nav-value">{beispielBestellungen.length}</span>
<span class="account-nav-value">{angekommeneBestellungen}</span>
<span class="account-nav-label">{t.accountDash.statOrders}</span>
</button>
<button type="button" class="account-nav-item account-nav-open" data-tab="offene">