implement firebase actions for budget functionality

Author: Ihor Khomiak

app/components/budget/budget.component.html

@@ -38,14 +38,6 @@
                        class="value-label"></Label>
         </StackLayout>
 
-        <StackLayout *ngIf="state == 'read'"
-                     orientation="horizontal">  
-                <Label text="Budget for a day - "
-                       class="info-label"></Label>
-                <Label [text]="budgetService.budgetForDay"
-                       class="value-label"></Label>
-        </StackLayout>
-
         <StackLayout *ngIf="state == 'edit'"
                      orientation="vertical">
                 <Label text="Budget for a mounth:"

app/components/budget/budget.component.ts

@@ -20,6 +20,11 @@ export class BudgetComponent {
         private budgetService: BudgetService
     ) {}
 
+    ngOnInit() {
+        console.log('ngOnInit');
+        this.budgetService.getBudget();
+    }
+
     onEditButtonTap() {
         this.state = 'edit';
     }
@@ -33,7 +38,7 @@ export class BudgetComponent {
             return;
         }
 
-        this.budgetService.budget = Number(textField.text);
+        this.budgetService.setBudget(Number(textField.text));
         this.state = 'read';
     }
 

app/services/budget.service.ts

@@ -1,27 +1,29 @@
 import { Injectable } from '@angular/core';
+import firebase = require('nativescript-plugin-firebase');
+
+import { Config } from '../common/config';
 
 @Injectable()
 export class BudgetService {
-    private _budget: number = 3000;
-    public budgetForDay: number = 0;
-
-    private getDayBudget() {
-        let currentDaysMonth = this.daysInCurrentMonth();
-        this.budgetForDay = Number((this._budget / currentDaysMonth).toFixed(2));
-    }
-
-    private daysInCurrentMonth() {
-        let dateNow = new Date();  
-        return new Date(dateNow.getFullYear(), dateNow.getMonth()+1, 0).getDate();
-    }
-
-    public set budget(value : number) {
-        this._budget = value;
-        this.getDayBudget();
-    }
+    public budget: number = 0;
 
-    public get budget() : number {
-        return this._budget;
+    getBudget() {
+        const userid = Config.getUserToken();
+        firebase.getValue(`/${userid}/budget`).then(result => {
+            this.budget = result.value.value;
+        });
     }
 
+    setBudget(value: number) {
+        const userid = Config.getUserToken();
+        firebase.setValue(
+            `/${userid}/budget`,
+            {
+              value: value,
+              updateTs: firebase.ServerValue.TIMESTAMP
+            }
+        ).then(result => {
+            this.budget = value;
+        });
+    }
 }