modeling

Author: odeimaiz

services/static-webserver/client/source/class/osparc/form/tag/TagManager.js

@@ -124,20 +124,21 @@ qx.Class.define("osparc.form.tag.TagManager", {
     },
 
     __tagButton: function(tag) {
-      const tagButton = new osparc.form.tag.TagToggleButton(tag, this.__selectedTags.includes(tag.id));
+      const tagId = tag.getTagId();
+      const tagButton = new osparc.form.tag.TagToggleButton(tag, this.__selectedTags.includes(tagId));
       tagButton.addListener("changeValue", evt => {
         const selected = evt.getData();
         if (this.isLiveUpdate()) {
           tagButton.setFetching(true);
           if (selected) {
-            this.__saveAddTag(tag.id, tagButton);
+            this.__saveAddTag(tagId, tagButton);
           } else {
-            this.__saveRemoveTag(tag.id, tagButton);
+            this.__saveRemoveTag(tagId, tagButton);
           }
         } else if (selected) {
-          this.__selectedTags.push(tag.id);
+          this.__selectedTags.push(tagId);
         } else {
-          this.__selectedTags.remove(tag.id);
+          this.__selectedTags.remove(tagId);
         }
       }, this);
       tagButton.subscribeToFilterGroup("studyBrowserTagManager");

services/static-webserver/client/source/class/osparc/form/tag/TagToggleButton.js

@@ -23,11 +23,11 @@ qx.Class.define("osparc.form.tag.TagToggleButton", {
       appearance: "tagbutton"
     });
     this.setIcon("@FontAwesome5Solid/square/14");
-    this.getChildControl("icon").setTextColor(tag.color);
-    if (tag.description) {
-      this.setLabel(tag.name + " : " + tag.description);
+    this.getChildControl("icon").setTextColor(tag.getColor());
+    if (tag.getDescription()) {
+      this.setLabel(tag.getName() + " : " + tag.getDescription());
     } else {
-      this.setLabel(tag.name);
+      this.setLabel(tag.getName());
     }
     this.getChildControl("check");