From eca757a7221d21cb8a8b8dd9aabfced2d0be8693 Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Mon, 6 Jun 2022 15:41:57 +0200
Subject: [PATCH] change: variable to objects

---
 src/app/app.component.html |  4 ++--
 src/app/app.component.ts   | 26 ++++++++------------------
 2 files changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 9454c8c..1e75cf9 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -15,7 +15,7 @@
 
 <form #formTitle="ngForm" *ngIf="formTitleVisible" class="form">
 	<label>Titel</label>
-	<input [(ngModel)]="title" name="title" type="text" />
+	<input [(ngModel)]="title.Title" name="title" type="text" />
 	<button class="button"
 		type="button"
 		id="addTitle"
@@ -24,7 +24,7 @@
 
 <form #formSubtitle="ngForm" *ngIf="formSubtitleVisible" class="form">
 	<label>Untertitel</label>
-	<input [(ngModel)]="subtitle" name="subtitle" type="text" />
+	<input [(ngModel)]="subtitle.Subtitle" name="subtitle" type="text" />
 	<button class="button"
 		type="button"
 		id="addSubtitle"
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7144ae5..587a62a 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -12,16 +12,10 @@ import { IFoodCard } from './ifood-card';
 
 export class AppComponent
 {
-	public foodcard: IFoodCard = {
-		Titles: []
-	}	
-	public title: string = ""
-	public subtitle: string = ""
-	public food: IFood = {
-		Food: "",
-		sideDish: "",
-		price: ""
-	}
+	public foodcard: IFoodCard = { Titles: [] };
+	public title: ITitle = { Title: "", Subtitles: [] };
+	public subtitle: ISubtitle = { Subtitle: "", Foods: [] };
+	public food: IFood = { Food: "", sideDish: "", price: "" };
 	public formTitleVisible: boolean = false;
 	public formSubtitleVisible: boolean = false;
 	public formFoodVisible: boolean = false;
@@ -64,20 +58,16 @@ export class AppComponent
 
 	public addTitle(): void
 	{
-		this.foodcard.Titles.push({
-			Title: this.title,
-			Subtitles: []
-		});
+		this.foodcard.Titles.push(this.title);
+		this.title = { Title: "", Subtitles: [] }
 		this.formTitleVisible = false;
 	}
 
 	public addSubtitle(): void
 	{
 		let lastTitle = this.getLastTitle()
-		lastTitle.Subtitles.push({
-			Subtitle: this.subtitle,
-			Foods: []
-		});
+		lastTitle.Subtitles.push(this.subtitle);
+		this.subtitle = { Subtitle: "", Foods: [] };
 		this.formSubtitleVisible = false;
 	}
 
-- 
2.39.5