fetch tags access rights when really needed

Author: odeimaiz

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

@@ -32,7 +32,7 @@ qx.Class.define("osparc.desktop.preferences.pages.TagsPage", {
   members: {
     __tagsContainer: null,
 
-    __renderLayout: function() {
+    __renderLayout: async function() {
       // Tags
       this.__tagsContainer = new qx.ui.container.Composite(new qx.ui.layout.VBox(10));
       this.__tagsContainer.set({
@@ -44,6 +44,9 @@ qx.Class.define("osparc.desktop.preferences.pages.TagsPage", {
       });
 
       const tags = osparc.store.Tags.getInstance().getTags();
+      for (const tag of tags) {
+        await osparc.store.Tags.getInstance().fetchAccessRights(tag);
+      }
       const tagItems = tags.map(tag => new osparc.form.tag.TagItem().set({tag}));
       tagItems.forEach(tagItem => {
         this.__tagsContainer.add(tagItem);

services/static-webserver/client/source/class/osparc/store/Tags.js

@@ -45,7 +45,6 @@ qx.Class.define("osparc.store.Tags", {
           tagsData.forEach(tagData => {
             const tag = this.__addToCache(tagData);
             tags.push(tag);
-            this.fetchAccessRights(tag);
           });
           return tags;
         });
@@ -106,7 +105,11 @@ qx.Class.define("osparc.store.Tags", {
         .catch(console.error);
     },
 
-    fetchAccessRights: function(tag) {
+    fetchAccessRights: function(tag, reload = false) {
+      if (reload === false && tag.getAccessRights() !== null) {
+        return new Promise(resolve => resolve());
+      }
+
       const params = {
         url: {
           "tagId": tag.getTagId()