mirror of
https://github.com/zitadel/zitadel.git
synced 2025-12-01 11:14:55 +00:00
70 lines
2.3 KiB
HTML
70 lines
2.3 KiB
HTML
<div class="max-width-container">
|
|
<ng-container *ngIf="['org.write$'] | hasRole as canwrite$">
|
|
<div class="domain-top-view">
|
|
<div>
|
|
<div class="domain-title-row">
|
|
<h1>{{ 'ORG.DOMAINS.TITLE' | translate }}</h1>
|
|
<a
|
|
mat-icon-button
|
|
href="https://docs.zitadel.com/docs/guides/basics/organizations#how-zitadel-handles-usernames"
|
|
rel="noreferrer"
|
|
target="_blank"
|
|
>
|
|
<i class="las la-info-circle"></i>
|
|
</a>
|
|
</div>
|
|
<p class="desc cnsl-secondary-text">{{ 'ORG.DOMAINS.DESCRIPTION' | translate }}</p>
|
|
</div>
|
|
<span class="fill-space"></span>
|
|
|
|
<button
|
|
[disabled]="(canwrite$ | async) === false"
|
|
matTooltip="Add domain"
|
|
mat-raised-button
|
|
color="primary"
|
|
class="cnsl-action-button"
|
|
(click)="addNewDomain()"
|
|
>
|
|
<mat-icon>add</mat-icon>
|
|
<span>{{ 'ACTIONS.NEW' | translate }}</span>
|
|
<cnsl-action-keys (actionTriggered)="addNewDomain()"> </cnsl-action-keys>
|
|
</button>
|
|
</div>
|
|
|
|
<cnsl-card *ngFor="let domain of domains" class="domain-card">
|
|
<div class="domain">
|
|
<span class="title">{{ domain.domainName }}</span>
|
|
|
|
<i matTooltip="verified" *ngIf="domain.isVerified" class="verified las la-check-circle"></i>
|
|
<i matTooltip="primary" *ngIf="domain.isPrimary" class="primary las la-star"></i>
|
|
<a
|
|
*ngIf="domain.isVerified && !domain.isPrimary && (canwrite$ | async)"
|
|
class="primaryset"
|
|
(click)="setPrimary(domain)"
|
|
>{{ 'ORG.DOMAINS.SETPRIMARY' | translate }}</a
|
|
>
|
|
|
|
<span class="fill-space"></span>
|
|
<button
|
|
mat-icon-button
|
|
[disabled]="(canwrite$ | async) === false || domain.isVerified"
|
|
*ngIf="canwrite$ | async"
|
|
(click)="verifyDomain(domain)"
|
|
>
|
|
<i class="las la-pen"></i>
|
|
</button>
|
|
<button
|
|
class="domain-rem-button"
|
|
[disabled]="(canwrite$ | async) === false || domain.isPrimary"
|
|
matTooltip="Remove domain"
|
|
color="warn"
|
|
mat-icon-button
|
|
(click)="removeDomain(domain.domainName)"
|
|
>
|
|
<i class="las la-trash"></i>
|
|
</button>
|
|
</div>
|
|
</cnsl-card>
|
|
</ng-container>
|
|
</div>
|