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

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

@ -1,41 +1,38 @@
import {Component, inject} from '@angular/core'; import {Component, inject} from '@angular/core';
import {FormBuilder, ReactiveFormsModule} from "@angular/forms"; import {FormBuilder, ReactiveFormsModule, Validators} from "@angular/forms";
import EmployeeApiService from "../services/employee-api.service";
import QualificationService from "../services/qualification.service"; import QualificationService from "../services/qualification.service";
import {Router} from "@angular/router";
import {MatDialogRef} from "@angular/material/dialog"; import {MatDialogRef} from "@angular/material/dialog";
@Component({ @Component({
selector: 'app-create-qualification', selector: 'app-create-qualification',
imports: [ imports: [
ReactiveFormsModule ReactiveFormsModule
], ],
templateUrl: './create-qualification.component.html', templateUrl: './create-qualification.component.html',
styleUrl: './create-qualification.component.css' styleUrl: './create-qualification.component.css'
}) })
export class CreateQualificationComponent { export class CreateQualificationComponent {
private formBuilder: FormBuilder = inject(FormBuilder); private formBuilder: FormBuilder = inject(FormBuilder);
private qualificationService: QualificationService = inject(QualificationService); private qualificationService: QualificationService = inject(QualificationService);
private dialogRef: MatDialogRef<CreateQualificationComponent> = inject(MatDialogRef); private dialogRef: MatDialogRef<CreateQualificationComponent> = inject(MatDialogRef);
qualificationForm = this.formBuilder.group({ qualificationForm = this.formBuilder.group({
'skill': [''], 'skill': ['', Validators.required],
}); });
create() { create() {
if (this.qualificationForm.valid) { if (!this.qualificationForm.valid) {
this.qualificationService.create(this.qualificationForm.value).subscribe({ console.error('Validation failed');
next: (createdQualification) => { return;
this.dialogRef.close(createdQualification);
},
error: (error) => {
console.error('Error creating qualification:', error);
} }
});
}
}
cancel() { this.qualificationService.create(this.qualificationForm.value).subscribe({
this.dialogRef.close(); next: (createdQualification) => {
} this.dialogRef.close(createdQualification);
},
error: (error) => {
console.error('Error creating qualification:', error);
}
});
}
} }