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

Validation

Browse Source
This commit is contained in:
Phan Huy Tran 2025-01-08 10:26:39 +01:00
parent bd13dfe39e
commit 275d4b8737
1 changed files with 26 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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);
@ -34,8 +36,3 @@ export class CreateQualificationComponent {
});
}
}
cancel() {
this.dialogRef.close();
}
}