From: Bastian Dehn <hhaalo@arcor.de>
Date: Tue, 7 Jun 2022 17:29:02 +0000 (+0200)
Subject: change: form in subsections
X-Git-Tag: v1.0^2~21
X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=4298e82db670c6edfb0b723f6fa277a99cfadc7f;p=speisekarten-editor.git

change: form in subsections
---

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4e4319e..2c86b29 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -37,38 +37,7 @@
 		(click)="saveTitle()">Speichern</button>
 </form>
 
-<form #formSubtitle="ngForm" *ngIf="formSubtitleVisible" class="form">
-	<label>Untertitel</label>
-	<input [(ngModel)]="subtitle.Subtitle" name="subtitle" type="text" />
-	<button class="button"
-		type="button"
-		[disabled]="edit || !disableByInsertMode()"
-		(click)="insertSubSectionAfter()">Einfügen</button>
-	<button class="button"
-		type="button"
-		id="saveSubtitle"
-		[disabled]="!edit || disableByInsertMode()"
-		(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>
-	<button class="button"
-		type="button"
-		id="editFood"
-		[disabled]="!edit || disableByInsertMode()"
-		(click)="saveFood()">Speichern</button>
-</form>
 
 <div *ngFor="let title of foodcard.Titles; let i = index">
 	<h1>{{title.Title}}</h1>
@@ -86,6 +55,19 @@
 		id="buttonSubtitle"
 		[disabled]="disableSubtitleButton()"
 		(click)="addNewSubtitle(i)">Untertitel hinzufügen</button>
+	<form #formSubtitle="ngForm" *ngIf="formSubtitleVisible" class="form">
+		<label>Untertitel</label>
+		<input [(ngModel)]="subtitle.Subtitle" name="subtitle" type="text" />
+		<button class="button"
+			type="button"
+			[disabled]="edit || !disableByInsertMode()"
+			(click)="insertSubSectionAfter()">Einfügen</button>
+		<button class="button"
+			type="button"
+			id="saveSubtitle"
+			[disabled]="!edit || disableByInsertMode()"
+			(click)="saveSubtitle()">Speichern</button>
+	</form>
 	<div *ngFor="let subtitle of title.Subtitles; let i = index">
 		<h2>{{subtitle.Subtitle}}</h2>
 		<button class="button"
@@ -102,6 +84,24 @@
 			id="buttonFood"
 			[disabled]="disableFoodButton()"
 			(click)="addNewFood(title, i)">Speise hinzufügen</button>
+		<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>
+			<button class="button"
+				type="button"
+				id="editFood"
+				[disabled]="!edit || disableByInsertMode()"
+				(click)="saveFood()">Speichern</button>
+		</form>
 		<div *ngFor="let food of subtitle.Foods; let i = index"
 			class="foodmenu grid">
 			<div class="food">{{food.Food}}</div>