listen to annotationChanged

Author: odeimaiz

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

@@ -114,10 +114,30 @@ qx.Class.define("osparc.data.model.StudyUI", {
 
     addAnnotation: function(annotation) {
       this.getAnnotations()[annotation.getId()] = annotation;
+      this.fireDataEvent("projectDocumentChanged", {
+        "op": "add",
+        "path": `/ui/annotations/${annotation.getId()}`,
+        "value": annotation.serialize(),
+        "osparc-resource": "study-ui",
+      });
+      annotation.addListener("annotationChanged", () => {
+        this.fireDataEvent("projectDocumentChanged", {
+          "op": "replace",
+          "path": `/ui/annotations/${annotation.getId()}`,
+          "value": annotation.serialize(),
+          "osparc-resource": "study-ui",
+        });
+      }, this);
     },
 
     removeAnnotation: function(annotationId) {
       if (annotationId in this.getAnnotations()) {
+        const annotation = this.getAnnotations()[annotationId]
+        this.fireDataEvent("projectDocumentChanged", {
+          "op": "delete",
+          "path": `/ui/annotations/${annotation.getId()}`,
+          "osparc-resource": "study-ui",
+        });
         delete this.getAnnotations()[annotationId];
       }
     },

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

@@ -78,6 +78,7 @@ qx.Class.define("osparc.workbench.Annotation", {
     attributes: {
       check: "Object",
       nullable: false,
+      apply: "__applyAttributes",
     },
 
     svgCanvas: {
@@ -95,7 +96,8 @@ qx.Class.define("osparc.workbench.Annotation", {
     "annotationClicked": "qx.event.type.Data",
     "annotationStartedMoving": "qx.event.type.Event",
     "annotationMoving": "qx.event.type.Event",
-    "annotationStoppedMoving": "qx.event.type.Event"
+    "annotationStoppedMoving": "qx.event.type.Event",
+    "annotationChanged": "qx.event.type.Event",
   },
 
   members: {
@@ -174,6 +176,14 @@ qx.Class.define("osparc.workbench.Annotation", {
             osparc.wrapper.Svg.updateTextColor(representation, color);
             break;
         }
+        this.fireEvent("annotationChanged");
+      }
+    },
+
+    __applyAttributes: function(attrs) {
+      const representation = this.getRepresentation();
+      if (representation) {
+        this.fireEvent("annotationChanged");
       }
     },
 
@@ -223,6 +233,7 @@ qx.Class.define("osparc.workbench.Annotation", {
         this.getAttributes().x = x;
         this.getAttributes().y = y;
       }
+      this.fireEvent("annotationChanged");
     },
 
     setText: function(newText) {