implement parsing data functionality for pie chart

Author: Ihor Khomiak

app/components/chart/chart.component.html

@@ -22,9 +22,9 @@
 							selectionMode="DataPoint" 
 							expandRadius="0.4" 
 							outerRadiusFactor="0.7" 
-							[items]="costService.costs"
+							[items]="pieItems"
 							valueProperty="quantity"
-							legendLabel="changesMonth"></PieSeries>
+							legendLabel="type"></PieSeries>
 				<RadLegendView tkPieLegend 
 								position="Right" 
 								title="Tasks" 

app/components/chart/chart.component.ts

@@ -13,6 +13,7 @@ import { CostService } from '../../services/cost.service';
 export class ChartComponent {
     private barButtons: Array<SegmentedBarItem> = [];
     private barButtonsSelectedIndex = 0;
+    private pieItems: ObservableArray<any> = new ObservableArray();
 
     constructor(private costService: CostService){
         this.initSegmentedBar();
@@ -30,9 +31,23 @@ export class ChartComponent {
         this.barButtonsSelectedIndex = 0;
     }
 
+    private parseCostsForPie() {
+        let costTypes = {};
+        this.costService.costs.forEach(cost => {
+            if(costTypes[cost.type] == undefined) {
+                costTypes[cost.type] = 0;
+            }
+            costTypes[cost.type] += cost.quantity;
+        });
+        this.pieItems = new ObservableArray(this.objectToArray(costTypes));
+    }
+
     private onSelectedIndexChange(args) {
         let segmetedBar = <SegmentedBar>args.object;
         this.barButtonsSelectedIndex = segmetedBar.selectedIndex;
+        if(segmetedBar.selectedIndex === 1) {
+            this.parseCostsForPie();
+        }
     }
 
     private pullToRefresh(pullToRefreshArgs: any) {
@@ -41,4 +56,16 @@ export class ChartComponent {
             pullRefresh.refreshing = false;
         });
     }
+
+    private objectToArray(object: any): Array<any> {
+        let arr: any = [];
+        for (const key in object) {
+            let element = {
+                type: key,
+                quantity: object[key]
+            };
+            arr.push(element);
+        }
+        return arr;
+    }
 }

app/components/cost/costs.component.ts

@@ -23,7 +23,6 @@ export class CostsComponent implements OnInit {
     @Input() set dateRange(value: any) {
         this._dateRange = value;
         if(value['startDate']) {
-            console.log(JSON.stringify(value));
             this.filterData(value);
         }
     }

app/components/list/list.component.ts

@@ -36,9 +36,9 @@ export class ListComponent {
     private getDateValue(item) {
         let currentDate: Date = new Date(Date.now());
         let itemDate: Date = new Date(item.changesDate);
-        if(currentDate.toDateString() === itemDate.toDateString()) {
-            return ("0" + itemDate.getHours()).slice(-2) + ":" + ("0" + itemDate.getMinutes()).slice(-2);
-        }
+        // if(currentDate.toDateString() === itemDate.toDateString()) {
+        //     return ("0" + itemDate.getHours()).slice(-2) + ":" + ("0" + itemDate.getMinutes()).slice(-2);
+        // }
         return Utils.dateToYMD(itemDate);
     }
 }