🎨 Wallets: Update Status required

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

@@ -341,7 +341,7 @@ qx.Class.define("osparc.component.study.ResourceSelector", {
       const openButton = this.getChildControl("open-button");
       openButton.addListener("execute", () => {
         const selection = this.getChildControl("wallet-selector").getSelection();
-        if (selection.length) {
+        if (selection.length && selection[0]["walletId"]) {
           const params = {
             url: {
               "studyId": this.__studyData["uuid"],
@@ -358,6 +358,9 @@ qx.Class.define("osparc.component.study.ResourceSelector", {
               const msg = err.message || this.tr("Error selecting Wallet");
               osparc.component.message.FlashMessenger.getInstance().logAs(msg, "ERROR");
             });
+        } else {
+          store.setActiveWallet(this.getWallet());
+          this.fireEvent("startStudy");
         }
       });
 

services/static-webserver/client/source/class/osparc/data/model/Wallet.js

@@ -27,7 +27,7 @@ qx.Class.define("osparc.data.model.Wallet", {
       description: walletData["description"] ? walletData["description"] : null,
       thumbnail: walletData["thumbnail"] ? walletData["thumbnail"] : null,
       owner: walletData["owner"] ? walletData["owner"] : null,
-      status: walletData["status"] ? walletData["status"] : false,
+      status: walletData["status"] ? walletData["status"] : "INACTIVE",
       creditsAvailable: walletData["available_credits"] ? walletData["available_credits"] : 20,
       accessRights: walletData["accessRights"] ? walletData["accessRights"] : []
     });

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

@@ -109,7 +109,7 @@ qx.Class.define("osparc.desktop.wallets.WalletDetails", {
 
     __updateWallet: function(win, button, walletEditor) {
       const walletId = walletEditor.getWalletId();
-      const name = walletEditor.getLabel();
+      const name = walletEditor.getName();
       const description = walletEditor.getDescription();
       const thumbnail = walletEditor.getThumbnail();
       const params = {
@@ -119,25 +119,30 @@ qx.Class.define("osparc.desktop.wallets.WalletDetails", {
         data: {
           "name": name,
           "description": description,
-          "thumbnail": thumbnail || null
+          "thumbnail": thumbnail || null,
+          "status": this.__walletModel.getStatus()
         }
       };
       osparc.data.Resources.fetch("wallets", "put", params)
         .then(() => {
           osparc.component.message.FlashMessenger.getInstance().logAs(name + this.tr(" successfully edited"));
-          button.setFetching(false);
-          win.close();
-          osparc.store.Store.getInstance().reset("wallets");
+          osparc.store.Store.getInstance().invalidate("wallets");
+          const store = osparc.store.Store.getInstance();
+          store.reloadWallets();
           this.__walletModel.set({
-            label: name,
+            name: name,
             description: description,
             thumbnail: thumbnail || null
           });
         })
         .catch(err => {
-          osparc.component.message.FlashMessenger.getInstance().logAs(this.tr("Something went wrong editing ") + name, "ERROR");
-          button.setFetching(false);
           console.error(err);
+          const msg = err.message || (this.tr("Something went wrong editing ") + name);
+          osparc.component.message.FlashMessenger.getInstance().logAs(msg, "ERROR");
+        })
+        .finally(() => {
+          button.setFetching(false);
+          win.close();
         });
     },
 

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

@@ -78,7 +78,25 @@ qx.Class.define("osparc.desktop.wallets.WalletListItem", {
             const found = store.getWallets().find(wallet => wallet.getWalletId() === parseInt(walletId));
             if (found) {
               // switch status
-              found.setStatus(found.getStatus() === "ACTIVE" ? "INACTIVE" : "ACTIVE");
+              const newStatus = found.getStatus() === "ACTIVE" ? "INACTIVE" : "ACTIVE";
+              const params = {
+                url: {
+                  "walletId": walletId
+                },
+                data: {
+                  "name": found.getName(),
+                  "description": found.getDescription(),
+                  "thumbnail": found.getThumbnail(),
+                  "status": newStatus
+                }
+              };
+              osparc.data.Resources.fetch("wallets", "put", params)
+                .then(() => found.setStatus(newStatus))
+                .catch(err => {
+                  console.error(err);
+                  const msg = err.message || (this.tr("Something went wrong updating the state"));
+                  osparc.component.message.FlashMessenger.getInstance().logAs(msg, "ERROR");
+                });
             }
           }, this);
           this._add(control, {

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

@@ -262,7 +262,8 @@ qx.Class.define("osparc.desktop.wallets.WalletsList", {
           data: {
             "name": name,
             "description": description || null,
-            "thumbnail": thumbnail || null
+            "thumbnail": thumbnail || null,
+            "status": found.getStatus()
           }
         };
         osparc.data.Resources.fetch("wallets", "put", params)