2022-02-28 13:50:10 +01:00

29 lines
1.1 KiB
HTML

<h1 mat-dialog-title>Create new group</h1>
<form [formGroup]="groupNameForm" class="file-name-form">
<mat-form-field class="file-name-form-field">
<input
matInput
(keydown)="onKeyDown($event)"
type="text"
formControlName="groupName"
[ngClass]="{ 'is-invalid': form.groupName?.errors }"
placeholder="Please enter group name"
/>
<mat-error *ngIf="form.groupName?.touched && form.groupName?.errors && form.groupName?.errors.required"
>Group name is required</mat-error
>
<mat-error *ngIf="form.groupName?.errors && form.groupName?.errors.invalidName"
>Group name is incorrect</mat-error
>
<mat-error *ngIf="form.groupName?.errors && form.groupName?.errors.projectExist"
>Group with this name exists</mat-error
>
</mat-form-field>
<div mat-dialog-actions>
<button mat-button (click)="onNoClick()" color="accent">Cancel</button>
<button mat-button (click)="onAddClick()" tabindex="2" class="add-project-button" mat-raised-button color="primary">
Add group
</button>
</div>
</form>