listenToChanges Node

Author: odeimaiz

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

@@ -213,6 +213,20 @@ qx.Class.define("osparc.data.model.Node", {
   },
 
   statics: {
+    IgnoreSerializationProps: [
+      "study",
+      "nodeId",
+      "dynamicV2",
+      "serviceUrl",
+      "errors",
+      "propsForm",
+      "outputsForm",
+      "marker",
+      "inputConnected",
+      "outputConnected",
+      "logger",
+    ],
+
     isFrontend: function(metadata) {
       return (metadata && metadata.key && metadata.key.includes("/frontend/"));
     },
@@ -1242,20 +1256,20 @@ qx.Class.define("osparc.data.model.Node", {
     },
 
     listenToChanges: function() {
-      const propertyKeys = Object.keys(qx.util.PropertyUtil.getProperties(osparc.data.model.Node))
+      const propertyKeys = Object.keys(qx.util.PropertyUtil.getProperties(osparc.data.model.Node));
       propertyKeys.forEach(key => {
-        this.addListener("change" + qx.lang.String.firstUp(key), e => {
-          const nodeId = this.getNodeId();
-          const data = e.getData();
-          this.fireDataEvent("updateStudyDocument", {
-            "op": "replace",
-            "path": `/workbench/${nodeId}/` + key,
-            "value": data
-          });
-        }, this);
+        if (!this.self().IgnoreSerializationProps.includes(key)) {
+          this.addListener("change" + qx.lang.String.firstUp(key), e => {
+            const nodeId = this.getNodeId();
+            const data = e.getData();
+            this.fireDataEvent("updateStudyDocument", {
+              "op": "replace",
+              "path": `/workbench/${nodeId}/` + key,
+              "value": data
+            });
+          }, this);
+        }
       });
-
-      this.getWorkbench().addListener("updateStudyDocument", e => this.fireDataEvent("updateStudyDocument", e.getData()), this);
     },
 
     serialize: function(clean = true) {

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

@@ -395,6 +395,7 @@ qx.Class.define("osparc.data.model.Study", {
       });
 
       this.getWorkbench().addListener("updateStudyDocument", e => this.fireDataEvent("updateStudyDocument", e.getData()), this);
+      this.getUi().addListener("updateStudyDocument", e => this.fireDataEvent("updateStudyDocument", e.getData()), this);
     },
 
     serialize: function(clean = true) {