Layers
Layers definieren die übergeordneten Produktebenen im DPP-System. Sie bestimmen, auf welcher Ebene Produkte und deren Attribute organisiert werden. Die Darstellung erfolgt als sortierbare Karten mit Drag-and-Drop-Unterstützung.
/admin/layers).Übersicht
Die Layers-Übersicht zeigt alle konfigurierten Layer als sortierbare Karten.
UI-Elemente
| Element | Beschreibung |
|---|---|
| "+ Add Layer" Button | Oben rechts – erstellt einen neuen Layer |
| Sortierbare Karten | Mit Drag-Handle und Auf-/Ab-Pfeilen |
| Nummerierung | #1, #2, … zeigt die aktuelle Reihenfolge |
| Edit-Icon (Stift) | Öffnet den Edit-Dialog als Modal |
| "Save Order" Button | Speichert die Reihenfolge der Layer |
Edit-Dialog
Der Edit-Dialog eines Layers wird als Modal-Fenster geöffnet und enthält alle konfigurierbaren Felder.
Felder
| Feld | Typ | Pflicht | Beschreibung |
|---|---|---|---|
| Key | Text-Input | Ja | Eindeutiger technischer Schlüssel, z.B. Article |
| Icon | Text-Input | Nein | Icon-Name von lucide.dev. Wichtig: Prefix i-lucide- verwenden, z.B. i-lucide-layers |
| Color | Color-Picker | Nein | Farbwähler für die visuelle Darstellung des Layers |
| Labels | Text-Input (pro Sprache) | Nein | Anzeigename pro konfigurierter Sprache, z.B. DE: "Artikel" |
Neuen Layer anlegen
- Klicke auf den "+ Add Layer" Button in der Übersicht.
- Vergib einen eindeutigen Key (z.B.
Variant). - Optional: Trage ein Icon ein (z.B.
i-lucide-box). - Optional: Wähle eine Color über den Color-Picker.
- Pflege die Labels pro konfigurierter Sprache.
- Klicke auf "Update", um den Layer zu speichern.
Reihenfolge ändern
Die Reihenfolge der Layer bestimmt deren Anzeigeposition in der Anwendung. Es gibt zwei Möglichkeiten, die Reihenfolge zu ändern:
- Drag and Drop – Ziehe eine Karte über den Drag-Handle an die gewünschte Position.
- Pfeiltasten – Nutze die Auf-/Ab-Pfeile auf der Karte, um die Position schrittweise anzupassen.
Klicke anschließend auf "Save Order", um die neue Reihenfolge zu speichern.
Beispiel: Konfigurierter Layer
| # | Label (DE) | Key | Icon | Color |
|---|---|---|---|---|
| 1 | Artikel | Article | i-lucide-layers | Schwarz (#000000) |
Zusammenhang mit dem Datenmodell
Layers bilden die oberste Strukturebene im Datenmodell. Zusammen mit Attribute Groups und Attribute Definitions definieren sie den vollständigen Aufbau eines Digitalen Produktpasses:
Layer (z.B. Artikel)
├── Attribute Group (z.B. Stammdaten)
│ ├── Attribute Definition (z.B. Artikelnummer)
│ ├── Attribute Definition (z.B. GTIN)
│ └── ...
├── Attribute Group (z.B. Technische Attribute)
│ ├── Attribute Definition (z.B. Gewicht Brutto)
│ └── ...
└── ...