Nicer wallet members list

Author: odeimaiz

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

@@ -28,13 +28,7 @@ qx.Class.define("osparc.data.model.User", {
   construct: function(userData) {
     this.base(arguments);
 
-    let label = userData["login"];
-    if ("first_name" in userData && userData["first_name"]) {
-      label = osparc.utils.Utils.firstsUp(userData["first_name"]);
-      if (userData["last_name"]) {
-        label += " " + osparc.utils.Utils.firstsUp(userData["last_name"]);
-      }
-    }
+    const label = this.self().namesToLabel(userData["first_name"], userData["last_name"]) || userData["login"];
     this.set({
       userId: userData.id,
       groupId: userData.gid,
@@ -90,6 +84,17 @@ qx.Class.define("osparc.data.model.User", {
   },
 
   statics: {
+    namesToLabel: function(firstName, lastName) {
+      let label = "";
+      if (firstName) {
+        label = osparc.utils.Utils.firstsUp(firstName);
+        if (lastName) {
+          label += " " + osparc.utils.Utils.firstsUp(lastName);
+        }
+      }
+      return label;
+    },
+
     emailToThumbnail: function(email) {
       return osparc.utils.Avatar.getUrl(email, 32)
     },

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

@@ -221,7 +221,7 @@ qx.Class.define("osparc.desktop.wallets.MembersList", {
           collaborator["groupId"] = collab.getGroupId();
           collaborator["thumbnail"] = collab.getThumbnail();
           collaborator["name"] = collab.getLabel();
-          collaborator["login"] = "getLogin" in collab ? collab.getLogin() : "";
+          collaborator["login"] = "getLogin" in collab ? collab.getLogin() : collab.getDescription();
           collaborator["accessRights"] = {
             read: accessRights["read"],
             write: accessRights["write"],

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

@@ -64,6 +64,7 @@ qx.Class.define("osparc.desktop.wallets.WalletListItem", {
   },
 
   events: {
+    "openShareWallet": "qx.event.type.Data",
     "openEditWallet": "qx.event.type.Data",
     "buyCredits": "qx.event.type.Data",
     "toggleFavourite": "qx.event.type.Data"

services/static-webserver/client/source/class/osparc/store/Groups.js

@@ -92,6 +92,12 @@ qx.Class.define("osparc.store.Groups", {
           this.setEveryoneProductGroup(productEveryoneGroup);
           this.setOrganizations(orgs);
           this.setGroupMe(groupMe);
+          const myAuthData = osparc.auth.Data.getInstance();
+          groupMe.set({
+            label: osparc.data.model.User.namesToLabel(myAuthData.getFirstName(), myAuthData.getLastName()),
+            description: myAuthData.getEmail(),
+            thumbnail: osparc.data.model.User.emailToThumbnail(myAuthData.getEmail()),
+          })
           return orgs;
         });
     },