add: food to subtitle

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 5de8a5b0744b9bbbd00773e55351781a73893b59..9a712eac3ede496a4be74bf0e36e202e5491187f 100644 (file)
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -38,12 +38,18 @@
        <input [(ngModel)]="food.price" name="price" type="text" />
        <button class="button"
                type="button"
-               id="addFood">Hinzufügen</button>
+               id="addFood"
+               (click)="addFood()">Hinzufügen</button>
 </form>
 
 <div *ngFor="let title of foodcard.Titles">
        <h1>{{title.Title}}</h1>
        <div *ngFor="let subtitle of title.Subtitles">
                <h2>{{subtitle.Subtitle}}</h2>
+               <div *ngFor="let food of subtitle.Foods">
+                       <div class="food">{{food.Food}}</div>
+                       <div class="sideDish">{{food.sideDish}}</div>
+                       <div class="price">{{food.price}}</div>
+               </div>
        </div>
 </div>

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index a4bf9a92b4cefb6589ecfaec3dc29b488b7fd1e5..900d1a4a3ba6beb35befdab3ce026643107b73d4 100644 (file)
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { ITitle } from './ititle';
+import { ISubtitle } from './isubtitle';
 import { IFood } from './ifood';
 import { IFoodCard } from './ifood-card';
 
@@ -50,11 +52,30 @@ export class AppComponent
 
        public addSubtitle(): void
        {
-               let lastIndex = this.foodcard.Titles.length - 1;
-               this.foodcard.Titles[lastIndex].Subtitles.push({
+               let lastTitle = this.getLastTitle()
+               lastTitle.Subtitles.push({
                        Subtitle: this.subtitle,
                        Foods: []
                });
                this.formSubtitleVisible = false;
        }
+
+       public addFood(): void
+       {
+               let lastSubtitle = this.getLastSubtitle();
+               lastSubtitle.Foods.push(this.food);
+       }
+
+       private getLastTitle(): ITitle
+       {
+               let lastIndex = this.foodcard.Titles.length - 1;
+               return this.foodcard.Titles[lastIndex];
+       }
+
+       private getLastSubtitle(): ISubtitle
+       {
+               let lastTitle = this.getLastTitle();
+               let lastIndex = lastTitle.Subtitles.length - 1;
+               return lastTitle.Subtitles[lastIndex];
+       }
 }