mirror of
https://github.com/zitadel/zitadel.git
synced 2025-10-09 11:12:01 +00:00
117a0d7b19
* refreshtable component * project grant refresh table * project role refresh, user grant, i18n * lint * auth user mfa table * auth mfa table * rm unused 404 page, add mgmt mfa table * change light accent color * add actions to mfa table * user detail mfa table * clear selection on refresh, bind data length * member table * fix padding mfa table * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <florian@caos.ch> * Update console/src/assets/i18n/en.json Co-authored-by: Florian Forster <florian@caos.ch> * z-index, new colors * new senf color Co-authored-by: Florian Forster <florian@caos.ch>
28 lines
1.4 KiB
HTML
28 lines
1.4 KiB
HTML
<div class="groups">
|
|
<span class="header">{{ 'IAM.MEMBER.TITLE' | translate }}</span>
|
|
<span class="sub-header">{{ 'IAM.MEMBER.DESCRIPTION' | translate }}</span>
|
|
<div class="people">
|
|
<div class="img-list">
|
|
<ng-container *ngIf="totalResult < 10; else compact">
|
|
<ng-container *ngFor="let member of membersSubject | async; index as i">
|
|
<div (click)="showDetail()" class="avatar-circle" [ngStyle]="{'z-index': 100 - i}"
|
|
matTooltip="{{ member.email }} | {{member.rolesList?.join(' ')}}">
|
|
<app-avatar *ngIf="member && (member.displayName || (member.firstName && member.lastName))"
|
|
class="avatar dontcloseonclick"
|
|
[name]="member.displayName ? member.displayName : (member.firstName + ' '+ member.lastName)"
|
|
[size]="32">
|
|
</app-avatar>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
<ng-template #compact>
|
|
<div (click)="showDetail()" class="avatar-circle" matTooltip="Click to show detail">
|
|
<span>{{totalResult}}</span>
|
|
</div>
|
|
</ng-template>
|
|
<button class="add-img" (click)="openAddMember()" mat-icon-button aria-label="Edit contributors">
|
|
<mat-icon>add</mat-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> |