From 5f18aa207d4b3a3271340ff1f6e421fd8bdab304 Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.de>
Date: Wed, 22 Jan 2025 09:26:46 +0100
Subject: [PATCH] feat(qualifikationsverwaltung): add error handling for delete
 skill

---
 .../qualifikationsverwaltung.component.html   | 26 +++++++++++++------
 .../qualifikationsverwaltung.component.ts     | 14 +++++++---
 2 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.html b/src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.html
index e09d23c..99228fa 100644
--- a/src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.html
+++ b/src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.html
@@ -12,15 +12,25 @@
     <h1>Qualifications</h1>
   </div>
 
-  <div class="header-actions">
-    <form [formGroup]="searchForm">
-      <div class="search-bar">
-        <input type="text" placeholder="Search employee" formControlName="search">
-        <button (click)="submit()">Search</button>
+  <div class="d-flex flex-column">
+    <div class="row header-actions">
+      <form [formGroup]="searchForm">
+        <div class="search-bar">
+          <input type="text" placeholder="Search employee" formControlName="search">
+          <button (click)="submit()">Search</button>
+        </div>
+        <p class="text-body-tertiary">Search for a propertiy of a Qualification. eg. Name</p>
+      </form>
+      <div class="d-flex">
+        <button (click)="createSkill()" class="add-button me-auto">Add qualification</button>
       </div>
-      <p class="text-body-tertiary">Search for a propertiy of a Qualification. eg. Name</p>
-    </form>
-    <button (click)="createSkill()" class="add-button">Add qualification</button>
+    </div>
+
+    @if (errorDeletingSkill) {
+    <div class="row">
+      <p class="alert alert-danger">This Qualification can not be deleted because it still has employees.</p>
+    </div>
+    }
   </div>
 
   <table class="employee-table">
diff --git a/src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.ts b/src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.ts
index cfe298b..be47225 100644
--- a/src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.ts
+++ b/src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.ts
@@ -14,8 +14,9 @@ import { Router } from '@angular/router';
 export class QualifikationsverwaltungComponent {
   skills: Array<QualificationGetDTO> = [];
   public searchForm!: FormGroup;
+  public errorDeletingSkill = false;
 
-  constructor(private skillService: SkillService, private router: Router) {}
+  constructor(private skillService: SkillService, private router: Router) { }
 
   submit() {
     const searchTerm = this.searchForm.get("search")?.value || '';
@@ -44,8 +45,15 @@ export class QualifikationsverwaltungComponent {
   }
 
   deleteSkill(id: number) {
-    this.skillService.deleteSkill(id);
-    this.skills = this.skills.filter(skill => skill.id != id);
+    this.skillService.getEmployeesBySkill(id).subscribe(employees => {
+      this.errorDeletingSkill = false;
+      if (employees.employees.length == 0) {
+        this.skillService.deleteSkill(id);
+        this.skills = this.skills.filter(skill => skill.id != id);
+      } else {
+        this.errorDeletingSkill = true;
+      }
+    });
   }
 
   ngOnInit(): void {