diff --git a/frontend/wendys-friends/src/app/component/list-horses/list-horses.component.html b/frontend/wendys-friends/src/app/component/list-horses/list-horses.component.html index 3be9fda478f12f140162e6972cef881cef8fbc2f..33f9aae5697f83386b2c626daf8787a487f32422 100644 --- a/frontend/wendys-friends/src/app/component/list-horses/list-horses.component.html +++ b/frontend/wendys-friends/src/app/component/list-horses/list-horses.component.html @@ -71,7 +71,7 @@ - + diff --git a/frontend/wendys-friends/src/app/component/list-horses/list-horses.component.ts b/frontend/wendys-friends/src/app/component/list-horses/list-horses.component.ts index 75ce81f0d530bcfaa898acc885531b17193fdad2..e6d2bc7a36a6cc8f0e43231a852118887bbb47b9 100644 --- a/frontend/wendys-friends/src/app/component/list-horses/list-horses.component.ts +++ b/frontend/wendys-friends/src/app/component/list-horses/list-horses.component.ts @@ -91,6 +91,17 @@ export class ListHorsesComponent implements OnInit { ); } + public deleteHorse(id: number, name: string) { + if(confirm("Are you sure you want to delete " + name + ". This action is irreversible.")) { + this.horseService.deleteHorse(id).subscribe( + (res) => { + console.log('Successfully deleted horse'); + this.loadAllHorses(); + } + ); + } + } + private defaultServiceErrorHandling(error: any) { console.log(error); this.error = true; diff --git a/frontend/wendys-friends/src/app/service/horse.service.ts b/frontend/wendys-friends/src/app/service/horse.service.ts index 70b35a20d45e511652779627ff9bdf77793e03ae..ba8d8df3646031e471546d5e66445d639265213a 100644 --- a/frontend/wendys-friends/src/app/service/horse.service.ts +++ b/frontend/wendys-friends/src/app/service/horse.service.ts @@ -48,13 +48,28 @@ export class HorseService { return this.httpClient.post(this.messageBaseUri, horse); } + /** + * Update a specific horse with the supplied values + * @param horse + */ updateHorse(horse: Horse): Observable { console.log('Update horse with id ' + horse.id + ': '+ JSON.stringify(horse)); return this.httpClient.put(this.messageBaseUri + '/' + horse.id, horse); } /** - * + * Delete a horse from the backend + * @param id + */ + deleteHorse(id: number): Observable { + console.log('Delete horse with id ' + id); + return this.httpClient.delete(this.messageBaseUri + '/' + id); + } + + /** + * Uploads a file to the remote server + * @param fileToUpload + * @param newFileName */ postFile(fileToUpload: File, newFileName: string): Observable { // Prepare the form