diff --git a/frontend/wendys-friends/src/app/component/list-owners/list-owners.component.html b/frontend/wendys-friends/src/app/component/list-owners/list-owners.component.html index a210f6f1eb0e0c43b0e6e0c8219af35e85a64c1b..8322421275375e4af416c38445b8dd7d7f2519e9 100644 --- a/frontend/wendys-friends/src/app/component/list-owners/list-owners.component.html +++ b/frontend/wendys-friends/src/app/component/list-owners/list-owners.component.html @@ -30,7 +30,7 @@ {{ owner.name }} - + diff --git a/frontend/wendys-friends/src/app/component/list-owners/list-owners.component.ts b/frontend/wendys-friends/src/app/component/list-owners/list-owners.component.ts index 2cc292686ef33d24fa6fc26599b987980c799f5a..7a7f8bf0d7f3fd6ffc29ce792e338d051cdb800d 100644 --- a/frontend/wendys-friends/src/app/component/list-owners/list-owners.component.ts +++ b/frontend/wendys-friends/src/app/component/list-owners/list-owners.component.ts @@ -71,6 +71,19 @@ export class ListOwnersComponent implements OnInit { ); } + public deleteOwner(id: number, name: string) { + if(confirm("Are you sure you want to delete " + name + ". This action is irreversible.")) { + this.ownerService.deleteOwner(id).subscribe( + (res) => { + console.log('Successfully deleted owner'); + this.loadAllOwners(); + }, (error) => { + this.defaultServiceErrorHandling(error); + } + ); + } + } + private defaultServiceErrorHandling(error: any) { console.log(error); this.error = true; diff --git a/frontend/wendys-friends/src/app/service/owner.service.ts b/frontend/wendys-friends/src/app/service/owner.service.ts index 08091ecd56fa02ddee7e75db66bea5238cd94cf4..67811dbd8fc36ce77496282f8a88319831dc7a9c 100644 --- a/frontend/wendys-friends/src/app/service/owner.service.ts +++ b/frontend/wendys-friends/src/app/service/owner.service.ts @@ -57,4 +57,13 @@ export class OwnerService { console.log('Update owner with id ' + owner.id + ': '+ JSON.stringify(owner)); return this.httpClient.put(this.messageBaseUri + '/' + owner.id, owner); } + + /** + * Delete an owner from the backend + * @param id + */ + deleteOwner(id: number): Observable { + console.log('Delete owner with id ' + id); + return this.httpClient.delete(this.messageBaseUri + '/' + id); + } }