showFilterMenu prop

Author: odeimaiz

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

@@ -41,6 +41,14 @@ qx.Class.define("osparc.dashboard.SearchBarFilter", {
     this.__currentFilter = null;
   },
 
+  properties: {
+    showFilterMenu: {
+      check: "Boolean",
+      init: true,
+      event: "changeShowFilterMenu",
+    }
+  },
+
   statics: {
     HEIGHT: 36,
 
@@ -203,7 +211,9 @@ qx.Class.define("osparc.dashboard.SearchBarFilter", {
         left: left
       });
 
-      this.__filtersMenu.show();
+      if (this.getShowFilterMenu()) {
+        this.__filtersMenu.show();
+      }
     },
 
     __hideFilterMenu: function() {

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

@@ -23,7 +23,7 @@ qx.Class.define("osparc.dashboard.SearchBarFilterProjects", {
 
     this.base(arguments, "searchBarFilter-"+resourceType, "searchBarFilter");
 
-    this._setLayout(new qx.ui.layout.VBox(5));
+    this._setLayout(new qx.ui.layout.VBox(8));
 
     this.set({
       backgroundColor: "input_background",
@@ -125,6 +125,9 @@ qx.Class.define("osparc.dashboard.SearchBarFilterProjects", {
       const templatesButton = this.getChildControl("templates-button");
       const publicProjectsButton = this.getChildControl("public-projects-button");
       const searchBar = this.getChildControl("search-bar");
+      searchBar.set({
+        showFilterMenu: false,
+      });
 
       radioGroup.add(myProjectsButton, templatesButton, publicProjectsButton);
     },

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

@@ -1059,6 +1059,7 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
     _createLayout: function() {
       const searchBarFilter = this._createSearchBar();
       searchBarFilter.set({
+        showFilterMenu: false,
         cursor: "pointer",
       });
       searchBarFilter.addListener("tap", () => {