Dynamic List

@5minds/node-red-dashboard-2-processcube-dynamic-list — Dashboard-2 UI-Node zur Anzeige von Prozessinstanzen oder UserTasks als Liste.

Überblick

Die Dynamic List stellt Prozessinstanzen oder UserTasks in einer übersichtlichen Listenansicht dar. Jeder Eintrag kann Titel, Fortschritt, Details, Status und Zuständigen anzeigen.

npm-Paket: @5minds/node-red-dashboard-2-processcube-dynamic-list Version: 1.0.x Lizenz: Apache-2.0

Node: ui-dynamic-list

Kategorie: Dashboard 2.0

Input

Feld	Typ	Beschreibung
`msg.payload`	Array	Array von Listenobjekten

Listeneintrags-Schema:

Feld	Typ	Pflicht	Beschreibung
`title`	string	Ja	Titel des Eintrags
`progress`	Object	Nein	Fortschrittsanzeige
`progress.type`	string	—	`"boolean"` oder `"percentage"`
`progress.value`	number	—	Wert (0–100)
`details`	string	Nein	Detailtext
`state`	Object	Nein	Status-Badge
`state.text`	string	—	Status-Text
`state.backgroundColor`	string	—	Badge-Farbe
`assignee`	string	Nein	Zuständige Person

Zusätzliche Eigenschaften (z.B. processInstanceId, flowNodeInstanceId) werden beim Klick im Output durchgereicht.

Output

Feld	Typ	Beschreibung
`msg.payload`	Object	Angeklicktes Listenobjekt (inkl. aller Zusatzeigenschaften)

Pro konfigurierter Aktion wird ein zusätzlicher Output erzeugt.

Konfiguration

Aktionen:

Zusätzliche Buttons pro Listeneintrag. Jede Aktion wird definiert durch:

Feld	Beschreibung
`Id`	ID der Aktion (wird zum Output-Namen)
`Icon`	URL für ein Icon-Bild (unterstützt Data-URLs)

Item Hover-Effekt:

Kann deaktiviert werden, um Hover-Effekte zu unterdrücken. Ein Klick auf den Eintrag löst weiterhin den ersten Output aus.

Beispiel


[processinstance-query] → [Function: Format] → [ui-dynamic-list] → [Weitere Verarbeitung]

Transformations-Funktion:


msg.payload = msg.payload.processInstances.map(pi => ({
    title: pi.processModelId,
    state: { text: pi.state, backgroundColor: pi.state === "running" ? "green" : "grey" },
    details: `Erstellt: ${pi.createdAt}`,
    processInstanceId: pi.processInstanceId
}));
return msg;

Installation

Im Enterprise Image enthalten. Keine separate Installation erforderlich.

Nächste Schritte

Dynamic Table — Tabellenansicht
Process Progress Bar — Fortschrittsanzeige