From c7fe31063f5d307b5f4e084db8678c948010c30d Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Mon, 6 Jun 2022 13:22:05 +0200
Subject: [PATCH] add: subtitle and show them

---
 src/app/app.component.html |  6 +++++-
 src/app/app.component.ts   | 10 ++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 147432f..5de8a5b 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -25,7 +25,8 @@
 	<input [(ngModel)]="subtitle" name="subtitle" type="text" />
 	<button class="button"
 		type="button"
-		id="addSubtitle">Hinzufügen</button>
+		id="addSubtitle"
+		(click)="addSubtitle()">Hinzufügen</button>
 </form>
 
 <form #formFood="ngForm" *ngIf="formFoodVisible" class="form">
@@ -42,4 +43,7 @@
 
 <div *ngFor="let title of foodcard.Titles">
 	<h1>{{title.Title}}</h1>
+	<div *ngFor="let subtitle of title.Subtitles">
+		<h2>{{subtitle.Subtitle}}</h2>
+	</div>
 </div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 063ca36..a4bf9a9 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -47,4 +47,14 @@ export class AppComponent
 		});
 		this.formTitleVisible = false;
 	}
+
+	public addSubtitle(): void
+	{
+		let lastIndex = this.foodcard.Titles.length - 1;
+		this.foodcard.Titles[lastIndex].Subtitles.push({
+			Subtitle: this.subtitle,
+			Foods: []
+		});
+		this.formSubtitleVisible = false;
+	}
 }
-- 
2.39.5