implement favorite service functionality

Author: Ihor Khomiak

app/components/cost/detail/cost-detail.component.css

@@ -12,6 +12,8 @@ ActionBar {
 }
 
 .favorite-label {
+    padding: 15;
+    font-size: 17pt;
     text-align: center;
     vertical-align: middle;
 }

app/components/cost/detail/cost-detail.component.html

@@ -30,6 +30,6 @@
 
     <Label class="favorite-label" 
            [text]="cost.isFavorite === true ? 'Favorite' : 'Not Favorite'"
-           (tap)="onTap()"></Label>
+           (tap)="onFavoriteTap()"></Label>
 
 </StackLayout>

app/components/cost/detail/cost-detail.component.ts

@@ -24,7 +24,6 @@ export class CostDetailComponent implements OnInit {
     ngOnInit(): void {
         const id = this.route.snapshot.params["id"];
         this.cost = this.costService.getCost(id);
-        console.log(JSON.stringify(this.cost));
     }
 
     onEditButtonTap(): void{
@@ -44,8 +43,12 @@ export class CostDetailComponent implements OnInit {
         this.routerExtensions.back();
     }
 
-    onTap() {
-        this.cost.isFavorite = !this.cost.isFavorite;
+    onFavoriteTap() {
+        let costForUpdate = Object.assign({}, this.cost);
+        costForUpdate.isFavorite = !this.cost.isFavorite;
+        this.costService.updateCost(costForUpdate).then(result => {
+            this.cost.isFavorite = !this.cost.isFavorite;
+        });
     }
 
     private formatChangesDate(changesDate: string) {