Implement creating qualifications (#17)

Co-authored-by: Phan Huy Tran <p.tran@neusta.de>
Reviewed-on: #17
Reviewed-by: Constantin Simonis <constantin@simonis.lol>

src/app/create-qualification/create-qualification.component.ts

@@ -0,0 +1,41 @@
+import {Component, inject} from '@angular/core';
+import {FormBuilder, ReactiveFormsModule} from "@angular/forms";
+import EmployeeApiService from "../services/employee-api.service";
+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'
+})
+export class CreateQualificationComponent {
+  private formBuilder: FormBuilder = inject(FormBuilder);
+  private qualificationService: QualificationService = inject(QualificationService);
+  private dialogRef: MatDialogRef<CreateQualificationComponent> = inject(MatDialogRef);
+
+  qualificationForm = this.formBuilder.group({
+    'skill': [''],
+  });
+
+  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);
+        }
+      });
+    }
+  }
+
+  cancel() {
+    this.dialogRef.close();
+  }
+}