✨ Ask for a project name when it's created (#5447)

Author: odeimaiz

services/static-webserver/client/source/class/osparc/About.js

@@ -25,7 +25,9 @@ qx.Class.define("osparc.About", {
     this.set({
       layout: new qx.ui.layout.VBox(10),
       maxWidth: this.self().MAX_WIDTH,
+      maxHeight: this.self().MAX_HEIGHT,
       contentPadding: this.self().PADDING,
+      resizable: true,
       showMaximize: false,
       showMinimize: false,
       centerOnAppear: true,
@@ -39,7 +41,8 @@ qx.Class.define("osparc.About", {
   },
 
   statics: {
-    MAX_WIDTH: 500,
+    MAX_WIDTH: 550,
+    MAX_HEIGHT: 680,
     PADDING: 15,
     OSPARC_OFFICIAL: "o<sup>2</sup>S<sup>2</sup>PARC"
   },
@@ -95,7 +98,9 @@ qx.Class.define("osparc.About", {
         barPosition: "top"
       });
       tabView.getChildControl("pane").setBackgroundColor("transparent");
-      this.add(tabView, {
+      const scrollView = new qx.ui.container.Scroll();
+      scrollView.add(tabView);
+      this.add(scrollView, {
         flex: 1
       });
 

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

@@ -79,6 +79,7 @@ qx.Class.define("osparc.dashboard.ResourceBrowserBase", {
               // pop up study options if the study was just created or if it has no wallet assigned or user has no access to it
               const resourceSelector = new osparc.study.StudyOptions(studyId);
               const win = osparc.study.StudyOptions.popUpInWindow(resourceSelector);
+              win.moveItUp();
               resourceSelector.addListener("startStudy", () => {
                 win.close();
                 openStudy();

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

@@ -72,7 +72,9 @@ qx.Class.define("osparc.desktop.credits.Utils", {
     createWalletSelector: function(accessRight = "read") {
       const store = osparc.store.Store.getInstance();
 
-      const walletSelector = new qx.ui.form.SelectBox();
+      const walletSelector = new qx.ui.form.SelectBox().set({
+        minWidth: 220
+      });
 
       const populateSelectBox = selectBox => {
         selectBox.removeAll();
@@ -81,7 +83,7 @@ qx.Class.define("osparc.desktop.credits.Utils", {
         wallets.forEach(wallet => {
           const found = wallet.getMyAccessRights();
           if (found && found[accessRight]) {
-            const sbItem = new qx.ui.form.ListItem(wallet.getName());
+            const sbItem = new qx.ui.form.ListItem(`${wallet.getName()} (${wallet.getCreditsAvailable()} credits)`);
             sbItem.walletId = wallet.getWalletId();
             selectBox.add(sbItem);
           }
@@ -94,24 +96,6 @@ qx.Class.define("osparc.desktop.credits.Utils", {
       return walletSelector;
     },
 
-    createWalletSelectorLayout: function(accessRight = "read") {
-      const layout = new qx.ui.container.Composite(new qx.ui.layout.HBox(10));
-
-      const label = new qx.ui.basic.Label(qx.locale.Manager.tr("Select Credit Account"));
-      layout.add(label);
-
-      const walletSelector = osparc.desktop.credits.Utils.createWalletSelector(accessRight);
-      layout.add(walletSelector);
-
-      if (osparc.desktop.credits.Utils.areWalletsEnabled() && walletSelector.getSelectables().length > 1) {
-        layout.show();
-      } else {
-        layout.exclude();
-      }
-
-      return layout;
-    },
-
     autoSelectActiveWallet: function(walletSelector) {
       // If there is only one active wallet, select it
       const store = osparc.store.Store.getInstance();

services/static-webserver/client/source/class/osparc/study/BillingSettings.js

@@ -49,9 +49,7 @@ qx.Class.define("osparc.study.BillingSettings", {
           alignY: "middle"
         });
 
-        const walletSelector = osparc.desktop.credits.Utils.createWalletSelector("read").set({
-          minWidth: 180
-        });
+        const walletSelector = osparc.desktop.credits.Utils.createWalletSelector("read");
         hBox.add(walletSelector);
 
         pricingUnitsLayout.add(hBox);