mirror of
https://github.com/zitadel/zitadel.git
synced 2025-05-08 02:46:49 +00:00
b1caef81da
* es lint * modify tsconfig, auto lint some stuff * lint * lint * lint * lint * html ts lint * lint * lint, tsconfig * fix project delete, state table * eslint config, remove cnslHint directive * mfa selector, info row fixes * lint * fix login policy, granted orgs table state, lint Co-authored-by: Florian Forster <florian@caos.ch>
34 lines
1.6 KiB
HTML
34 lines
1.6 KiB
HTML
<span class="title" mat-dialog-title>{{'USER.MACHINE.ADD.TITLE' | translate}}</span>
|
|
<div mat-dialog-content>
|
|
<p class="desc"> {{'USER.MACHINE.ADD.DESCRIPTION' | translate}}</p>
|
|
|
|
<cnsl-form-field class="form-field" appearance="outline">
|
|
<cnsl-label>{{'USER.MACHINE.TYPE' | translate}}</cnsl-label>
|
|
<mat-select [(ngModel)]="type">
|
|
<mat-option *ngFor="let t of types" [value]="t">
|
|
{{'USER.MACHINE.KEYTYPES.'+t | translate}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</cnsl-form-field>
|
|
|
|
<cnsl-form-field class="form-field" appearance="outline">
|
|
<cnsl-label>{{'USER.MACHINE.CHOOSEEXPIRY' | translate}} (optional)</cnsl-label>
|
|
<input cnslInput [matDatepicker]="picker" [min]="startDate" [formControl]="dateControl">
|
|
<mat-datepicker-toggle style="top: 0;" cnslSuffix [for]="picker"></mat-datepicker-toggle>
|
|
<mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
|
|
<span cnsl-error *ngIf="dateControl?.errors?.matDatepickerMin?.min">
|
|
{{'USER.MACHINE.CHOOSEDATEAFTER' | translate}}:
|
|
{{dateControl?.errors?.matDatepickerMin.min.toDate() | localizedDate: 'EEE dd. MMM'}}
|
|
</span>
|
|
</cnsl-form-field>
|
|
</div>
|
|
<div mat-dialog-actions class=" action">
|
|
<button mat-button (click)="closeDialog()">
|
|
{{'ACTIONS.CANCEL' | translate}}
|
|
</button>
|
|
|
|
<button color="primary" mat-raised-button class="ok-button" [disabled]="type === undefined || dateControl.invalid"
|
|
(click)="closeDialogWithSuccess()">
|
|
{{'ACTIONS.ADD' | translate}}
|
|
</button>
|
|
</div> |