change: form in subsections

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4e4319ec580fa8431c697cfa19fdb7c2fff16641..2c86b297b97002deb089a8bc25d5d73db02f1925 100644 (file)
--- 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>