Navigation

Die Navigation in KlarKonform basiert auf einer collapsiblen Sidebar mit gruppierten Menüeinträgen. Breadcrumbs helfen bei der Orientierung innerhalb der Anwendung.

Die Sidebar ist in thematische Gruppen unterteilt:

+----------------------------------+
|  [Logo] KlarKonform              |
+----------------------------------+
|                                  |
|  v PLATTFORM                     |
|    > Dashboard                   |
|                                  |
|  v PERSONAL                      |
|    > Mitarbeiter                 |
|    > Teams                       |
|    > Sicherheitsgruppen          |
|    > Schichten (Admin)           |
|                                  |
|  v CRM                           |
|    > Konversationen              |
|    > Kontakte                    |
|                                  |
|  v BUCHHALTUNG                   |
|    > Artikel                     |
|    > Rechnungen                  |
|    > Angebote                    |
|                                  |
|  v DSGVO (Admin)                 |
|    > Übersicht                   |
|    > Anwendungen                 |
|    > Verarbeitungstätigkeiten    |
|    > TOMs                        |
|    > Standorte                   |
|    > Löschkonzept                |
|    > Websites                    |
|    > Mitarbeiter-Vereinbarungen  |
|                                  |
|  v VERWALTUNG                    |
|    > M365 Backup                 |
|    > Abonnement                  |
|                                  |
+----------------------------------+
|  > Hilfe                         |
|  [Benutzer-Menü]                 |
|  AGB | Datenschutz | Impressum   |
+----------------------------------+

Menü-Gruppen

Plattform

Eintrag	Beschreibung
Dashboard	Startseite mit Widgets

Personal (HR)

Eintrag	Beschreibung	Nur fuer Admins
Mitarbeiter	Mitarbeiterverwaltung	Nein
Teams	Team-Verwaltung	Nein
Sicherheitsgruppen	Berechtigungsgruppen	Nein
Schichten	Schichtplanung	Ja

CRM

Eintrag	Beschreibung
Konversationen	E-Mail- und Chat-Verlaeufe
Kontakte	Kunden, Lieferanten, Partner

Buchhaltung

Die Buchhaltungs-Gruppe wird nur angezeigt, wenn das Buchhaltungs-Modul fuer Ihren Mandanten aktiviert ist.

Eintrag	Beschreibung
Artikel	Produkt- und Dienstleistungskatalog
Rechnungen	Ausgangsrechnungen
Angebote	Angebotsverwaltung

DSGVO

Die DSGVO-Gruppe ist nur fuer Administratoren sichtbar und erfordert das aktivierte DSGVO-Modul.

Eintrag	Beschreibung
Uebersicht	DSGVO-Dashboard mit Compliance-Score
Anwendungen	Software-Inventar mit AVV-Status
Verarbeitungstaetigkeiten	Art. 30 Verzeichnis
TOMs	Technische und organisatorische Massnahmen
Standorte	Buero, Home-Office, etc.
Loeschkonzept	Aufbewahrungsfristen
Websites	Datenschutz-Audits
Mitarbeiter-Vereinbarungen	Verpflichtungserklaerungen

Verwaltung

Eintrag	Beschreibung	Nur fuer Admins
M365 Backup	Backup-Verwaltung	Ja
Abonnement	Abonnement-Verwaltung	Ja

Super Admin

Diese Gruppe erscheint nur fuer Super-Administratoren:

Eintrag	Beschreibung
Impersonation	Als anderer Benutzer anmelden

Accordion-Verhalten

Die Menü-Gruppen sind aufklappbar (Accordion):

Klick auf Gruppenname: Gruppe auf-/zuklappen
Persistent: Zustand wird im Browser gespeichert
Mehrere geöffnet: Mehrere Gruppen können gleichzeitig offen sein

Speicherung

Der Zustand der Accordions wird in localStorage gespeichert:

Schlüssel: sidebar-accordion
Inhalt: JSON-Objekt mit Gruppenstatus

Breadcrumbs

Breadcrumbs zeigen den aktuellen Navigationspfad:

Dashboard > DSGVO > Verarbeitungstätigkeiten > Lohnabrechnung

Aufbau

Position	Inhalt	Klickbar
1	Startpunkt (Dashboard)	Ja
2-n	Zwischenebenen	Ja
Letzter	Aktuelle Seite	Nein

Beispiele

Seite	Breadcrumb-Pfad
Dashboard	Dashboard
DSGVO-Übersicht	Dashboard > DSGVO
Neue Verarbeitungstätigkeit	Dashboard > DSGVO > Verarbeitungstätigkeiten > Neu
Mitarbeiter bearbeiten	Dashboard > Mitarbeiter > Max Mustermann > Bearbeiten

Am unteren Rand der Sidebar befinden sich:

Hilfe-Link

[?] Hilfe

Öffnet die Dokumentation in einem neuen Tab (/docs).

Benutzer-Menü

Zeigt den aktuellen Benutzer mit Optionen:

Profilbild / Avatar
Name und E-Mail
Link zu Einstellungen
Abmelden

Rechtliche Links

AGB | Datenschutz | Impressum

Verlinken zu den öffentlichen Rechtstexten.

Responsive Verhalten

Desktop (> 1024px)

Sidebar ist standardmäßig offen
Kann eingeklappt werden (Icon-Modus)
Hover zeigt Tooltips im Icon-Modus

Tablet (768px - 1024px)

Sidebar startet eingeklappt
Kann ausgeklappt werden
Overlay über Inhalt

Mobile (< 768px)

Sidebar ist versteckt
Hamburger-Menü zum Öffnen
Vollbild-Overlay

Icon-Zuordnung

Menüeintrag	Icon	Lucide-Name
Dashboard	Raster	`LayoutGrid`
Mitarbeiter	Person	`User`
Teams	Gruppe	`Users2`
Sicherheitsgruppen	Schild	`Shield`
Schichten	Uhr	`Clock`
Konversationen	Sprechblase	`MessageSquare`
Kontakte	Personen	`Users`
Artikel	Paket	`Package`
Rechnungen	Dokument	`FileText`
Angebote	Check-Dokument	`FileCheck`
DSGVO Übersicht	Schild-Check	`ShieldCheck`
Anwendungen	App-Fenster	`AppWindow`
Verarbeitungstätigkeiten	Dokument	`FileText`
TOMs	Schloss	`Lock`
Standorte	Pin	`MapPin`
Löschkonzept	Papierkorb	`Trash2`
Websites	Globus	`Globe`
Vereinbarungen	Signatur	`FileSignature`
Backup	Datenbank	`DatabaseBackup`
Abonnement	Kreditkarte	`CreditCard`
Hilfe	Fragezeichen	`HelpCircle`

Berechtigungsbasierte Sichtbarkeit

Menuepunkte werden basierend auf Ihren Berechtigungen gefiltert:

Kriterium	Beschreibung
Rolle	Bestimmte Bereiche sind nur fuer Administratoren sichtbar
Module	Bereiche werden nur angezeigt, wenn das Modul aktiviert ist

Beispiel: DSGVO-Bereich

Die DSGVO-Gruppe wird angezeigt, wenn:

Das DSGVO-Modul fuer Ihren Mandanten aktiviert ist
Sie Administrator sind

Falls eine dieser Bedingungen nicht erfuellt ist, wird die Gruppe nicht angezeigt.