add: edit subtitle

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 1e75cf987033ccc7427656c86d633976caed61c3..d15fe622045fe654914c3b1abd223aba7cc2dbf7 100644 (file)
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -28,7 +28,13 @@
        <button class="button"
                type="button"
                id="addSubtitle"
+               [disabled]="edit"
                (click)="addSubtitle()">Hinzufügen</button>
+       <button class="button"
+               type="button"
+               id="saveSubtitle"
+               [disabled]="!edit"
+               (click)="saveSubtitle()">Speichern</button>
 </form>
 
 <form #formFood="ngForm" *ngIf="formFoodVisible" class="form">
@@ -54,6 +60,8 @@
        <h1>{{title.Title}}</h1>
        <div *ngFor="let subtitle of title.Subtitles">
                <h2>{{subtitle.Subtitle}}</h2>
+               <button class="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>

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 587a62a3b2fdd8e7ffe41e0b57e3c088ea28400b..17ac977466848d7be878b71abd0870287dac95e8 100644 (file)
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -71,6 +71,21 @@ export class AppComponent
                this.formSubtitleVisible = false;
        }
 
+       public saveSubtitle(): void
+       {
+               this.subtitle = { Subtitle: "", Foods: [] };
+               this.formSubtitleVisible = false;
+               this.edit = false;
+       }
+
+       public editSubtitle(subtitle: ISubtitle): void
+       {
+               this.formSubtitleVisible = true;
+               this.subtitle = subtitle;
+               this.edit = true;
+
+       }
+
        public addFood(): void
        {
                let lastSubtitle = this.getLastSubtitle();