From b8de4c4d22e3e07f0543dfb47b3dd6706f365a12 Mon Sep 17 00:00:00 2001
From: Sweidan Omar <TFS\sweidan.omar>
Date: Fri, 8 Apr 2022 10:27:25 +0000
Subject: [PATCH] git-tfs-id:
 [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube;C33140

---
 .../js/processVisualizer.js                   | 132 ++++++++++++++++++
 1 file changed, 132 insertions(+)
 create mode 100644 server/user.mediacube.gui/js/processVisualizer.js

diff --git a/server/user.mediacube.gui/js/processVisualizer.js b/server/user.mediacube.gui/js/processVisualizer.js
new file mode 100644
index 00000000..61f2af0c
--- /dev/null
+++ b/server/user.mediacube.gui/js/processVisualizer.js
@@ -0,0 +1,132 @@
+var json= [
+  {
+    "type": "draw2d.shape.node.Start",
+    "id": "354fa3b9-a834-0221-2009-abc2d6bd852a",
+    "x": 25,
+    "y": 97,
+    "width": 50,
+    "height": 50,
+    "alpha": 1,
+    "selectable": true,
+    "draggable": true,
+    "angle": 0,
+    "userData": {},
+    "cssClass": "draw2d_shape_node_Start",
+    "ports": [
+      {
+        "type": "draw2d.OutputPort",
+        "id": "76964902-c2ef-ab24-e88d-20d71c7d9ba7",
+        "width": 10,
+        "height": 10,
+        "alpha": 1,
+        "selectable": false,
+        "draggable": true,
+        "angle": 0,
+        "userData": {},
+        "cssClass": "draw2d_OutputPort",
+        "bgColor": "rgba(79,104,112,1)",
+        "color": "rgba(27,27,27,1)",
+        "stroke": 1,
+        "dasharray": null,
+        "maxFanOut": 9007199254740991,
+        "name": "output0",
+        "semanticGroup": "global",
+        "port": "draw2d.OutputPort",
+        "locator": "draw2d.layout.locator.OutputPortLocator",
+        "locatorAttr": {}
+      }
+    ],
+    "bgColor": "rgba(77,144,254,1)",
+    "color": "rgba(69,130,229,1)",
+    "stroke": 1,
+    "radius": 2,
+    "dasharray": null
+  },
+  {
+    "type": "draw2d.shape.node.End",
+    "id": "ebfb35bb-5767-8155-c804-14bda7759dc2",
+    "x": 272,
+    "y": 45,
+    "width": 50,
+    "height": 50,
+    "alpha": 1,
+    "selectable": true,
+    "draggable": true,
+    "angle": 0,
+    "userData": {},
+    "cssClass": "draw2d_shape_node_End",
+    "ports": [
+      {
+        "type": "draw2d.InputPort",
+        "id": "76d4b200-abaa-6641-e02e-53c627326183",
+        "width": 10,
+        "height": 10,
+        "alpha": 1,
+        "selectable": false,
+        "draggable": true,
+        "angle": 0,
+        "userData": {},
+        "cssClass": "draw2d_InputPort",
+        "bgColor": "rgba(79,104,112,1)",
+        "color": "rgba(27,27,27,1)",
+        "stroke": 1,
+        "dasharray": null,
+        "maxFanOut": 9007199254740991,
+        "name": "input0",
+        "semanticGroup": "global",
+        "port": "draw2d.InputPort",
+        "locator": "draw2d.layout.locator.InputPortLocator",
+        "locatorAttr": {}
+      }
+    ],
+    "bgColor": "rgba(255,0,0,1)",
+    "color": "rgba(69,130,229,1)",
+    "stroke": 1,
+    "radius": 2,
+    "dasharray": null
+  },
+  {
+    "type": "draw2d.Connection",
+    "id": "74ce9e7e-5f0e-8642-6bec-4ff9c54b3f0a",
+    "alpha": 1,
+    "selectable": true,
+    "draggable": true,
+    "angle": 0,
+    "userData": {},
+    "cssClass": "draw2d_Connection",
+    "stroke": 2,
+    "color": "rgba(18,156,228,1)",
+    "outlineStroke": 0,
+    "outlineColor": "rgba(0,0,0,0)",
+    "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy",
+    "vertex": [
+      {
+        "x": 75,
+        "y": 122
+      },
+      {
+        "x": 272,
+        "y": 70
+      }
+    ],
+    "router": "draw2d.layout.connection.VertexRouter",
+    "radius": 3,
+    "source": {
+      "node": "354fa3b9-a834-0221-2009-abc2d6bd852a",
+      "port": "output0"
+    },
+    "target": {
+      "node": "ebfb35bb-5767-8155-c804-14bda7759dc2",
+      "port": "input0"
+    }
+  }
+];
+
+  // create the canvas for the user interaction
+  //
+  var canvas = new draw2d.Canvas("myCanvas");
+	
+  // unmarshal the JSON document into the canvas
+  // (load)
+  var reader = new draw2d.io.json.Reader();
+  reader.unmarshal(canvas, json);
-- 
2.54.0