UsersPending

Author: odeimaiz

services/static-webserver/client/source/class/osparc/po/POCenter.js

@@ -26,21 +26,29 @@ qx.Class.define("osparc.po.POCenter", {
     });
     this.addWidgetToTabs(miniProfile);
 
-    this.__addUsersPage();
+    this.__addActiveUsersPage();
+    this.__addPendingUsersPage();
     this.__addPreRegistrationPage();
     this.__addInvitationsPage();
     this.__addProductPage();
     this.__addMsgTemplatesPage();
   },
 
   members: {
-    __addUsersPage: function() {
-      const title = this.tr("Users");
+    __addActiveUsersPage: function() {
+      const title = this.tr("Active Users");
       const iconSrc = "@FontAwesome5Solid/user/22";
       const users = new osparc.po.Users();
       this.addTab(title, iconSrc, users);
     },
 
+    __addPendingUsersPage: function() {
+      const title = this.tr("Pending Users");
+      const iconSrc = "@FontAwesome5Solid/user-plus/22";
+      const usersPending = new osparc.po.UsersPending();
+      this.addTab(title, iconSrc, usersPending);
+    },
+
     __addPreRegistrationPage: function() {
       const title = this.tr("Pre-Registration");
       const iconSrc = "@FontAwesome5Solid/address-card/22";

services/static-webserver/client/source/class/osparc/po/UsersPending.js

@@ -0,0 +1,49 @@
+/* ************************************************************************
+
+   osparc - the simcore frontend
+
+   https://osparc.io
+
+   Copyright:
+     2024 IT'IS Foundation, https://itis.swiss
+
+   License:
+     MIT: https://opensource.org/licenses/MIT
+
+   Authors:
+     * Pedro Crespo-Valero (pcrespov)
+     * Odei Maiz (odeimaiz)
+
+************************************************************************ */
+
+qx.Class.define("osparc.po.UsersPending", {
+  extend: osparc.po.BaseView,
+
+  members: {
+    _createChildControlImpl: function(id) {
+      let control;
+      switch (id) {
+        case "pending-users-container":
+          control = new qx.ui.container.Scroll();
+          this._add(control, {
+            flex: 1
+          });
+          break;
+      }
+      return control || this.base(arguments, id);
+    },
+
+    _buildLayout: function() {
+      this.getChildControl("pending-users-container");
+
+      this.__populatePendingUsersLayout();
+    },
+
+    __populatePendingUsersLayout: function(respData) {
+      const pendingUsersContainer = this.getChildControl("pending-users-container");
+      osparc.utils.Utils.removeAllChildren(pendingUsersContainer);
+      const usersRespViewer = new osparc.ui.basic.JsonTreeWidget(respData, "users-data");
+      pendingUsersContainer.add(usersRespViewer);
+    }
+  }
+});