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}`);