mirror of
https://github.com/andwati/zitadel.git
synced 2026-10-30 02:52:16 +00:00
1c1d66cbe8
* chore(console): remove first and lastName fallback from user * use display name and ensure it's set without required name fields * add user type to user grant and memberships responses * contributor, members * fix avatar display checks --------- Co-authored-by: Livio Spring <[email protected]>
51 lines
1.9 KiB
HTML
51 lines
1.9 KiB
HTML
<div class="contributor-groups">
|
|
<div class="contributor-people">
|
|
<div class="contributor-img-list" [ngClass]="{ 'padd-left': totalResult > 0 }" [@cardAnimation]="totalResult">
|
|
<mat-spinner class="spinner" diameter="20" *ngIf="loading"></mat-spinner>
|
|
<ng-container *ngIf="totalResult < 10; else compact">
|
|
<ng-container *ngFor="let member of membersSubject | async; index as i">
|
|
<div
|
|
@animate
|
|
(click)="emitShowDetail()"
|
|
class="contributor-avatar-circle"
|
|
matTooltip="{{ member.displayName }} | {{ member.rolesList | roletransform }}"
|
|
[ngStyle]="{ 'z-index': 20 - i }"
|
|
data-e2e="member-avatar"
|
|
>
|
|
<cnsl-avatar
|
|
*ngIf="member && member.userType === UserType.TYPE_HUMAN; else cog"
|
|
class="contributor-avatar dontcloseonclick"
|
|
[avatarUrl]="member.avatarUrl || ''"
|
|
[name]="member.displayName"
|
|
[forColor]="member.preferredLoginName"
|
|
[size]="32"
|
|
>
|
|
</cnsl-avatar>
|
|
<ng-template #cog>
|
|
<cnsl-avatar [forColor]="member.preferredLoginName" [isMachine]="true">
|
|
<i class="las la-robot"></i>
|
|
</cnsl-avatar>
|
|
</ng-template>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
<ng-template #compact>
|
|
<div (click)="emitShowDetail()" class="contributor-avatar-circle" matTooltip="Click to show detail">
|
|
<span>{{ totalResult }}</span>
|
|
</div>
|
|
</ng-template>
|
|
<button
|
|
class="add-img"
|
|
[ngClass]="{ 'no-margin': totalResult === 0 }"
|
|
(click)="emitAddMember()"
|
|
[disabled]="disabled"
|
|
mat-icon-button
|
|
aria-label="Add member"
|
|
data-e2e="add-member-button"
|
|
>
|
|
<mat-icon>add</mat-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|