Centralize editable card visibility toggle
This commit is contained in:
1 parent
cc534b0ce4
commit
dea0cd9e39
4 files changed
+76
-11
No files matched your search
@@ -13,6 +13,7 @@ Das Pattern kapselt nur die technische Interaktion:
|
||||
- optionale Loeschbestaetigung mit konfigurierbarem Token
|
||||
- Deaktivieren der Loeschaktion bis zur gueltigen Bestaetigung
|
||||
- gleichzeitiges Bearbeiten mehrerer Karten
|
||||
- optionales Ein- und Ausblenden des Karteninhalts
|
||||
|
||||
Fachliche Aktionen, API-Aufrufe, Validierung und die Aktualisierung fachlicher
|
||||
Daten bleiben beim owning Modul.
|
||||
@@ -26,6 +27,9 @@ Bedienelemente verwenden folgende Attribute:
|
||||
- `data-shared-editable-card-cancel`
|
||||
- `data-shared-editable-card-read`
|
||||
- `data-shared-editable-card-form`
|
||||
- optional `data-shared-editable-card-collapsible`
|
||||
- optional `data-shared-editable-card-collapsed`
|
||||
- optional `data-shared-editable-card-toggle`
|
||||
- optional `data-shared-editable-card-delete`
|
||||
- optional `data-shared-editable-card-delete-confirmation`
|
||||
- optional `data-shared-editable-card-delete-input`
|
||||
@@ -41,6 +45,20 @@ Das Loesch-Token wird je Karte mit
|
||||
Loeschen bleibt im owning Modul und verwendet den bestehenden fachlichen
|
||||
Handler.
|
||||
|
||||
## Optionales Ein- und Ausblenden
|
||||
|
||||
Eine Karte mit `data-shared-editable-card-collapsible` kann ihren Inhalt
|
||||
ein- und ausblenden. Mit `data-shared-editable-card-collapsed` wird der initial
|
||||
eingeklappte Zustand markiert. Der Toggle verwendet die Beschriftungen
|
||||
„Anzeigen“ und „Verbergen“. Beim Wechsel in den Bearbeitungsmodus wird der
|
||||
Inhalt eingeblendet und der Toggle deaktiviert. Nach dem Bearbeiten bleibt der
|
||||
aktuelle Sichtbarkeitszustand erhalten.
|
||||
|
||||
Die zentrale Komponente stellt dafür `setVisibility(card, visible)`,
|
||||
`isVisible(card)` und `setToggleEnabled(card, enabled)` bereit. Fachmodule
|
||||
verwenden diese Methoden nur für fachliche Folgeaktionen wie das erneute
|
||||
Rendern nach dem Speichern.
|
||||
|
||||
## Nutzung im Lager
|
||||
|
||||
Im Lager-Drawer verwenden die aktive Charge und offene Chargen das Pattern.
|
||||
|
||||
Reference in new issue
Block a user