From: Bastian Dehn <hhaalo@arcor.de>
Date: Mon, 6 Jun 2022 13:57:38 +0000 (+0200)
Subject: add: bearbeiten von title
X-Git-Tag: v1.0^2~38
X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=42bb62c23a4a4ab55495e8ebffe48360f705961f;p=speisekarten-editor.git

add: bearbeiten von title
---

diff --git a/src/app/app.component.html b/src/app/app.component.html
index d15fe62..4bff8ff 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -19,7 +19,13 @@
 	<button class="button"
 		type="button"
 		id="addTitle"
+		[disabled]="edit"
 		(click)="addTitle()">Hinzufügen</button>
+	<button class="button"
+		type="button"
+		id="saveTitle"
+		[disabled]="!edit"
+		(click)="saveTitle()">Speichern</button>
 </form>
 
 <form #formSubtitle="ngForm" *ngIf="formSubtitleVisible" class="form">
@@ -58,17 +64,23 @@
 
 <div *ngFor="let title of foodcard.Titles">
 	<h1>{{title.Title}}</h1>
+	<button class="button"
+		type="button"
+		(click)="editTitle(title)">Bearbeiten</button>
 	<div *ngFor="let subtitle of title.Subtitles">
 		<h2>{{subtitle.Subtitle}}</h2>
 		<button class="button"
+			type="button"
 			(click)="editSubtitle(subtitle)">Bearbeiten</button>
 		<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"
+			<button class="button"
+				type="button"
 				(click)="removeFood(subtitle, i)">Löschen</button>
-			<button type="button"
+			<button class="button"
+				type="button"
 				(click)="editFood(food)">Bearbeiten</button>
 		</div>
 	</div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 17ac977..bd5626c 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -63,6 +63,20 @@ export class AppComponent
 		this.formTitleVisible = false;
 	}
 
+	public saveTitle(): void
+	{
+		this.title = { Title: "", Subtitles: [] }
+		this.formTitleVisible = false;
+		this.edit = false;
+	}
+
+	public editTitle(title: ITitle): void
+	{
+		this.formTitleVisible = true;
+		this.title = title;
+		this.edit = true;
+	}
+
 	public addSubtitle(): void
 	{
 		let lastTitle = this.getLastTitle()