Add cancel button to create and edit qualification modals (#36)

Co-authored-by: Phan Huy Tran <p.tran@neusta.de>
Reviewed-on: http://git.simonis.lol/angular/ems-frontend/pulls/36
Co-authored-by: Huy <ptran@noreply@simonis.lol>
Co-committed-by: Huy <ptran@noreply@simonis.lol>
This commit is contained in:
Huy
2025-01-15 09:05:48 +00:00
committed by Hop In, I Have Puppies AND WiFi
parent 17912451d6
commit 37b5c27a50
4 changed files with 49 additions and 39 deletions

View File

@ -1,24 +1,25 @@
<h2 mat-dialog-title>Create Qualification</h2>
<mat-dialog-content>
<form [formGroup]="qualificationForm" (ngSubmit)="create()">
<div class="!space-y-4">
@if (apiErrorMessage) {
<mat-error>{{ apiErrorMessage }}</mat-error>
}
<form [formGroup]="qualificationForm" (ngSubmit)="create()">
<div class="!space-y-4">
@if (apiErrorMessage) {
<mat-error>{{ apiErrorMessage }}</mat-error>
}
<mat-form-field class="!w-full">
<mat-label>Skill</mat-label>
<input matInput
formControlName="skill"
required>
<mat-error *ngIf="isFieldInvalid('skill')">
{{ getErrorMessage('skill') }}
</mat-error>
</mat-form-field>
<mat-form-field class="!w-full">
<mat-label>Skill</mat-label>
<input matInput
formControlName="skill"
required>
<mat-error *ngIf="isFieldInvalid('skill')">
{{ getErrorMessage('skill') }}
</mat-error>
</mat-form-field>
<mat-dialog-actions align="end">
<button mat-flat-button color="primary" type="submit">Create</button>
</mat-dialog-actions>
</div>
</form>
<mat-dialog-actions align="end">
<button mat-button mat-dialog-close>Cancel</button>
<button mat-flat-button color="primary" type="submit">Create</button>
</mat-dialog-actions>
</div>
</form>
</mat-dialog-content>