Workflow (WebWidget)
Stellt Geschäftsprozesse als gerichteten Graphen dar. Der Geschäftsprozess verläuft dabei von oben nach unten. Beim Doppelklick auf einzelne Knoten werden die Zustände oder Transitionen geöffnet und können editiert werden.
Verwendung
Abhängigkeiten
- workflow.html
- workflow-directive.js
- dependencies/
- d3.min.js
- dagre-d3.min.js
- workflow.css
Nachrichtenschnittstelle
Bei der Richtungsbeschreibung wird das WebWidget in seine zwei Komponenten unterteilt. Das in HTML implementierte WebWidget, welches die Darstellungslogik und Nutzerinteraktion im Browser implementiert und das in InstantView implementierte WebWidget, welches die andere Seite mit den Daten aus ClassiX versorgt und es steuert.
Name | Parameter | Beschreibung |
---|---|---|
Push-Nachrichten (IV→HTML) | ||
data | Data | Diese Nachricht übergibt ein Data-Objekt als CX_JSON_OBJECT ans WebWidget und enthält alle benötigten Daten zum Zeichnen vom Diagramm. Diese Nachricht kann beliebig oft geschickt werden, um die Daten und ggf. die Darstellungsoptionen zu aktualisieren. |
Ereignisse (HTML→IV) | ||
INITIALIZE_SOCKET | - | Die erste Nachricht, die das WebWidget schickt, sobald es sich initialisiert hat. Dies signalisiert die Bereitschaft des WebWidgets, Push-Nachrichten zu empfangen und zu verarbeiten. |
DOUBLE_CLICK_SOCKET | JSON-String |
InstantView wird mitgeteilt, dass auf dem entsprechenden Knoten doppelt geklickt wurde. Je nachdem, ob ein Zustand oder Übergang doppelgeklickt wird, wird ein JSON-String des folgenden Formats übergeben: Zustand: {type: "state", id: Identifikator des Zustandes} Übergang: {type: "transition", from: ..., to: ...., title: .... } Siehe Parametererklärung unter Das Transition-Object |
Das Data-Objekt
Das Data-Objekt ist vom Typ CX_JSON_OBJECT und beinhaltet die alle im Graphen enthaltenen Knoten. Jeder Knoten wird über eine id identifiziert, hat einen optionalen text und children (Kindknoten).
Feld | Typ | Beschreibung |
---|---|---|
states | ARRAY(STATE) | Menge der Zustände (Status) im Geschäftsprozess. |
transitions | ARRAY(TRANSITION) | Menge der Übergänge (Transitionen) im Geschäftsprozess. |
Das Status-Objekt
Das Status-Objekt ist ein CX_JSON_OBJECT, welches einen einzelnen Zustand (Status)-Knoten repräsentiert.
Feld | Typ | Beschreibung |
---|---|---|
id | STRING | INTEGER | Eindeutiger Identifikator des Zustandes. |
title | STRING | Text, welcher im Status dargestellt wird. |
Das Transition-Objekt
Das Transition-Objekt ist ein CX_JSON_OBJECT, welches einen einzelnen Übergang (Transition)-Knoten repräsentiert.
Feld | Typ | Beschreibung |
---|---|---|
from | STRING | INTEGER | Identifikator des ausgehenden Zustandes. |
to | STRING | INTEGER | Identifikator des eingehenden Zustandes. |
title | STRING | Text, welcher im Übergangsknoten angezeigt wird. |