From: Bastian Dehn <hhaalo@arcor.de>
Date: Mon, 6 Jun 2022 12:36:09 +0000 (+0200)
Subject: add: remove one food and fix new food refs
X-Git-Tag: v1.0^2~43
X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=d8b112bb862ac94bd3227016dc46a6e20e1184c1;p=speisekarten-editor.git

add: remove one food and fix new food refs
---

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 5f965b8..2323d82 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -48,10 +48,12 @@
 	<h1>{{title.Title}}</h1>
 	<div *ngFor="let subtitle of title.Subtitles">
 		<h2>{{subtitle.Subtitle}}</h2>
-		<div *ngFor="let food of subtitle.Foods">
+		<div *ngFor="let food of subtitle.Foods; let i = index">
 			<div class="food">{{food.Food}}</div>
 			<div class="sideDish">{{food.sideDish}}</div>
 			<div class="price">{{food.price}}</div>
+			<button type="button"
+				(click)="removeFood(subtitle, i)">Löschen</button>
 		</div>
 	</div>
 </div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 9eeab51..0432c23 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -84,6 +84,12 @@ export class AppComponent
 	{
 		let lastSubtitle = this.getLastSubtitle();
 		lastSubtitle.Foods.push(this.food);
+		this.food = { Food: "", sideDish: "", price: "" };
+	}
+
+	public removeFood(subtitle: ISubtitle, foodindex: number): void
+	{
+		subtitle.Foods.splice(foodindex, 1);
 	}
 
 	private getLastTitle(): ITitle