feat(console): more emphasize to preferred login name in user's table and detail (#6588)

* feat: poc

* feat: more emphasize to preferred login name in user's table and detail

* fix: add @peintnermax suggestions

---------

Co-authored-by: Max Peintner <[email protected]>
This commit is contained in:
Miguel Cabrerizo
2023-09-21 09:42:11 +02:00
committed by GitHub
co-authored by Max Peintner
parent 7edc73bd5e
commit 7faab0378f
14 changed files with 31 additions and 2 deletions
@@ -78,7 +78,7 @@
<ng-container *ngIf="currentSetting === 'general'">
<ng-template cnslHasRole [hasRole]="['user.read$', 'user.read:' + user.id]">
<cnsl-card *ngIf="user.human" title="{{ 'USER.PROFILE.TITLE' | translate }}">
<cnsl-card *ngIf="user.human" title="{{ user.preferredLoginName }} - {{ 'USER.PROFILE.TITLE' | translate }}">
<cnsl-detail-form
[preferredLoginName]="user.preferredLoginName"
[disabled]="(canWrite$ | async) === false"
@@ -124,6 +124,20 @@
</td>
</ng-container>
<ng-container matColumnDef="preferredLoginName">
<th
mat-header-cell
*matHeaderCellDef
mat-sort-header
[ngClass]="{ 'search-active': this.userSearchKey === UserListSearchKey.DISPLAY_NAME }"
>
{{ 'USER.PROFILE.PREFERREDLOGINNAME' | translate }}
</th>
<td mat-cell *matCellDef="let user" [routerLink]="user.id ? ['/users', user.id] : null">
<span *ngIf="user.human">{{ user.preferredLoginName }}</span>
</td>
</ng-container>
<ng-container matColumnDef="username">
<th
mat-header-cell
@@ -51,7 +51,7 @@ export class UserTableComponent implements OnInit {
@Input() public displayedColumnsHuman: string[] = [
'select',
'displayName',
'username',
'preferredLoginName',
'email',
'state',
'creationDate',
@@ -194,6 +194,10 @@ export class UserTableComponent implements OnInit {
case 'username':
sortingField = UserFieldName.USER_FIELD_NAME_USER_NAME;
break;
case 'preferredLoginName':
// TODO: replace with preferred username sorting once implemented
sortingField = UserFieldName.USER_FIELD_NAME_USER_NAME;
break;
case 'email':
sortingField = UserFieldName.USER_FIELD_NAME_EMAIL;
break;