dak.c2s/docs/plans/2026-02-28-anleitung-page-design.md
CCS Admin 61f95483d6 feat: add Anleitung page with step-by-step guides for all portal features
New guide page accessible via sidebar with accordion-based instructions
covering Dashboard, Cases, ICD input, Disclosures, Reports, Weekly
Overview, and Account management. Includes a glossary of key terms.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-28 11:48:52 +00:00

39 lines
1.1 KiB
Markdown

# Design: Anleitungsseite für DAK-Portal
## Zusammenfassung
Statische Anleitungsseite (`/anleitung`) mit Akkordeon-basierten Schritt-für-Schritt-Anleitungen für alle wichtigen Funktionen des DAK-Portals. Sichtbar für alle eingeloggten Benutzer.
## Dateien
| Datei | Änderung |
|-------|----------|
| `frontend/src/pages/AnleitungPage.tsx` | Neue Seite |
| `frontend/src/components/layout/Sidebar.tsx` | Neuer NavItem-Eintrag |
| `frontend/src/App.tsx` | Route hinzufügen |
## Sidebar-Eintrag
- Position: In `accountNavItems`, nach "Meine Freigaben"
- Icon: `BookOpen` (lucide-react)
- Kein `adminOnly`/`mitarbeiterOnly` — für alle sichtbar
## Seitenstruktur
Header + 8 Akkordeon-Abschnitte:
1. Dashboard verstehen
2. Fälle suchen und filtern
3. Falldetails anzeigen
4. ICD-Codes eingeben
5. Personendaten anfordern (Freigaben)
6. Berichte herunterladen
7. Wochenübersicht & ICD-Upload
8. Konto & Sicherheit
## Komponenten
- shadcn/ui `Accordion` (bereits vorhanden)
- shadcn/ui `Card` als Container
- shadcn/ui `Badge` für Fachbegriffe
- lucide-react Icons als visuelle Orientierung