From 275d4b8737cb0a0b2d52e927b81c2396d08d30c8 Mon Sep 17 00:00:00 2001
From: Phan Huy Tran <p.tran@neusta.de>
Date: Wed, 8 Jan 2025 10:26:39 +0100
Subject: [PATCH] Validation

---
 .../create-qualification.component.ts         | 55 +++++++++----------
 1 file changed, 26 insertions(+), 29 deletions(-)

diff --git a/src/app/create-qualification/create-qualification.component.ts b/src/app/create-qualification/create-qualification.component.ts
index 1eb50f9..df7e6db 100644
--- a/src/app/create-qualification/create-qualification.component.ts
+++ b/src/app/create-qualification/create-qualification.component.ts
@@ -1,41 +1,38 @@
 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({
-  selector: 'app-create-qualification',
-  imports: [
-    ReactiveFormsModule
-  ],
-  templateUrl: './create-qualification.component.html',
-  styleUrl: './create-qualification.component.css'
+    selector: 'app-create-qualification',
+    imports: [
+        ReactiveFormsModule
+    ],
+    templateUrl: './create-qualification.component.html',
+    styleUrl: './create-qualification.component.css'
 })
 export class CreateQualificationComponent {
-  private formBuilder: FormBuilder = inject(FormBuilder);
-  private qualificationService: QualificationService = inject(QualificationService);
-  private dialogRef: MatDialogRef<CreateQualificationComponent> = inject(MatDialogRef);
+    private formBuilder: FormBuilder = inject(FormBuilder);
+    private qualificationService: QualificationService = inject(QualificationService);
+    private dialogRef: MatDialogRef<CreateQualificationComponent> = inject(MatDialogRef);
 
-  qualificationForm = this.formBuilder.group({
-    'skill': [''],
-  });
+    qualificationForm = this.formBuilder.group({
+        'skill': ['', Validators.required],
+    });
 
-  create() {
-    if (this.qualificationForm.valid) {
-      this.qualificationService.create(this.qualificationForm.value).subscribe({
-        next: (createdQualification) => {
-          this.dialogRef.close(createdQualification);
-        },
-        error: (error) => {
-          console.error('Error creating qualification:', error);
+    create() {
+        if (!this.qualificationForm.valid) {
+            console.error('Validation failed');
+            return;
         }
-      });
-    }
-  }
 
-  cancel() {
-    this.dialogRef.close();
-  }
+        this.qualificationService.create(this.qualificationForm.value).subscribe({
+            next: (createdQualification) => {
+                this.dialogRef.close(createdQualification);
+            },
+            error: (error) => {
+                console.error('Error creating qualification:', error);
+            }
+        });
+    }
 }