Add shared editable action card pattern
This commit is contained in:
1 parent
1eef7bd70b
commit
a672fc76e4
3 files changed
+172
-11
No files matched your search
@@ -0,0 +1,43 @@
|
||||
# Editable Action Card
|
||||
|
||||
## Zweck
|
||||
|
||||
`Editable Action Card` ist ein fachlich neutrales UI-Pattern fuer Karten mit
|
||||
Titelaktionen, Lesemodus und optionalem Bearbeitungsmodus.
|
||||
|
||||
Das Pattern kapselt nur die technische Interaktion:
|
||||
|
||||
- Umschalten zwischen Lese- und Bearbeitungsansicht
|
||||
- Abbrechen einer Bearbeitung
|
||||
- optionale Loeschbestaetigung mit konfigurierbarem Token
|
||||
- Deaktivieren der Loeschaktion bis zur gueltigen Bestaetigung
|
||||
- gleichzeitiges Bearbeiten mehrerer Karten
|
||||
|
||||
Fachliche Aktionen, API-Aufrufe, Validierung und die Aktualisierung fachlicher
|
||||
Daten bleiben beim owning Modul.
|
||||
|
||||
## Markup-Vertrag
|
||||
|
||||
Eine Karte wird mit `data-shared-editable-action-card` markiert. Die
|
||||
Bedienelemente verwenden folgende Attribute:
|
||||
|
||||
- `data-shared-editable-card-edit`
|
||||
- `data-shared-editable-card-cancel`
|
||||
- `data-shared-editable-card-read`
|
||||
- `data-shared-editable-card-form`
|
||||
- optional `data-shared-editable-card-delete`
|
||||
- optional `data-shared-editable-card-delete-confirmation`
|
||||
- optional `data-shared-editable-card-delete-input`
|
||||
- optional `data-shared-editable-card-delete-submit`
|
||||
- optional `data-shared-editable-card-delete-cancel`
|
||||
|
||||
Das Loesch-Token wird je Karte mit
|
||||
`data-shared-editable-delete-token` konfiguriert. Die Standardaktion fuer das
|
||||
Loeschen bleibt im owning Modul und verwendet den bestehenden fachlichen
|
||||
Handler.
|
||||
|
||||
## Nutzung im Lager
|
||||
|
||||
Im Lager-Drawer verwenden die aktive Charge und offene Chargen das Pattern.
|
||||
Rein lesende Karten, insbesondere historische und virtuelle Chargen, bleiben
|
||||
beim bestehenden Content-Card-Pattern.
|
||||
Reference in new issue
Block a user