single dish update

Author: wlgs

lab5/restauracja/src/app/singledish/singledish.component.css

@@ -91,4 +91,12 @@ span.np{
 .strong{
     font-weight: bold;
     font-size:1.2em;
+}
+
+.center{
+    display:flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size:1.6em;
 }

lab5/restauracja/src/app/singledish/singledish.component.html

@@ -20,12 +20,18 @@ <h2 class="shdesc">kuchnia {{ dish[0].type}}, {{ dish[0].category }}</h2>
         <h2>Dostępny u nas tylko za <span class="price">${{dish[0].price}}</span></h2>
     </div>
     <h2>Recenzje</h2>
+    <div class="center">
+        <app-dish-rating (ratingChanged)="ratingEventHandler(dish[0], $event)" [dishLikes]="dish[0].likes"
+        [dishDislikes]="dish[0].dislikes"></app-dish-rating>
+    </div>
     <div class="review" *ngFor="let review of reviews">
         <span class="strong">Użytkownik: </span><span>{{review.nick}}</span>
         <p></p>
         <span class="strong">Data: </span><span>{{review.date}}</span>
         <p></p>
         <span class="strong">Treść: </span><span>{{review.review}}</span>
     </div>
+
+
     <app-dishrate (newReviewEvent)="addReview($event)"></app-dishrate>
 </ng-container>

lab5/restauracja/src/app/singledish/singledish.component.ts

@@ -76,6 +76,15 @@ export class SingledishComponent implements OnInit {
     this.reviews.push(newReview);
   }
 
+  ratingEventHandler(dish: Dish, ev: any) {
+    if (ev == 1) {
+      dish.likes += 1
+    }
+    else {
+      dish.dislikes += 1
+    }
+  }
+
 }
 interface review {
   nick: string;