2026-03-19 18:23:04 +01:00
|
|
|
# Row Interaction Standard
|
|
|
|
|
|
|
|
|
|
## Ziel
|
|
|
|
|
|
|
|
|
|
Row-Navigation discoverable und keyboard-freundlich machen.
|
|
|
|
|
|
|
|
|
|
## Standardverhalten
|
|
|
|
|
|
2026-03-24 19:43:03 +01:00
|
|
|
1. Konfigurierbares Link-Column: Die primaere Datenspalte (z.B. Name, Beschreibung) wird als klickbarer `<a>`-Link gerendert.
|
2026-03-19 18:23:04 +01:00
|
|
|
2. Enter auf fokussierter Row loest dieselbe Navigation aus.
|
2026-04-29 09:57:22 +02:00
|
|
|
3. Doppelklick bleibt als Fallback für Power-User.
|
2026-03-24 19:43:03 +01:00
|
|
|
4. Nur Rows mit Ziel-URL erhalten `data-row-open-url` und den Link im Link-Column.
|
|
|
|
|
5. Rows ohne URL (z.B. fehlende Berechtigung) zeigen den Inhalt als Plain-Text ohne Link.
|
2026-03-19 18:23:04 +01:00
|
|
|
|
|
|
|
|
## Contract
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
rowInteraction: {
|
|
|
|
|
enabled: true,
|
2026-03-24 19:43:03 +01:00
|
|
|
linkColumn: 0, // Index der sichtbaren Datenspalte, die als Link gerendert wird (default: 0)
|
|
|
|
|
keepDblClick: true, // Doppelklick-Navigation beibehalten (default: true)
|
|
|
|
|
enableEnterOnRow: true, // Enter-Key-Navigation auf fokussierter Row (default: true)
|
|
|
|
|
rowEnterHint: 'Press Enter to open row'
|
2026-03-19 18:23:04 +01:00
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
2026-03-24 19:43:03 +01:00
|
|
|
### linkColumn-Zuordnung
|
|
|
|
|
|
|
|
|
|
| Seite | linkColumn | Zielspalte |
|
|
|
|
|
|---|---|---|
|
|
|
|
|
| Users | 2 | First name (nach Avatar + hidden UUID) |
|
|
|
|
|
| Tenants | 1 | Description (nach Avatar) |
|
|
|
|
|
| Roles, Departments, Permissions | 0 | Description |
|
|
|
|
|
| Address book | 1 | Name (nach hidden UUID) |
|
|
|
|
|
| Mail log | 3 | Subject |
|
|
|
|
|
| Scheduled jobs | 0 | Job label |
|
|
|
|
|
| System audit, Import audit, User lifecycle audit | 2 | Event/Profile/Action |
|
|
|
|
|
| API audit | 3 | Path |
|
|
|
|
|
|
2026-03-19 18:23:04 +01:00
|
|
|
## Guardrails
|
|
|
|
|
|
|
|
|
|
1. Keine globale Tab-Stop-Flut auf allen Rows.
|
2026-04-29 09:57:22 +02:00
|
|
|
2. Fokusstil für Row und Link-Element sichtbar.
|
|
|
|
|
3. Explizite `actions.enabled: true` pro Seite darf Link-Column übersteuern (eigene Action-Spalte).
|
2026-03-24 19:43:03 +01:00
|
|
|
4. Link-Column darf keine Spalte mit verschachtelten `<a>`-Elementen umwickeln (z.B. Avatar mit Lightbox).
|