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

1.1 KiB

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