change: insert subtitle button into title

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 3dd455b08fbb3e4e13f7ca36c4f8a5f6b560483c..6b39e5f91b6762cf043ba43932c30977d2ca158f 100644 (file)
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -17,11 +17,6 @@
        type="button"
        id="buttonTitle"
        (click)="changeFormTitleVisible()">Titel hinzufügen</button>
-<button class="button main"
-       type="button"
-       id="buttonSubtitle"
-       [disabled]="disableSubtitleButton()"
-       (click)="changeFormSubtitleVisible()">Untertitel hinzufügen</button>
 <button class="button main"
        type="button"
        id="buttonFood"
@@ -50,11 +45,6 @@
 <form #formSubtitle="ngForm" *ngIf="formSubtitleVisible" class="form">
        <label>Untertitel</label>
        <input [(ngModel)]="subtitle.Subtitle" name="subtitle" type="text" />
-       <button class="button"
-               type="button"
-               id="addSubtitle"
-               [disabled]="edit || disableByInsertMode()"
-               (click)="addSubtitle()">Hinzufügen</button>
        <button class="button"
                type="button"
                [disabled]="edit || !disableByInsertMode()"
@@ -101,6 +91,11 @@
        <button class="button"
                type="button"
                (click)="removeMainSection(i)">Lösche Hauptteil</button>
+       <button class="button"
+               type="button"
+               id="buttonSubtitle"
+               [disabled]="disableSubtitleButton()"
+               (click)="addNewSubtitle(i)">Untertitel hinzufügen</button>
        <div *ngFor="let subtitle of title.Subtitles; let i = index">
                <h2>{{subtitle.Subtitle}}</h2>
                <button class="button"

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 4d3a11a6856eb2cab2daf359df31fcd10d893b44..1da9ab523b30dbe1c9e215cf0f51b59621b2f0d4 100644 (file)
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -32,8 +32,10 @@ export class AppComponent
                this.formTitleVisible = !this.formTitleVisible;
        }
 
-       public changeFormSubtitleVisible(): void
+       public addNewSubtitle(index: number): void
        {
+               let title = this.foodcard.Titles[index];
+               this.insertIndicies = [ index, title.Subtitles.length - 1, -1 ];
                this.formSubtitleVisible = !this.formSubtitleVisible;
        }