mirror of
https://github.com/zitadel/zitadel.git
synced 2025-04-25 21:50:51 +00:00
cbb5e90bac
* feat: set email verified on org creation * catch svg files and throw error * password changes * passwordpage * rm log * it * fr * localhost env * Update fr.json Co-authored-by: Fabi <38692350+hifabienne@users.noreply.github.com> Co-authored-by: Livio Spring <livio.a@gmail.com>
78 lines
2.6 KiB
HTML
78 lines
2.6 KiB
HTML
<div class="org-context-card" cdkTrapFocus>
|
|
<div class="spinner-w">
|
|
<mat-spinner diameter="20" *ngIf="orgLoading$ | async" color="accent"> </mat-spinner>
|
|
</div>
|
|
|
|
<div class="filter-wrapper">
|
|
<input
|
|
cnslInput
|
|
class="filter-input"
|
|
[formControl]="filterControl"
|
|
autocomplete="off"
|
|
(click)="$event.stopPropagation()"
|
|
placeholder="{{ 'ORG.PAGES.FILTERPLACEHOLDER' | translate }}"
|
|
#input
|
|
/>
|
|
</div>
|
|
|
|
<div class="org-wrapper">
|
|
<button
|
|
class="org-button-with-pin"
|
|
mat-button
|
|
[ngClass]="{
|
|
active: pinnedorg.id === org?.id,
|
|
'border-bottom': pinned.selected.length && i === pinned.selected.length - 1
|
|
}"
|
|
[disabled]="!pinnedorg.id"
|
|
*ngFor="let pinnedorg of pinned.selected; index as i"
|
|
(click)="setActiveOrg(pinnedorg)"
|
|
>
|
|
<div class="org-flex-row">
|
|
<span class="org-span">{{ pinnedorg?.name ? pinnedorg.name : 'NO NAME' }}</span>
|
|
<template [ngTemplateOutlet]="toggleButton" [ngTemplateOutletContext]="{ key: pinnedorg }"></template>
|
|
</div>
|
|
</button>
|
|
<ng-container *ngFor="let temporg of orgs$ | async">
|
|
<button
|
|
*ngIf="!pinned.isSelected(temporg)"
|
|
class="org-button-with-pin"
|
|
mat-button
|
|
[ngClass]="{ active: temporg.id === org?.id }"
|
|
[disabled]="!temporg.id"
|
|
(click)="setActiveOrg(temporg)"
|
|
>
|
|
<div class="org-flex-row">
|
|
<span class="org-span">{{ temporg?.name ? temporg.name : 'NO NAME' }}</span>
|
|
<template [ngTemplateOutlet]="toggleButton" [ngTemplateOutletContext]="{ key: temporg }"></template>
|
|
</div>
|
|
</button>
|
|
</ng-container>
|
|
</div>
|
|
|
|
<ng-template cnslHasRole [hasRole]="['iam.read']">
|
|
<button mat-button class="show-all" [routerLink]="['/orgs']" (click)="closedCard.emit()">
|
|
{{ 'MENU.SHOWORGS' | translate }}
|
|
</button>
|
|
</ng-template>
|
|
|
|
<ng-template cnslHasRole [hasRole]="['org.create', 'iam.write']">
|
|
<button mat-button [routerLink]="['/orgs/create']" (click)="closedCard.emit()">
|
|
<mat-icon class="avatar">add</mat-icon>
|
|
{{ 'MENU.NEWORG' | translate }}
|
|
</button>
|
|
</ng-template>
|
|
</div>
|
|
|
|
<ng-template #toggleButton let-key="key">
|
|
<button
|
|
matTooltip="{{ 'ACTIONS.PIN' | translate }}"
|
|
[ngClass]="{ selected: pinned.isSelected(key) }"
|
|
(click)="toggle(key, $event)"
|
|
class="edit-button"
|
|
mat-icon-button
|
|
>
|
|
<mat-icon *ngIf="pinned.isSelected(key)" svgIcon="mdi_pin"></mat-icon>
|
|
<mat-icon svgIcon="mdi_pin_outline" *ngIf="!pinned.isSelected(key)"></mat-icon>
|
|
</button>
|
|
</ng-template>
|