baChartistChart component

src/app/theme/components/baChartistChart/baChartistChart.component.ts

@@ -0,0 +1,34 @@
+import {Component, ViewEncapsulation, Input, Output, ElementRef, EventEmitter} from '@angular/core';
+
+import './baChartistChart.loader.ts';
+
+@Component({
+  selector: 'ba-chartist-chart',
+  styles: [require('chartist/dist/chartist.css'), require('./baChartistChart.scss')],
+  template: require('./baChartistChart.html'),
+  encapsulation: ViewEncapsulation.None,
+  providers: [],
+})
+export class BaChartistChart {
+
+  @Input() baChartistChartType:string;
+  @Input() baChartistChartData:Object;
+  @Input() baChartistChartOptions:Object;
+  @Input() baChartistChartResponsive:Object;
+  @Input() baChartistChartClass:string;
+  @Output() onChartReady = new EventEmitter<any>();
+
+  constructor (private _elementRef:ElementRef) {
+  }
+
+  ngOnInit() {
+  }
+
+  ngAfterViewInit() {
+    let el = this._elementRef.nativeElement.querySelector('.ba-chartist-chart');
+
+    let chart = new Chartist[this.baChartistChartType](el, this.baChartistChartData, this.baChartistChartOptions, this.baChartistChartResponsive);
+    this.onChartReady.emit(chart);
+  }
+
+}

src/app/theme/components/baChartistChart/baChartistChart.html

@@ -0,0 +1 @@
+<div class="ba-chartist-chart {{baChartistChartClass || ''}}"></div>

src/app/theme/components/baChartistChart/baChartistChart.loader.ts

@@ -0,0 +1 @@
+

src/app/theme/components/baChartistChart/index.ts

@@ -0,0 +1 @@
+export * from './baChartistChart.component.ts';

src/app/theme/components/index.ts

@@ -4,3 +4,4 @@ export * from './sidebar';
 export * from './contentTop';
 export * from './baCard';
 export * from './baAmChart';
+export * from './baChartistChart';