Abo-Bereich visuell auf Premium-Niveau gehoben

Plan-Karten: eigenes Icon je Stufe (🌱/🌿/👑), Rabatt als farbiger Chip statt
reinem Fließtext, Prämien-Intervalle als eigene Chips (aus den admin-
konfigurierten Werten berechnet), Preis mit Farbverlauf, sanft pulsierender
Rahmen für die aktuell gebuchte Stufe.

Abo-Status: Tabelle durch ein Stat-Kachel-Raster ersetzt (Icon + Label + Wert
pro Kennzahl, Rabatt farblich hervorgehoben), echte Fortschrittsbalken statt
Text für den Weg zum nächsten Teddy (Prozent aus dem admin-konfigurierten
Intervall berechnet), "Bereits erhalten" als Badge-Chip, verfügbare Prämien
als eigene, leicht glühende Karten statt schlichter Buttons.

Benachrichtigungen: farbiger Icon-Kreis pro Ereignistyp (Erfolg/Prämie/
Warnung/Abbruch/Info) statt einheitlicher grauer Liste — auf einen Blick
erkennbar, worum es bei jedem Eintrag geht.

Alles in 4 Sprachen (DE/EN/CH/FR), neues i18n-Template aboRewardEveryLabel
für die Prämien-Intervall-Chips.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-03 17:49:24 +02:00
co-authored by Claude Sonnet 5
parent 28ded7faae
commit 2c6d4dedae
6 changed files with 695 additions and 144 deletions
+4
View File
@@ -257,6 +257,7 @@ export const ui = {
aboAktivesLabel: "✓ Dein aktuelles Abo",
aboWechselnBtn: "Zu diesem Abo wechseln",
aboNichtBuchbar: "Derzeit nicht buchbar",
aboRewardEveryLabel: "alle {n} Mon.",
aboStatusTitle: "Dein Abo-Status",
aboFieldStufe: "Abo-Stufe", aboFieldPreis: "Monatlicher Preis", aboFieldRabatt: "Enthaltener Rabatt",
aboFieldStart: "Startdatum", aboFieldNaechsteZahlung: "Nächste Zahlung", aboFieldLaufzeit: "Bisherige Laufzeit",
@@ -558,6 +559,7 @@ export const ui = {
aboAktivesLabel: "✓ Your current plan",
aboWechselnBtn: "Switch to this plan",
aboNichtBuchbar: "Currently unavailable",
aboRewardEveryLabel: "every {n} mo.",
aboStatusTitle: "Your subscription status",
aboFieldStufe: "Plan", aboFieldPreis: "Monthly price", aboFieldRabatt: "Included discount",
aboFieldStart: "Start date", aboFieldNaechsteZahlung: "Next payment", aboFieldLaufzeit: "Duration so far",
@@ -859,6 +861,7 @@ export const ui = {
aboAktivesLabel: "✓ Dis aktuells Abo",
aboWechselnBtn: "Zu dem Abo wechsle",
aboNichtBuchbar: "Momentan nöd buechbar",
aboRewardEveryLabel: "alli {n} Mt.",
aboStatusTitle: "Din Abo-Status",
aboFieldStufe: "Abo-Stufe", aboFieldPreis: "Monetliche Priis", aboFieldRabatt: "Enthaltene Rabatt",
aboFieldStart: "Startdatum", aboFieldNaechsteZahlung: "Nächschti Zahlig", aboFieldLaufzeit: "Bisherigi Laufziit",
@@ -1160,6 +1163,7 @@ export const ui = {
aboAktivesLabel: "✓ Votre abonnement actuel",
aboWechselnBtn: "Passer à cet abonnement",
aboNichtBuchbar: "Actuellement indisponible",
aboRewardEveryLabel: "tous les {n} mois",
aboStatusTitle: "Statut de votre abonnement",
aboFieldStufe: "Formule", aboFieldPreis: "Prix mensuel", aboFieldRabatt: "Remise incluse",
aboFieldStart: "Date de début", aboFieldNaechsteZahlung: "Prochain paiement", aboFieldLaufzeit: "Durée jusqu'ici",