feat(ui): 3-Schritte-Akkordeon, 300-DPI PDF-Export, Medien-Kit Fusion & Regionales Netzwerk #7

Merged

andre merged 2 commits from a1/ui-overhaul-and-regional-network into main

2026-09-27 15:03:14 +02:00

andre commented

2026-09-27 15:00:35 +02:00

Owner

Zusammenfassung

Erledigung aller verbliebenen offenen Punkte aus dem UI & Design Gutachten (Teil 3.2) sowie der Etappe 5 (Trainer-Portal-Zugang & Regionales Netzwerk):

3-Schritte-Akkordeon im Co-Branding Studio:
- Schritt 1: Partner-Profil & Branche (Typ-Wahl, Partner-Name, Stadt, GPS, Logo-Upload, exklusiver Rabatt-Vorteil)
- Schritt 2: Werbemittel & Format (7 Formate: A4, Biker-Tourenblatt Guide, A5, 1:1 Feed, 9:16 Story, Web-Banner, E-Mail-Signatur)
- Schritt 3: Bildmotiv & Botschaft (6 Motive inkl. Schräglagen-Vektor α=45°, Kommunikations-Fokus, Headlines, Subline)
- UX: Aufklappbar, mobil-optimiert, saubere Status-Badges.
Echter 300-DPI Druck-PDF Export:
- Clientseitiger standardkonformer PDF 1.4 Generator ohne externe Abhängigkeiten (exportCanvasAsPdf).
- Berechnet exakte DIN A4 / DIN A5 Maße (595.28 × 841.89 pt / 419.53 × 595.28 pt) und bettet das Canvas in voller Druckauflösung ein.
- Lädt beim Klick auf „Druckansicht öffnen“ automatisch die druckfertige PDF herunter und öffnet den Browser-Druckdialog.
Fusion von Medien-Kit & DAM-Archiv:
- Die bisherigen separaten Nav-Tabs wurden in einen einheitlichen Tab Medien-Kit überführt.
- Sektion 1: Pressepaket & Textvorlagen (1-Click Copy für Social, Newsletter, Web, Messenger)
- Sektion 2: Bild- & DAM-Pool mit den 6 High-Res Originalaufnahmen, Downloads und Bild-URLs.
- Volle Abwärtskompatibilität für bestehende Tests und Links (data-tab="dam" und id="tab-dam").
Regionales Netzwerk im Cockpit (Etappe 5 Cross-Referral):
- Neuer Endpunkt GET /api/partner/network?region=... im Node.js Backend.
- Interaktive Partnerkarten (Hotels, Händler, Coaches) für das jeweilige Revier mit Partnertyp-Badges und Kooperationsstatus.
Testabdeckung:
- 45/45 Tests erfolgreich (node --test tests/*.test.mjs).

### Zusammenfassung Erledigung aller verbliebenen offenen Punkte aus dem UI & Design Gutachten (Teil 3.2) sowie der Etappe 5 (Trainer-Portal-Zugang & Regionales Netzwerk): 1. **3-Schritte-Akkordeon im Co-Branding Studio:** - Schritt 1: Partner-Profil & Branche (Typ-Wahl, Partner-Name, Stadt, GPS, Logo-Upload, exklusiver Rabatt-Vorteil) - Schritt 2: Werbemittel & Format (7 Formate: A4, Biker-Tourenblatt Guide, A5, 1:1 Feed, 9:16 Story, Web-Banner, E-Mail-Signatur) - Schritt 3: Bildmotiv & Botschaft (6 Motive inkl. Schräglagen-Vektor α=45°, Kommunikations-Fokus, Headlines, Subline) - UX: Aufklappbar, mobil-optimiert, saubere Status-Badges. 2. **Echter 300-DPI Druck-PDF Export:** - Clientseitiger standardkonformer PDF 1.4 Generator ohne externe Abhängigkeiten (`exportCanvasAsPdf`). - Berechnet exakte DIN A4 / DIN A5 Maße (595.28 × 841.89 pt / 419.53 × 595.28 pt) und bettet das Canvas in voller Druckauflösung ein. - Lädt beim Klick auf „Druckansicht öffnen“ automatisch die druckfertige PDF herunter und öffnet den Browser-Druckdialog. 3. **Fusion von Medien-Kit & DAM-Archiv:** - Die bisherigen separaten Nav-Tabs wurden in einen einheitlichen Tab `Medien-Kit` überführt. - Sektion 1: Pressepaket & Textvorlagen (1-Click Copy für Social, Newsletter, Web, Messenger) - Sektion 2: Bild- & DAM-Pool mit den 6 High-Res Originalaufnahmen, Downloads und Bild-URLs. - Volle Abwärtskompatibilität für bestehende Tests und Links (`data-tab="dam"` und `id="tab-dam"`). 4. **Regionales Netzwerk im Cockpit (Etappe 5 Cross-Referral):** - Neuer Endpunkt `GET /api/partner/network?region=...` im Node.js Backend. - Interaktive Partnerkarten (Hotels, Händler, Coaches) für das jeweilige Revier mit Partnertyp-Badges und Kooperationsstatus. 5. **Testabdeckung:** - 45/45 Tests erfolgreich (`node --test tests/*.test.mjs`).

andre added 1 commit

2026-09-27 15:00:35 +02:00