51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
|
import {Component, OnInit} from '@angular/core';
|
||
|
|
import {MenuModule} from 'primeng/menu';
|
||
|
|
import {MenuItem} from 'primeng/api';
|
||
|
|
import {Product} from '../domain/product';
|
||
|
|
import {ProductService} from '../service/productservice';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
templateUrl: './dashboard.component.html',
|
||
|
|
})
|
||
|
|
export class DashboardDemoComponent implements OnInit {
|
||
|
|
|
||
|
|
items: MenuItem[];
|
||
|
|
|
||
|
|
products: Product[];
|
||
|
|
|
||
|
|
chartData:any;
|
||
|
|
|
||
|
|
constructor(private productService: ProductService) {}
|
||
|
|
|
||
|
|
ngOnInit() {
|
||
|
|
this.productService.getProductsSmall().then(data => this.products = data);
|
||
|
|
|
||
|
|
this.items = [
|
||
|
|
{label: 'Add New', icon: 'pi pi-fw pi-plus'},
|
||
|
|
{label: 'Remove', icon: 'pi pi-fw pi-minus'}
|
||
|
|
];
|
||
|
|
|
||
|
|
this.chartData = {
|
||
|
|
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
||
|
|
datasets: [
|
||
|
|
{
|
||
|
|
label: 'First Dataset',
|
||
|
|
data: [65, 59, 80, 81, 56, 55, 40],
|
||
|
|
fill: false,
|
||
|
|
backgroundColor: '#2f4860',
|
||
|
|
borderColor: '#2f4860',
|
||
|
|
tension: .4
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Second Dataset',
|
||
|
|
data: [28, 48, 40, 19, 86, 27, 90],
|
||
|
|
fill: false,
|
||
|
|
backgroundColor: '#00bb7e',
|
||
|
|
borderColor: '#00bb7e',
|
||
|
|
tension: .4
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|