bring back tab buttons

Author: odeimaiz

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

@@ -38,9 +38,8 @@ qx.Class.define("osparc.dashboard.Dashboard", {
   construct: function() {
     this.base(arguments);
 
-    this.getChildControl("bar").set({
-      visibility: "excluded",
-    });
+    osparc.utils.Utils.setIdToWidget(this.getChildControl("bar"), "dashboardTabs");
+    osparc.utils.Utils.setIdToWidget(this, "dashboard");
 
     this.set({
       contentPadding: this.self().PADDING,

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

@@ -57,7 +57,7 @@ qx.Class.define("osparc.dashboard.ResourceFilter", {
         case "study": {
           this._add(this.__createWorkspacesAndFoldersTree());
           this._add(this.__createTrashBin());
-          this._add(this.__createResourceTypeContextButtons());
+          // this._add(this.__createResourceTypeContextButtons());
           this._add(filtersSpacer);
           const scrollView = new qx.ui.container.Scroll();
           scrollView.add(this.__createTagsFilterLayout());
@@ -67,7 +67,7 @@ qx.Class.define("osparc.dashboard.ResourceFilter", {
           break;
         }
         case "template": {
-          this._add(this.__createResourceTypeContextButtons());
+          // this._add(this.__createResourceTypeContextButtons());
           this._add(filtersSpacer);
           this._add(this.__createSharedWithFilterLayout());
           const scrollView = new qx.ui.container.Scroll();
@@ -78,7 +78,7 @@ qx.Class.define("osparc.dashboard.ResourceFilter", {
           break;
         }
         case "service":
-          this._add(this.__createResourceTypeContextButtons());
+          // this._add(this.__createResourceTypeContextButtons());
           this._add(filtersSpacer);
           this._add(this.__createSharedWithFilterLayout());
           this._add(this.__createServiceTypeFilterLayout());

services/static-webserver/client/source/class/osparc/desktop/MainPage.js

@@ -199,6 +199,11 @@ qx.Class.define("osparc.desktop.MainPage", {
 
     __createDashboardLayout: function() {
       const dashboard = this.__dashboard = new osparc.dashboard.Dashboard();
+      const tabsBar = dashboard.getChildControl("bar");
+      tabsBar.set({
+        paddingBottom: 6
+      });
+      this.__navBar.addDashboardTabButtons(tabsBar);
       const dashboardLayout = new qx.ui.container.Composite(new qx.ui.layout.HBox(5));
       dashboardLayout.add(dashboard, {
         flex: 1

services/static-webserver/client/source/class/osparc/navigation/NavigationBar.js

@@ -324,6 +324,15 @@ qx.Class.define("osparc.navigation.NavigationBar", {
       return registerButton;
     },
 
+    addDashboardTabButtons: function(tabButtons) {
+      this.__tabButtons = tabButtons;
+      this.getChildControl("center-items").add(tabButtons);
+      this.bind("study", this.__tabButtons, "visibility", {
+        converter: s => s ? "excluded" : "visible"
+      });
+      this.__navBarResized();
+    },
+
     __applyStudy: function(study) {
       const readOnlyInfo = this.getChildControl("read-only-info")
       if (study) {