Unify mobile detail navigation
This commit is contained in:
1 parent
ea434033f0
commit
732068ad9c
4 files changed
+156
-9
No files matched your search
@@ -0,0 +1,27 @@
|
||||
# Mobile Detail
|
||||
|
||||
## Zweck
|
||||
|
||||
`SharedMobileDetail` ist ein fachlich neutrales Frontend-Pattern fuer mobile
|
||||
Listen-/Detailansichten. Es ersetzt auf kleinen Viewports den sichtbaren
|
||||
Drawer durch eine vollflaechige Detailansicht.
|
||||
|
||||
## Verantwortung
|
||||
|
||||
Das Pattern kapselt ausschliesslich technische Interaktion:
|
||||
|
||||
- Verschieben des vorhandenen Detail-DOMs in einen mobilen Host
|
||||
- Anzeigen und Entfernen des mobilen Hosts
|
||||
- Browser-History und `popstate`-kompatibler Zurueck-Navigation
|
||||
- Zuruecksetzen des Body-Locks und des globalen Drawer-Zustands
|
||||
- Zuruecksetzen der Drawer-Attribute beim Verlassen der Detailansicht
|
||||
|
||||
Fachliche Darstellung, API-Aufrufe, Validierung und Speichern bleiben im
|
||||
owning Modul.
|
||||
|
||||
## Nutzung
|
||||
|
||||
Fachliche Bereiche erzeugen einen Controller mit eigenem Host-/Drawer-
|
||||
Attribut, eigener Body-Klasse und einem bestehenden Styleguide-
|
||||
Navigationskarten-Markup fuer die Zurueck-Navigation. Der Controller darf
|
||||
keine fachlichen Daten oder fachlichen Zustandsentscheidungen enthalten.
|
||||
Reference in new issue
Block a user