marker under control

Author: odeimaiz

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

@@ -685,20 +685,21 @@ qx.Class.define("osparc.data.model.Node", {
     },
 
     __applyMarker: function(marker, oldMarker) {
-      if (marker && oldMarker) {
-        this.fireDataEvent("updateStudyDocument", {
-          "op": "replace",
-          "path": `/ui/workbench/${this.getNodeId()}/marker`,
-          "value": marker.getColor(),
-          "osparc-resource": "ui",
-        });
-      } else if (marker && oldMarker === null) {
+      if (marker) {
         this.fireDataEvent("updateStudyDocument", {
           "op": "add",
           "path": `/ui/workbench/${this.getNodeId()}/marker`,
           "value": marker.getColor(),
           "osparc-resource": "ui",
         });
+        marker.addListener("changeColor", e => {
+          this.fireDataEvent("updateStudyDocument", {
+            "op": "replace",
+            "path": `/ui/workbench/${this.getNodeId()}/marker`,
+            "value": e.getData(),
+            "osparc-resource": "ui",
+          });
+        });
       } else {
         this.fireDataEvent("updateStudyDocument", {
           "op": "delete",

services/static-webserver/client/source/class/osparc/editor/AnnotationEditor.js

@@ -166,6 +166,8 @@ qx.Class.define("osparc.editor.AnnotationEditor", {
       const colorPicker = this.getChildControl("color-picker");
       marker.bind("color", colorPicker, "value");
       colorPicker.bind("value", marker, "color");
+
+      this.getChildControl("delete-btn").exclude();
     },
 
     addDeleteButton: function() {