git-tfs-id: [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube...

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