mirror of
https://github.com/zitadel/zitadel.git
synced 2025-10-20 20:29:16 +00:00
42effd8702
* user grant filter * add filter input * org domain spinner and reload * user grant filter templates * single selection filter for grants, same dl btn * filter margin * lint style, remove duplicate code * project count as observable * deferred reload on delete * fix user grant formfield * lint styles * fix event propagation on pin, change selection * propagate counter change * admin warn, localstorage, i18n, sidenav impv * overlays * adapt toolbar elevationn, card * color vars, i18n, admin section * fix lint * selection clear on filter * ts lint * Update console/src/assets/i18n/de.json Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * Update console/src/assets/i18n/de.json Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> * Update console/src/assets/i18n/en.json Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com> Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>
43 lines
2.4 KiB
HTML
43 lines
2.4 KiB
HTML
<div class="membership-groups">
|
|
<span class="header">{{ 'USER.MEMBERSHIPS.TITLE' | translate }}</span>
|
|
<div class="people" *ngIf="memberships">
|
|
<div class="img-list" [@cardAnimation]="memberships.totalResult">
|
|
<mat-spinner class="spinner" diameter="20" *ngIf="loading"></mat-spinner>
|
|
<ng-container *ngIf="memberships.totalResult < 8; else compact">
|
|
<ng-container *ngFor="let membership of memberships.resultList; index as i">
|
|
<div @animate class="avatar-circle" (click)="navigateToObject()"
|
|
matTooltip="{{ membership.displayName }} | {{membership.rolesList?.join(' ')}}"
|
|
[ngStyle]="{'z-index': 100 - i}">
|
|
<div class="membership-avatar"
|
|
[ngStyle]="{'background-color': getColor(membership.memberType)}">
|
|
<i *ngIf="membership.memberType == MemberType.MEMBERTYPE_ORGANISATION"
|
|
class="las la-archway"></i>
|
|
<i *ngIf="membership.memberType == MemberType.MEMBERTYPE_PROJECT"
|
|
class="icon las la-layer-group"></i>
|
|
<i *ngIf="membership.memberType == MemberType.MEMBERTYPE_PROJECT_GRANT"
|
|
class="icon las la-layer-group"></i>
|
|
|
|
<span>{{membership.displayName}}</span>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
<ng-template #compact>
|
|
<div class="avatar-circle" matTooltip="Click to show detail" (click)="navigateToObject()" role="button">
|
|
<div class="membership-avatar">
|
|
<span style="font-size: 16px;">{{memberships.totalResult}}</span>
|
|
</div>
|
|
</div>
|
|
</ng-template>
|
|
<button [disabled]="disabled" class="add-img" (click)="addMember()" mat-icon-button
|
|
aria-label="add membership">
|
|
<mat-icon>add</mat-icon>
|
|
</button>
|
|
<span class="fill-space"></span>
|
|
<button class="refresh-img" (click)="loadManager(user.id)" [disabled]="disabled" mat-icon-button
|
|
aria-label="refresh contributors">
|
|
<mat-icon>refresh</mat-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> |