tag property

Author: odeimaiz

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

@@ -32,6 +32,7 @@ qx.Class.define("osparc.data.model.Tag", {
       tagId: tagData.id,
       name: tagData.name,
       description: tagData.description,
+      color: tagData.color,
       accessRights: tagData.accessRights,
     });
   },
@@ -53,7 +54,7 @@ qx.Class.define("osparc.data.model.Tag", {
 
     description: {
       check: "String",
-      nullable: false,
+      nullable: true,
       init: null,
       event: "changeDescription"
     },

services/static-webserver/client/source/class/osparc/desktop/preferences/pages/TagsPage.js

@@ -50,7 +50,12 @@ qx.Class.define("osparc.desktop.preferences.pages.TagsPage", {
       osparc.utils.Utils.setIdToWidget(this.__addTagButton, "addTagBtn");
       osparc.data.Resources.get("tags")
         .then(tags => {
-          this.__tagItems = tags.map(tag => new osparc.form.tag.TagItem().set({...tag}));
+          this.__tagItems = tags.map(tagData => {
+            const tag = new osparc.data.model.Tag(tagData);
+            return new osparc.form.tag.TagItem().set({
+              tag
+            });
+          });
           this.__renderLayout();
           this.__attachEventHandlers();
         })

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

@@ -26,6 +26,14 @@ qx.Class.define("osparc.form.tag.TagItem", {
   },
 
   properties: {
+    tag: {
+      check: "osparc.data.model.Tag",
+      nullable: false,
+      init: null,
+      event: "changeTag",
+      apply: "__applyTag",
+    },
+
     id: {
       check: "Integer"
     },
@@ -158,6 +166,14 @@ qx.Class.define("osparc.form.tag.TagItem", {
       return control || this.base(arguments, id);
     },
 
+    __applyTag: function(tag) {
+      tag.bind("tagId", this, "id");
+      tag.bind("name", this, "name");
+      tag.bind("description", this, "description");
+      tag.bind("color", this, "color");
+      tag.bind("accessRights", this, "accessRights");
+    },
+
     /**
      * Renders this tag item from scratch.
      */