diff --git a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
index 5b183e7..4e0d623 100644
--- a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
+++ b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.html
@@ -47,7 +47,7 @@
{{ employee.phone }} |
-
+
|
}
diff --git a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
index 1e5565b..afcdff1 100644
--- a/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
+++ b/src/app/components/mitarbeiterverwaltung-view/mitarbeiterverwaltung-view.component.ts
@@ -46,6 +46,11 @@ export class MitarbeiterverwaltungViewComponent implements OnInit {
this.router.navigate([`/mitarbeiterbearbeiten/${id}`]);
}
+ deleteEmployee(id: number) {
+ this.employeeService.deleteEmployee(id);
+ this.employees = this.employees.filter(employee => employee.id != id);
+ }
+
ngOnInit(): void {
this.searchForm = new FormGroup({
search: new FormControl(''),
diff --git a/src/app/service/employee.service.ts b/src/app/service/employee.service.ts
index a8a4d38..e87bcf5 100644
--- a/src/app/service/employee.service.ts
+++ b/src/app/service/employee.service.ts
@@ -31,6 +31,9 @@ export class EmployeeService {
return this.http.get>(`${SkillService.BASE_URL}/employees`);
}
+ deleteEmployee(id: number) {
+ this.http.delete(`${SkillService.BASE_URL}/employees/${id}`).subscribe();
+ }
getEmployeeById(id: number): Observable {
return this.http.get(`${SkillService.BASE_URL}/employees/${id}`);