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