NewPlusButton

Author: odeimaiz

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

@@ -0,0 +1,40 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2025 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+qx.Class.define("osparc.dashboard.NewPlusButton", {
+  extend: qx.ui.form.MenuButton,
+
+  construct: function() {
+    this.base(arguments);
+
+    this.set({
+      appearance: "pb-new",
+      icon: osparc.dashboard.CardBase.NEW_ICON + "26",
+      label: this.tr("New"),
+      font: "text-16",
+      gap: 15,
+      padding: 15,
+      paddingRight: 20,
+      allowGrowX: false,
+    });
+
+    osparc.utils.Utils.setIdToWidget(this, "newStudyButton");
+  },
+
+  members: {
+  },
+});

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

@@ -42,10 +42,10 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
     const mainLayoutWithSideSpacers = new qx.ui.container.Composite(new qx.ui.layout.HBox(spacing))
     this._addToMainLayout(mainLayoutWithSideSpacers);
 
-    this.__leftFilters = new qx.ui.container.Composite(new qx.ui.layout.VBox(15)).set({
+    this._leftFilters = new qx.ui.container.Composite(new qx.ui.layout.VBox(15)).set({
       width: leftColumnWidth
     });
-    mainLayoutWithSideSpacers.add(this.__leftFilters);
+    mainLayoutWithSideSpacers.add(this._leftFilters);
 
     this.__centerLayout = new qx.ui.container.Composite(new qx.ui.layout.VBox(15));
     mainLayoutWithSideSpacers.add(this.__centerLayout);
@@ -190,7 +190,7 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
   },
 
   members: {
-    __leftFilters: null,
+    _leftFilters: null,
     _resourceFilter: null,
     __centerLayout: null,
     _resourceType: null,
@@ -420,7 +420,7 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
         resourceFilter.filterChanged(filterData);
       });
 
-      this.__leftFilters.add(resourceFilter, {
+      this._leftFilters.add(resourceFilter, {
         flex: 1
       });
     },

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

@@ -882,6 +882,11 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
       }
     },
 
+    __addNewPlusButton: function() {
+      const newPlusButton = new osparc.dashboard.NewPlusButton();
+      this._leftFilters.add(newPlusButton);
+    },
+
     __addNewStudyButtons: function() {
       if (this.getCurrentContext() !== "studiesAndFolders") {
         return;
@@ -1044,6 +1049,10 @@ qx.Class.define("osparc.dashboard.StudyBrowser", {
       this.__addSortByButton();
       this._addViewModeButton();
 
+      if (osparc.product.Utils.isProduct("tis") || osparc.product.Utils.isProduct("tiplite")) {
+        this.__addNewPlusButton();
+      }
+
       this._addResourceFilter();
 
       this.__connectContexts();