88 lines
1.9 KiB
TypeScript
88 lines
1.9 KiB
TypeScript
import {Component, OnDestroy, OnInit} from '@angular/core';
|
|
|
|
import { IntervalObservable } from 'rxjs/observable/IntervalObservable';
|
|
import { Subscription } from 'rxjs/Subscription';
|
|
|
|
import { DataService } from './data.service';
|
|
import {LineChartComponent} from "./chart.component";
|
|
import {LineData} from "./line-data";
|
|
import {LabelData} from "./label-data";
|
|
|
|
@Component({
|
|
selector: 'dashboard',
|
|
templateUrl: './dashboard.component.html'
|
|
})
|
|
|
|
export class DashboardComponent implements OnInit, OnDestroy {
|
|
public data1:LineData;
|
|
public data2:LineData;
|
|
|
|
public data3:LineData;
|
|
public data4:LineData;
|
|
|
|
public label:LabelData;
|
|
public label2:LabelData;
|
|
|
|
public mloaded:boolean = false;
|
|
public kloaded:boolean = false;
|
|
public dbloaded:boolean = false;
|
|
|
|
public subscription:Subscription;
|
|
|
|
constructor(private dataService: DataService) {}
|
|
|
|
ngOnInit(): void {
|
|
|
|
this.refreshData();
|
|
|
|
this.subscription = IntervalObservable.create(7500).subscribe(n => this.refreshData());
|
|
|
|
}
|
|
|
|
ngOnDestroy(): void {
|
|
this.subscription.unsubscribe();
|
|
}
|
|
|
|
refreshData()
|
|
{
|
|
this.label = <LabelData> ({data: ["Totaal tarief 1", "Totaal tarief 2"]});
|
|
|
|
this.dataService
|
|
.usage("4530303035303031353538313833363134")
|
|
.subscribe(res => {
|
|
|
|
this.data1 = <LineData> ({data: [res.TOE1, res.TOE2], label: "Verbruik Martijn"});
|
|
this.mloaded = true;
|
|
|
|
});
|
|
|
|
this.dataService
|
|
.usage("4530303235303030303636383733323136")
|
|
.subscribe(res => {
|
|
|
|
this.data2 = <LineData> ({data: [res.TOE1, res.TOE2], label: "Verbruik Kenneth"});
|
|
this.kloaded = true;
|
|
|
|
});
|
|
|
|
this.dataService
|
|
.get("4530303235303030303636383733323136")
|
|
.subscribe(res => {
|
|
|
|
this.data3 = res.HOV;
|
|
this.label2 = res.labels;
|
|
|
|
});
|
|
|
|
this.dataService
|
|
.get("4530303035303031353538313833363134")
|
|
.subscribe(res => {
|
|
|
|
this.data4 = res.HOV;
|
|
this.dbloaded = true;
|
|
|
|
});
|
|
|
|
}
|
|
}
|