save new position after node dragged

save the new position after a node was dragged.

Issue-ID: SDC-308

Change-Id: I647d9fc176d2495eb4031fa1c040cd379ade1156
Signed-off-by: Lvbo163 <lv.bo163@zte.com.cn>

diff --git a/sdc-workflow-designer-ui/src/app/components/node/node.component.ts b/sdc-workflow-designer-ui/src/app/components/node/node.component.ts
index e78c6e8..5fe189d 100644 (file)
--- a/sdc-workflow-designer-ui/src/app/components/node/node.component.ts
+++ b/sdc-workflow-designer-ui/src/app/components/node/node.component.ts
@@ -41,7 +41,7 @@ export class NodeComponent implements AfterViewInit, OnDestroy {
 \r
     ngAfterViewInit(): void {\r
         if(this.last) {\r
-            this.jsPlumbService.initNode('.node');\r
+            this.jsPlumbService.initNode();\r
             this.jsPlumbService.connectNodes();\r
         }\r
 \r

diff --git a/sdc-workflow-designer-ui/src/app/services/jsplumb.service.ts b/sdc-workflow-designer-ui/src/app/services/jsplumb.service.ts
index dc1d800..6aa5028 100644 (file)
--- a/sdc-workflow-designer-ui/src/app/services/jsplumb.service.ts
+++ b/sdc-workflow-designer-ui/src/app/services/jsplumb.service.ts
@@ -119,25 +119,28 @@ export class JsPlumbService {
         });\r
     }\r
 \r
-    public initNode(selectorString: string) {\r
-        const selector = this.jsplumbInstance.getSelector(selectorString);\r
-\r
-        this.jsplumbInstance.draggable(selector, {\r
-        });\r
+    public initNode() {\r
+        this.processService.getProcess().forEach(node => {\r
+            this.jsplumbInstance.draggable(node.id, {\r
+                stop: event => {\r
+                    node.position.left = event.pos[0];\r
+                    node.position.top = event.pos[1];\r
+                },\r
+            });\r
 \r
-        this.jsplumbInstance.makeTarget(selector, {\r
-            detachable: false,\r
-            isTarget: true,\r
-            maxConnections: -1,\r
-        });\r
+            this.jsplumbInstance.makeTarget(node.id, {\r
+                detachable: false,\r
+                isTarget: true,\r
+                maxConnections: -1,\r
+            });\r
 \r
-        this.jsplumbInstance.makeSource(selector, {\r
-            filter: '.anchor, .anchor *',\r
-            detachable: false,\r
-            isSource: true,\r
-            maxConnections: -1,\r
+            this.jsplumbInstance.makeSource(node.id, {\r
+                filter: '.anchor, .anchor *',\r
+                detachable: false,\r
+                isSource: true,\r
+                maxConnections: -1,\r
+            });\r
         });\r
-\r
     }\r
 \r
     public connectNodes() {\r