From 572102e607e265ef2d5f8fc52a7d7c56acad3b32 Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Thu, 9 Jun 2022 18:33:23 +0200
Subject: [PATCH] change: insert with new component

---
 src/app/app.component.html | 18 ++----------------
 src/app/app.component.ts   | 36 +++---------------------------------
 2 files changed, 5 insertions(+), 49 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 145c408..a9b192d 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -51,20 +51,6 @@
 		(click)="saveSubtitle()">Speichern</button>
 </form>
 
-<form #formFood="ngForm" *ngIf="formFoodVisible" class="form">
-	<label>Speise</label>
-	<input [(ngModel)]="food.Food" name="food" type="text" />
-	<label>Beilage</label>
-	<input [(ngModel)]="food.sideDish" name="sideDish" type="text" />
-	<label>Preis</label>
-	<input [(ngModel)]="food.price" name="price" type="text" />
-	<button class="button"
-		type="button"
-		id="insertFood"
-		[disabled]="edit || !disableByInsertMode()"
-		(click)="insertFoodAfter()">Einfügen</button>
-</form>
-
 <div *ngFor="let title of foodcard.Titles; let i = index">
 	<h1>{{title.Title}}</h1>
 	<button class="button"
@@ -96,12 +82,12 @@
 			type="button"
 			id="buttonFood"
 			[disabled]="disableFoodButton()"
-			(click)="addNewFood(title, i)">Speise hinzufügen</button>
+			(click)="insertNewFood(subtitle, i)">Speise hinzufügen</button>
 		<div *ngFor="let food of subtitle.Foods; let i = index">
 			<app-food [food]="food"></app-food>
 			<button class="button"
 				type="button"
-				(click)="insertFood(title, subtitle, food)">Einfügen</button>
+				(click)="insertNewFood(subtitle, i)">Einfügen</button>
 			<button class="button"
 				type="button"
 				(click)="removeFood(subtitle, i)">Löschen</button>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 112b334..02c5921 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -39,14 +39,6 @@ export class AppComponent
 		this.formSubtitleVisible = !this.formSubtitleVisible;
 	}
 
-	public addNewFood(title: ITitle, index: number): void
-	{
-		let titleIndex = this.foodcard.Titles.indexOf(title);
-		this.insertIndicies = [ titleIndex, index,
-			title.Subtitles[index].Foods.length - 1 ];
-		this.formFoodVisible = !this.formFoodVisible;
-	}
-
 	public disableFoodButton(): boolean
 	{
 		if (this.foodcard.Titles.length < 1)
@@ -182,32 +174,10 @@ export class AppComponent
 
 	}
 
-	public addFood(): void
+	public insertNewFood(subtitle: ISubtitle, index: number): void
 	{
-		let lastSubtitle = this.getLastSubtitle();
-		lastSubtitle.Foods.push(this.food);
-		this.food = { Food: "", sideDish: "", price: "" };
-		this.formFoodVisible = false;
-	}
-
-	public insertFoodAfter(): void
-	{
-		let title = this.foodcard.Titles[this.insertIndicies[0]];
-		let subtitle = title.Subtitles[this.insertIndicies[1]];
-		subtitle.Foods.splice(this.insertIndicies[2] + 1, 0, this.food);
-		this.food = { Food: "", sideDish: "", price: "" };
-		this.insertIndicies = [ -1, -1, -1 ];
-		this.formFoodVisible = false;
-	}
-
-	public insertFood(title: ITitle, subtitle: ISubtitle, food: IFood): void
-	{
-		let titleIndex = this.foodcard.Titles.indexOf(title);
-		let subtitleIndex = title.Subtitles.indexOf(subtitle);
-		let foodIndex = subtitle.Foods.indexOf(food);
-
-		this.insertIndicies = [ titleIndex, subtitleIndex, foodIndex ];
-		this.formFoodVisible = true;
+		subtitle.Foods.splice(index + 1, 0,
+			{ Food: "", sideDish: "", price: "" });
 	}
 
 	public removeFood(subtitle: ISubtitle, foodindex: number): void
-- 
2.39.5