DogFatherGit/vans-diy-bastelbedarf
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

Konto-Kopfkarte: "Meine Daten"-Button statt Abo-Button

Browse Source 
Der "Mein Abo verwalten"-Button in der Kopfkarte fällt wieder weg — der
Zugriff aufs Abo läuft ab jetzt nur noch über die eigene "Mein Abo"-Nav-
Kachel. Stattdessen wandert "Meine Daten" aus der Schnellnavigation direkt
in die Kopfkarte: ein neuer, gleich premium gestylter Button (Teal/Lila statt
Gold, gleiches wanderndes Glanzlicht) unten rechts in der Karte, der zum
Profil-Bereich springt.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-03 17:11:20 +02:00
co-authored by Claude Sonnet 5
parent a222d6c96e
commit 64110484de
6 changed files with 101 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/ch/konto/angemeldet.astro
+11 -13
View File
@@ -89,12 +89,14 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
</div>
</div>
<div class="account-head-actions">
<button type="button" class="btn btn-abo-hero" id="dash-abo-btn">
<span class="btn-abo-hero-sparkle" aria-hidden="true">✨</span>
{t.accountDash.aboHeaderBtn}
</button>
<button type="button" class="btn btn-outline btn-sm" id="dash-logout-btn">{t.accountDash.logout}</button>
</div>
<div class="account-head-daten-row">
<button type="button" class="btn btn-daten-hero" id="dash-daten-btn">
<span class="btn-daten-hero-sparkle" aria-hidden="true">✨</span>
{t.accountDash.datenHeaderBtn}
</button>
</div>
</div>
{/* Schnellnavigation: eine zusammenhängende Leiste direkt über "Meine Bestellungen" /
@@ -119,11 +121,6 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
<span class="account-nav-value">0</span>
<span class="account-nav-label">{t.accountDash.statWishlist}</span>
</button>
<button type="button" class="account-nav-item account-nav-data" data-tab="daten">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">👤</span>
<span class="account-nav-label">{t.accountDash.statData}</span>
</button>
<button type="button" class="account-nav-item account-nav-loyalty" data-tab="treuebonus">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">🎁</span>
@@ -488,10 +485,11 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
item.addEventListener("click", () => { if (item.dataset.tab) setActiveTab(item.dataset.tab); });
});
// Der "Mein Abo verwalten"-Button in der Kopfkarte springt direkt in den Abo-Bereich.
document.getElementById("dash-abo-btn")?.addEventListener("click", () => {
setActiveTab("abo");
aboSection?.scrollIntoView({ behavior: "smooth", block: "start" });
// Der "Meine Daten"-Button in der Kopfkarte springt direkt in den Profil-Bereich. Der Zugriff
// aufs Abo läuft jetzt nur noch über die "Mein Abo"-Nav-Kachel weiter unten.
document.getElementById("dash-daten-btn")?.addEventListener("click", () => {
setActiveTab("daten");
datenSection?.scrollIntoView({ behavior: "smooth", block: "start" });
});
setActiveTab(null);
src/pages/en/konto/angemeldet.astro
+11 -13
View File
@@ -89,12 +89,14 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
</div>
</div>
<div class="account-head-actions">
<button type="button" class="btn btn-abo-hero" id="dash-abo-btn">
<span class="btn-abo-hero-sparkle" aria-hidden="true">✨</span>
{t.accountDash.aboHeaderBtn}
</button>
<button type="button" class="btn btn-outline btn-sm" id="dash-logout-btn">{t.accountDash.logout}</button>
</div>
<div class="account-head-daten-row">
<button type="button" class="btn btn-daten-hero" id="dash-daten-btn">
<span class="btn-daten-hero-sparkle" aria-hidden="true">✨</span>
{t.accountDash.datenHeaderBtn}
</button>
</div>
</div>
{/* Schnellnavigation: eine zusammenhängende Leiste direkt über "Meine Bestellungen" /
@@ -119,11 +121,6 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
<span class="account-nav-value">0</span>
<span class="account-nav-label">{t.accountDash.statWishlist}</span>
</button>
<button type="button" class="account-nav-item account-nav-data" data-tab="daten">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">👤</span>
<span class="account-nav-label">{t.accountDash.statData}</span>
</button>
<button type="button" class="account-nav-item account-nav-loyalty" data-tab="treuebonus">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">🎁</span>
@@ -488,10 +485,11 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
item.addEventListener("click", () => { if (item.dataset.tab) setActiveTab(item.dataset.tab); });
});
// Der "Mein Abo verwalten"-Button in der Kopfkarte springt direkt in den Abo-Bereich.
document.getElementById("dash-abo-btn")?.addEventListener("click", () => {
setActiveTab("abo");
aboSection?.scrollIntoView({ behavior: "smooth", block: "start" });
// Der "Meine Daten"-Button in der Kopfkarte springt direkt in den Profil-Bereich. Der Zugriff
// aufs Abo läuft jetzt nur noch über die "Mein Abo"-Nav-Kachel weiter unten.
document.getElementById("dash-daten-btn")?.addEventListener("click", () => {
setActiveTab("daten");
datenSection?.scrollIntoView({ behavior: "smooth", block: "start" });
});
setActiveTab(null);
src/pages/fr/konto/angemeldet.astro
+11 -13
View File
@@ -89,12 +89,14 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
</div>
</div>
<div class="account-head-actions">
<button type="button" class="btn btn-abo-hero" id="dash-abo-btn">
<span class="btn-abo-hero-sparkle" aria-hidden="true">✨</span>
{t.accountDash.aboHeaderBtn}
</button>
<button type="button" class="btn btn-outline btn-sm" id="dash-logout-btn">{t.accountDash.logout}</button>
</div>
<div class="account-head-daten-row">
<button type="button" class="btn btn-daten-hero" id="dash-daten-btn">
<span class="btn-daten-hero-sparkle" aria-hidden="true">✨</span>
{t.accountDash.datenHeaderBtn}
</button>
</div>
</div>
{/* Schnellnavigation: eine zusammenhängende Leiste direkt über "Meine Bestellungen" /
@@ -119,11 +121,6 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
<span class="account-nav-value">0</span>
<span class="account-nav-label">{t.accountDash.statWishlist}</span>
</button>
<button type="button" class="account-nav-item account-nav-data" data-tab="daten">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">👤</span>
<span class="account-nav-label">{t.accountDash.statData}</span>
</button>
<button type="button" class="account-nav-item account-nav-loyalty" data-tab="treuebonus">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">🎁</span>
@@ -488,10 +485,11 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
item.addEventListener("click", () => { if (item.dataset.tab) setActiveTab(item.dataset.tab); });
});
// Der "Mein Abo verwalten"-Button in der Kopfkarte springt direkt in den Abo-Bereich.
document.getElementById("dash-abo-btn")?.addEventListener("click", () => {
setActiveTab("abo");
aboSection?.scrollIntoView({ behavior: "smooth", block: "start" });
// Der "Meine Daten"-Button in der Kopfkarte springt direkt in den Profil-Bereich. Der Zugriff
// aufs Abo läuft jetzt nur noch über die "Mein Abo"-Nav-Kachel weiter unten.
document.getElementById("dash-daten-btn")?.addEventListener("click", () => {
setActiveTab("daten");
datenSection?.scrollIntoView({ behavior: "smooth", block: "start" });
});
setActiveTab(null);
src/pages/konto/angemeldet.astro
+11 -13
View File
@@ -90,12 +90,14 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
</div>
</div>
<div class="account-head-actions">
<button type="button" class="btn btn-abo-hero" id="dash-abo-btn">
<span class="btn-abo-hero-sparkle" aria-hidden="true">✨</span>
{t.accountDash.aboHeaderBtn}
</button>
<button type="button" class="btn btn-outline btn-sm" id="dash-logout-btn">{t.accountDash.logout}</button>
</div>
<div class="account-head-daten-row">
<button type="button" class="btn btn-daten-hero" id="dash-daten-btn">
<span class="btn-daten-hero-sparkle" aria-hidden="true">✨</span>
{t.accountDash.datenHeaderBtn}
</button>
</div>
</div>
{/* Schnellnavigation: eine zusammenhängende Leiste direkt über "Meine Bestellungen" /
@@ -120,11 +122,6 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
<span class="account-nav-value">0</span>
<span class="account-nav-label">{t.accountDash.statWishlist}</span>
</button>
<button type="button" class="account-nav-item account-nav-data" data-tab="daten">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">👤</span>
<span class="account-nav-label">{t.accountDash.statData}</span>
</button>
<button type="button" class="account-nav-item account-nav-loyalty" data-tab="treuebonus">
<span class="account-nav-sparkle" aria-hidden="true">✨</span>
<span class="account-nav-icon" aria-hidden="true">🎁</span>
@@ -489,10 +486,11 @@ const angekommeneBestellungen = beispielBestellungen.filter((b) => b.status ===
item.addEventListener("click", () => { if (item.dataset.tab) setActiveTab(item.dataset.tab); });
});
// Der "Mein Abo verwalten"-Button in der Kopfkarte springt direkt in den Abo-Bereich.
document.getElementById("dash-abo-btn")?.addEventListener("click", () => {
setActiveTab("abo");
aboSection?.scrollIntoView({ behavior: "smooth", block: "start" });
// Der "Meine Daten"-Button in der Kopfkarte springt direkt in den Profil-Bereich. Der Zugriff
// aufs Abo läuft jetzt nur noch über die "Mein Abo"-Nav-Kachel weiter unten.
document.getElementById("dash-daten-btn")?.addEventListener("click", () => {
setActiveTab("daten");
datenSection?.scrollIntoView({ behavior: "smooth", block: "start" });
});
setActiveTab(null);