it moves

Author: odeimaiz

services/static-webserver/client/source/class/osparc/data/model/StudyUI.js

@@ -156,6 +156,30 @@ qx.Class.define("osparc.data.model.StudyUI", {
       this.getSlideshow().removeNode(nodeId);
     },
 
+    updateUiFromDiff: function(uiDiff) {
+      if (uiDiff["workbench"]) {
+        const currentStudy = osparc.store.Store.getInstance().getCurrentStudy();
+        if (currentStudy) {
+          Object.keys(uiDiff["workbench"]).forEach(nodeId => {
+            const node = currentStudy.getWorkbench().getNode(nodeId);
+            if (node) {
+              if ("position" in uiDiff["workbench"][nodeId]) {
+                const position = uiDiff["workbench"][nodeId]["position"];
+                const newPos = node.getPosition();
+                if ("x" in position) {
+                  newPos.x = position["x"][1];
+                }
+                if ("y" in position) {
+                  newPos.y = position["y"][1];
+                }
+                node.setPosition(newPos);
+              }
+            }
+          });
+        }
+      }
+    },
+
     listenToChanges: function() {
       const propertyKeys = Object.keys(qx.util.PropertyUtil.getProperties(osparc.data.model.StudyUI));
       this.self().ListenChangesProps.forEach(key => {

services/static-webserver/client/source/class/osparc/desktop/StudyEditor.js

@@ -331,6 +331,10 @@ qx.Class.define("osparc.desktop.StudyEditor", {
 
             const delta = osparc.wrapper.JsonDiffPatch.getInstance().diff(myStudy, updatedStudy);
             console.log("projectDocument:updated delta", myStudy, updatedStudy, delta);
+            if ("ui" in delta) {
+              this.getStudy().getUi().updateUiFromDiff(delta["ui"]);
+              delete delta["ui"];
+            }
           }
         }, this);
       }

services/static-webserver/client/source/class/osparc/workbench/NodeUI.js

@@ -341,6 +341,10 @@ qx.Class.define("osparc.workbench.NodeUI", {
     },
 
     __applyNode: function(node) {
+      node.addListener("changePosition", e => {
+        this.moveNodeTo(e.getData());
+      });
+
       if (node.isDynamic()) {
         const startButton = new qx.ui.menu.Button().set({
           label: this.tr("Start"),