🎨 Feature: Wallets on staging (#4614)

Author: odeimaiz

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

@@ -421,9 +421,17 @@ qx.Class.define("osparc.desktop.credits.BuyCredits", {
           const nCredits = this.getNCredits();
           const totalPrice = this.getTotalPrice();
           const wallet = this.getWallet();
-          const title = "3rd party payment gateway";
+          const title = "AppMotion's middleware";
+          let url = "https://www.paymentservice.io";
+          url += "?user_id=2";
+          url += "&session_id=1234";
+          url += "&token=5678";
+          url += "&wallet_id=" + wallet.getWalletId();
+          url += "&wallet_name=" + encodeURIComponent(wallet.getName()); // without white spaces
+          url += "&total_price=" + totalPrice;
+          url += "&n_credits=" + nCredits;
           const paymentGateway = new osparc.desktop.credits.PaymentGateway().set({
-            url: "https://www.paymentservice.io?user_id=2&session_id=1234567890&token=5678",
+            url,
             nCredits,
             totalPrice,
             walletName: wallet.getName()

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

@@ -24,7 +24,8 @@ qx.Class.define("osparc.desktop.credits.WalletsMiniViewer", {
     this._setLayout(new qx.ui.layout.VBox(3));
 
     this.set({
-      padding: 5
+      padding: 5,
+      paddingRight: 10
     });
 
     this.__walletListeners = [];

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

@@ -135,7 +135,17 @@ qx.Class.define("osparc.navigation.NavigationBar", {
       const walletsViewer = this.getChildControl("wallets-viewer");
       walletsViewer.exclude();
       osparc.utils.Utils.isDevelopmentPlatform()
-        .then(isDevel => isDevel && osparc.product.Utils.isProduct("s4l") ? walletsViewer.show() : walletsViewer.exclude());
+        .then(isDevel => {
+          if (isDevel && osparc.product.Utils.isProduct("s4l")) {
+            walletsViewer.show();
+          }
+        });
+      osparc.utils.Utils.isStagingPlatform()
+        .then(isStaging => {
+          if (isStaging && osparc.product.Utils.isProduct("s4l")) {
+            walletsViewer.show();
+          }
+        });
       this.getChildControl("tasks-button");
       this.getChildControl("notifications-button");
       this.getChildControl("expiration-icon");

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

@@ -238,6 +238,13 @@ qx.Class.define("osparc.utils.Utils", {
       });
     },
 
+    isStagingPlatform: function() {
+      return new Promise(resolve => {
+        osparc.store.StaticInfo.getInstance().getPlatformName()
+          .then(platformName => resolve(platformName === "staging"));
+      });
+    },
+
     getEditButton: function() {
       const button = new qx.ui.form.Button(null, "@FontAwesome5Solid/pencil-alt/12").set({
         allowGrowY: false,