tags filter only for templates

Author: odeimaiz

services/static-webserver/client/source/class/osparc/dashboard/ResourceBrowserBase.js

@@ -319,9 +319,12 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
       this._addToLayout(resourcesContainer);
     },
 
-    _groupByChanged: function(groupBy) {
+    __groupByChanged: function(groupBy) {
       this._resourcesContainer.setGroupBy(groupBy);
       this._reloadCards();
+      if (this._resourceFilter) {
+        this._resourceFilter.groupByChanged(groupBy);
+      }
     },
 
     __viewModeChanged: function(viewMode) {
@@ -348,14 +351,14 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
 
       const dontGroup = new qx.ui.menu.RadioButton(this.tr("None"));
       osparc.utils.Utils.setIdToWidget(dontGroup, "groupByNone");
-      dontGroup.addListener("execute", () => this._groupByChanged(null));
+      dontGroup.addListener("execute", () => this.__groupByChanged(null));
 
       groupByMenu.add(dontGroup);
       groupOptions.add(dontGroup);
 
       if (this._resourceType === "template") {
         const groupByTag = new qx.ui.menu.RadioButton(this.tr("Tags"));
-        groupByTag.addListener("execute", () => this._groupByChanged("tags"));
+        groupByTag.addListener("execute", () => this.__groupByChanged("tags"));
         groupByMenu.add(groupByTag);
         groupOptions.add(groupByTag);
         if (
@@ -367,15 +370,15 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
         }
       } else if (this._resourceType === "service" && osparc.product.Utils.groupServices()) {
         const groupByFeatured = new qx.ui.menu.RadioButton(this.tr("Featured"));
-        groupByFeatured.addListener("execute", () => this._groupByChanged("groupedServices"));
+        groupByFeatured.addListener("execute", () => this.__groupByChanged("groupedServices"));
         groupByMenu.add(groupByFeatured);
         groupOptions.add(groupByFeatured);
         groupByFeatured.execute();
         groupByButton.exclude(); // don't let users change the grouping
       }
 
       const groupByShared = new qx.ui.menu.RadioButton(this.tr("Shared with"));
-      groupByShared.addListener("execute", () => this._groupByChanged("shared"));
+      groupByShared.addListener("execute", () => this.__groupByChanged("shared"));
       groupByMenu.add(groupByShared);
       groupOptions.add(groupByShared);
 

services/static-webserver/client/source/class/osparc/dashboard/ResourceBrowserFilter.js

@@ -100,7 +100,6 @@ qx.Class.define("osparc.dashboard.ResourceBrowserFilter", {
           }
           this._add(this.__createTrashBin());
           this.getChildControl("filters-spacer");
-          this.getChildControl("tags-layout");
           break;
         }
         case "template":
@@ -449,6 +448,11 @@ qx.Class.define("osparc.dashboard.ResourceBrowserFilter", {
         tagsLayout.getChildren().forEach(item => item.setPaddingLeft(10)); // align them with the context
       }
     },
+
+    groupByChanged: function(groupBy) {
+      const isTemplate = this.__resourceType === "template";
+      this.getChildControl("tags-layout").setVisibility(isTemplate && groupBy === "tags" ? "visible" : "excluded");
+    },
     /* /TAGS */
 
     /* SERVICE TYPE */