Process Progress Bar
@5minds/node-red-dashboard-2-processcube-process-progress-bar — Dashboard-2 UI-Node zur Anzeige eines schrittweisen Fortschrittsbalkens, der den Verlauf eines Prozesses verfolgt.
Überblick
Die Process Progress Bar zeigt den Fortschritt eines BPMN-Prozesses als Schrittanzeige an. Sie aktualisiert sich automatisch, wenn UserTasks gestartet oder beendet werden.
npm-Paket: @5minds/node-red-dashboard-2-processcube-process-progress-bar
Version: 1.1.x
Lizenz: Apache-2.0
Node: ui-process-progress-bar
Kategorie: Dashboard 2.0
Konfiguration
| Eigenschaft | Beschreibung |
|---|---|
Title | Titel über dem Fortschrittsbalken (auch dynamisch via msg.payload.title) |
Color | Farbe für Umrandung, Füllung und Text |
Steps | Liste der Schritte |
Schritt-Definition:
| Feld | Beschreibung |
|---|---|
Label | Anzeigetext des Schritts |
FlownodeId | FlowNode-ID, die aktiv/beendet sein muss |
Icon | Optional: Bild-URL für den Schritt |
Icon finished | Optional: Bild-URL nach Abschluss des Schritts |
Icons unterstützen Data-URLs für eingebettete Bilder/SVGs.
Input
| Feld | Typ | Beschreibung |
|---|---|---|
msg.payload | Object | UserTask-Event oder UserTask-Input |
msg.payload.title | string | Optional: Dynamischer Titel |
Verwendung
Verbinden Sie einen usertask-event-listener-Node und leiten Sie alle new- und finished-Events an den Progress Bar-Node.
[usertask-event-listener] → [ui-process-progress-bar]
(event: new + finished)Der Output eines usertask-input-Nodes kann ebenfalls verwendet werden, wenn der Sendetyp Send First Task genutzt wird.
Verhalten
- Zeigt 0–1 aktive Schritte an
- Alle Schritte vor dem aktiven Schritt werden als abgeschlossen dargestellt
- Aktualisiert sich automatisch bei UserTask-Events
Installation
Im Enterprise Image enthalten. Keine separate Installation erforderlich.
Nächste Schritte
- Dynamic List — Prozesslisten
- Engine Nodes — UserTask-Events