Lade...
 

Workflow (WebWidget)

Workflow (WebWidget)

Workflow von Arbeitsaufträgen
Workflow von Arbeitsaufträgen

 

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

Web(workflow, APP("workflow.html"), 0, 0, 100, 50)

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.