Infoleiste¶
Die Infoleiste ist eine kontextsensitive Seitenleiste, die detaillierte Informationen zum aktuell ausgewählten Element in einer Tabellenansicht anzeigt. Sie ermöglicht einen schnellen Überblick, ohne die aktuelle Ansicht verlassen zu müssen.
Funktionsweise¶
Beim Klick auf eine Zeile in einer beliebigen Tabellenansicht (z. B. Inventar, Kalibrierungen, Aufträge) wird die Infoleiste am rechten Bildschirmrand eingeblendet. Sie zeigt die wichtigsten Eigenschaften des gewählten Datensatzes übersichtlich an.
Tastenkürzel
Die Infoleiste kann mit der Taste ++i++ ein- und ausgeblendet werden.
Angezeigte Informationen¶
Je nach Modul werden unterschiedliche Daten dargestellt:
| Modul | Angezeigte Felder |
|---|---|
| Inventar | Gerätetyp, Seriennummer, Standort, Kalibrierstatus, nächste Kalibrierung |
| Kalibrierungen | Kalibrierdatum, Ergebnis, zugeordnetes Gerät, Prozedur, Prüfer |
| Aufträge | Kunde, Status, Auftragsnummer, Lieferdatum, Positionen |
| Leihmessmittel | Gerät, Entleiher, Leihzeitraum, Status |
Aufbau der Infoleiste¶
Die Infoleiste ist in mehrere Bereiche gegliedert:
Kopfbereich¶
- Titel des ausgewählten Elements (z. B. Gerätename oder Auftragsnummer)
- Status-Badge mit farblicher Kennzeichnung
- Schnellaktionen (Bearbeiten, Löschen) als Icon-Buttons
Detailbereich¶
- Tabellarische Darstellung aller relevanten Felder
- Verlinkungen zu verknüpften Datensätzen (z. B. vom Gerät zur letzten Kalibrierung)
Verlaufsbereich¶
- Letzte Änderungen am Datensatz (Änderungshistorie)
- Zeitstempel und verantwortlicher Benutzer
Konfiguration¶
Die Breite der Infoleiste kann per Drag & Drop angepasst werden. Die gewählte Breite wird im Browser gespeichert und beim nächsten Aufruf wiederhergestellt.
Tipp
Durch Doppelklick auf eine Zeile gelangen Sie direkt zur vollständigen Detailansicht des Datensatzes. Die Infoleiste eignet sich besonders für einen schnellen Überblick, ohne den Kontext der Liste zu verlieren.
Berechtigungen¶
Die Infoleiste zeigt nur Informationen an, für die der aktuelle Benutzer die entsprechenden Leserechte besitzt. Felder ohne Leseberechtigung werden automatisch ausgeblendet.
// Beispiel: Infoleiste wird über den Vuex-Store gesteuert
const infobarStore = useInfobarStore()
infobarStore.open(selectedItem)
Technische Umsetzung¶
Die Infoleiste ist als Vue-3-Komponente im Nuxt-4-Frontend implementiert. Die Daten werden über die Laravel-API (v2) geladen und reaktiv aktualisiert, sobald ein anderes Element ausgewählt wird.