From 4c0371efb34ebb9da82233524470c0c1aab6f4dc Mon Sep 17 00:00:00 2001
From: Jan Klattenhoff <jan@kjan.de>
Date: Wed, 15 Jan 2025 13:32:37 +0100
Subject: [PATCH] feat(mitarbeiterverwaltung): add edit employee functionality

---
 .../mitarbeiterverwaltung-view.component.html              | 2 +-
 .../mitarbeiterverwaltung-view.component.ts                | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
index 55f61a3..5b183e7 100644
--- a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
+++ b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
@@ -46,7 +46,7 @@
         <td>{{ employee.city }}</td>
         <td>{{ employee.phone }}</td>
         <td>
-          <button>Edit</button>
+          <button (click)="editEmployee(employee.id)">Edit</button>
           <button>Delete</button>
         </td>
       </tr>
diff --git a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
index 4f73fdf..1e5565b 100644
--- a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
+++ b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
@@ -4,6 +4,7 @@ import { Observable, of } from 'rxjs';
 import { EmployeeResponseDTO } from '../../models/mitarbeiter';
 import { EmployeeService } from '../../service/employee.service';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-mitarbeiterverwaltung-view',
@@ -16,7 +17,7 @@ export class MitarbeiterverwaltungViewComponent implements OnInit {
   employees: Array<EmployeeResponseDTO> = [];
   searchForm!: FormGroup;
 
-  constructor(private employeeService: EmployeeService) {}
+  constructor(private employeeService: EmployeeService, private router: Router) {}
 
   submit() {
     const searchTerm = this.searchForm.get("search")?.value || '';
@@ -41,6 +42,10 @@ export class MitarbeiterverwaltungViewComponent implements OnInit {
     });
   }
 
+  editEmployee(id: number) {
+    this.router.navigate([`/mitarbeiterbearbeiten/${id}`]);
+  }
+
   ngOnInit(): void {
     this.searchForm = new FormGroup({
       search: new FormControl(''),