From 4780704b2d071c58b3e2f4d6cf429bf9ceec25d9 Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Tue, 7 Jun 2022 18:03:53 +0200
Subject: [PATCH] add: remove sub section button

---
 src/app/app.component.html | 5 ++++-
 src/app/app.component.ts   | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index d06f6db..a84c462 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -87,11 +87,14 @@
 	<button class="button"
 		type="button"
 		(click)="editTitle(title)">Bearbeiten</button>
-	<div *ngFor="let subtitle of title.Subtitles">
+	<div *ngFor="let subtitle of title.Subtitles; let i = index">
 		<h2>{{subtitle.Subtitle}}</h2>
 		<button class="button"
 			type="button"
 			(click)="editSubtitle(subtitle)">Bearbeiten</button>
+		<button class="button"
+			type="button"
+			(click)="removeSubSection(title, i)">Lösche Unterteil</button>
 		<div *ngFor="let food of subtitle.Foods; let i = index"
 			class="foodmenu grid">
 			<div class="food">{{food.Food}}</div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 674e106..ea1ba9a 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -118,6 +118,11 @@ export class AppComponent
 		this.formSubtitleVisible = false;
 	}
 
+	public removeSubSection(title: ITitle, index: number)
+	{
+		title.Subtitles.splice(index, 1);
+	}
+
 	public saveSubtitle(): void
 	{
 		this.subtitle = { Subtitle: "", Foods: [] };
-- 
2.39.5