Appearance

Portal Users Settings Page ​

File Information ​

  • Path: pages/_workspace_id/workspace-settings/portals/users/index.vue
  • Route: /:workspace_id/workspace-settings/portals/users
  • Middleware: authCheck, check-workspace-access, checkWorkspace, can-access-dam-settings
  • Layout: generalSettingsLayout
  • Mixin: routeParams

Purpose ​

Workspace-level management of portal users across all portals. Lists users with filter tabs (Active, Pending Approval, Deactivated), search, and sort. Admins can invite new users, activate/deactivate accounts, and change user roles or passwords.

Key Features ​

  1. User table — wpAdminsTable with sortable columns; loads with skeleton state
  2. Filter tabs — Active Users / Pending Approval / Deactivated Users
  3. Search — debounced text filter applied server-side
  4. Invite user — "Add User" button opens CollageUserDialog
  5. User actions — activate (ActivateUserDialog), deactivate/delete (ConfirmationDialog), edit/change password (CollageUserDialog)
  6. Pagination — infinite scroll via load-more; loadMore flag while fetching
  7. Portal selector — instances list lets admins scope the user list to a specific portal

Components Used ​

  • wpAdminsTable — user table (~/components/dam/table/wpAdminsTable.vue)
  • CollageUserDialog — invite/edit user (~/components/dam/Dialogs/Org-Settings/CollageUserDialog.vue)
  • ActivateUserDialog — approve pending user (~/components/dam/Dialogs/Org-Settings/ActivateUserDialog.vue)
  • ConfirmationDialog — deactivate/delete confirm (~/components/theme/global/Dialog/ConfirmationDialog.vue)

Data Properties ​

javascript
{
  searchTerm: '',
  filterSelectModel: 1,        // 1=active, 2=pending, 3=deactivated
  filterOptions: [...],        // Filter tab definitions
  users: [],
  page: 0,
  lastPage: 1,
  fetchingUser: false,
  sortValue: 'name',
  sortReverse: false,
  instances: [],               // All portals for scope selector
  totalInstanceUsers: 0,
  contentLoading: true,
  loadMore: false,
  selectedUser: null,
  add_new_user_dialog: false,
  edit_user_dialog: false,
  activate_user_dialog: false,
  deactivate_user_dialog: false,
  delete_invite_dialog: false,
  activate_pending_user_dialog: false,
  change_password_dialog: false,
}

API Endpoints ​

  • GET digital-assets/instance/user/all — fetch portal users (with filter, search, sort, page params)
  • GET digital-assets/instance/all — fetch portal list for scope selector

Access Control ​

Requires can-access-dam-settings middleware; only managers and admins reach this page.