angular/ems-frontend
angular/ems-frontend
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement error handling for the create qualification form #19

Merged
ptran merged 9 commits from feature/validation into main 2025-01-08 10:31:38 +00:00
Conversation 1 Commits 9 Files Changed 2 +26 -29
1 changed files with 26 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 275d4b8737 - Show all commits

17
src/app/create-qualification/create-qualification.component.ts
View File

@ -1,8 +1,6 @@
import {Component, inject} from '@angular/core';
import {FormBuilder, ReactiveFormsModule} from "@angular/forms";
import EmployeeApiService from "../services/employee-api.service";
import {FormBuilder, ReactiveFormsModule, Validators} from "@angular/forms";
import QualificationService from "../services/qualification.service";
import {Router} from "@angular/router";
import {MatDialogRef} from "@angular/material/dialog";
@Component({
@ -19,11 +17,15 @@ export class CreateQualificationComponent {
private dialogRef: MatDialogRef<CreateQualificationComponent> = inject(MatDialogRef);
qualificationForm = this.formBuilder.group({
'skill': [''],
'skill': ['', Validators.required],
});
create() {
if (this.qualificationForm.valid) {
if (!this.qualificationForm.valid) {
console.error('Validation failed');
return;
}
this.qualificationService.create(this.qualificationForm.value).subscribe({
next: (createdQualification) => {
this.dialogRef.close(createdQualification);
@ -33,9 +35,4 @@ export class CreateQualificationComponent {
}
});
}
}
cancel() {
this.dialogRef.close();
}
}