@for (option of userTypeQuickFilters; track option.value ?? 'all') { }
@if (state$ | async; as state) {

@if (state.status === 'ready') { {{ 'XP.UserSettings.UserCount' | translate: { count: state.total } }} }

@if (roles.length || !isDefaultUserTypeFilter() || status !== allStatusFilter || organizationIds.length) { }
@if (state.status === 'loading') {
{{ 'XP.UserSettings.Loading' | translate }}
} @else if (state.status === 'error') { } @else if (state.users.length) {
@if (canEditUsers()) { } @for (user of state.users; track user.id) { @if (canEditUsers()) { } }
{{ 'XP.KEY_WORDS.User' | translate: { Default: 'User' } }} {{ 'XP.Users.UserType' | translate: { Default: 'User type' } }} {{ 'XP.KEY_WORDS.ORGANIZATION' | translate: { Default: 'Organization' } }} {{ 'XP.KEY_WORDS.Status' | translate: { Default: 'Status' } }} {{ 'XP.KEY_WORDS.UpdatedAt' | translate: { Default: 'Updated' } }} {{ 'XP.KEY_WORDS.Role' | translate: { Default: 'Role' } }} {{ 'XP.KEY_WORDS.ACTION' | translate: { Default: 'Action' } }}
@if (user.deletedAt) { } @else { }
@if (canOpenUsers()) { } @else { {{ userIdentityTitle(user) || ('XP.KEY_WORDS.NotSet' | translate) }} } @if (userIdentitySubtitle(user)) {
{{ userIdentitySubtitle(user) }}
}
{{ userTypeLabelKey(user.type) | translate: { Default: userTypeDefaultLabel(user.type) } }} @if (user.displayOrganizations.length) {
@for ( organization of user.displayOrganizations.slice(0, 2); track organization.id || organization.name ) { {{ organization.name }} } @if (user.displayOrganizations.length > 2) { +{{ user.displayOrganizations.length - 2 }} }
} @else { {{ 'XP.KEY_WORDS.NotSet' | translate: { Default: 'Not set' } }} } 		@if (user.deletedAt) { {{ 'XP.KEY_WORDS.Disabled' | translate: { Default: 'Disabled' } }} } @else { {{ 'XP.KEY_WORDS.Active' | translate: { Default: 'Active' } }} } @if (user.updatedAt) { {{ user.updatedAt | relative }} } @else { {{ 'XP.KEY_WORDS.NotSet' | translate: { Default: 'Not set' } }} } @if (user.role; as role) { {{ role.name }} } @else { {{ 'XP.USERS_PAGE.NoRole' | translate: { Default: 'No Role' } }} }
@if (isTenantScope() && !isTechnicalUser(user)) { }
} @else {

{{ 'XP.UserSettings.NoUsers' | translate }}

{{ 'XP.UserSettings.NoUsersHint' | translate }}

} @if (state.status === 'ready' && state.users.length) {

{{ 'XP.UserSettings.ScrollHint' | translate }}

} }