hideMyself property

Author: odeimaiz

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

@@ -254,6 +254,7 @@ qx.Class.define("osparc.navigation.NavigationBar", {
         case "avatar-group": {
           const maxWidth = osparc.WindowSizeTracker.getInstance().isCompactVersion() ? 80 : 150;
           control = new osparc.ui.basic.AvatarGroup(26, "right", maxWidth).set({
+            hideMyself: true,
             alignY: "middle",
             visibility: "excluded",
           });
@@ -353,11 +354,8 @@ qx.Class.define("osparc.navigation.NavigationBar", {
           if (this.getStudy() && data["project_uuid"] === this.getStudy().getUuid()) {
             const projectState = data["data"];
             const currentUserGroupIds = osparc.study.Utils.state.getCurrentGroupIds(projectState);
-            // remove myself from the list of users
-            const filteredUserGroupIds = currentUserGroupIds.filter(gid => gid !== osparc.store.Groups.getInstance().getMyGroupId());
-            // show the rest of the users in the avatar group
             const avatarGroup = this.getChildControl("avatar-group");
-            avatarGroup.setUserGroupIds(filteredUserGroupIds);
+            avatarGroup.setUserGroupIds(currentUserGroupIds);
           }
         }
       }, this);

services/static-webserver/client/source/class/osparc/ui/basic/AvatarGroup.js

@@ -43,6 +43,13 @@ qx.Class.define("osparc.ui.basic.AvatarGroup", {
     document.addEventListener("pointermove", this.__onGlobalPointerMove);
   },
 
+  properties: {
+    hideMyself: {
+      check: "Boolean",
+      init: false,
+    }
+  },
+
   members: {
     __avatarSize: null,
     __maxVisible: null,
@@ -60,6 +67,12 @@ qx.Class.define("osparc.ui.basic.AvatarGroup", {
         return;
       }
       this.__userGroupIds = userGroupIds || [];
+
+      if (this.isHideMyself()) {
+        // remove myself from the list of users
+        userGroupIds = userGroupIds.filter(gid => gid !== osparc.store.Groups.getInstance().getMyGroupId());
+      }
+
       const usersStore = osparc.store.Users.getInstance();
       const userPromises = userGroupIds.map(userGroupId => usersStore.getUser(userGroupId));
       const users = [];

services/static-webserver/client/source/class/osparc/workbench/NodeUI.js

@@ -288,7 +288,9 @@ qx.Class.define("osparc.workbench.NodeUI", {
           });
           break;
         case "avatar-group":
-          control = new osparc.ui.basic.AvatarGroup(20, "right");
+          control = new osparc.ui.basic.AvatarGroup(20, "right").set({
+            hideMyself: true,
+          });
           this.getChildControl("middle-container").addAt(control, 2, {
             flex: 1
           });