uv-charts-dashboard
Version:
A dashboard for uvCharts examples
90 lines • 4.49 kB
JavaScript
;
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = require('@angular/core');
var router_1 = require('@angular/router');
var line_chart_component_1 = require('../line-chart-component/line-chart.component');
var area_chart_component_1 = require('../area-chart-component/area-chart.component');
var stacked_bar_chart_component_1 = require('../stacked-bar-chart-component/stacked-bar-chart.component');
var percent_bar_chart_component_1 = require('../percent-bar-chart-component/percent-bar-chart.component');
var percent_area_chart_component_1 = require('../percent-area-chart-component/percent-area-chart.component');
var pie_chart_component_1 = require('../pie-chart-component/pie-chart.component');
var donut_chart_component_1 = require('../donut-chart-component/donut-chart.component');
var waterfall_chart_component_1 = require('../waterfall-chart-component/waterfall-chart.component');
var polar_area_chart_component_1 = require('../polar-area-chart-component/polar-area-chart.component');
var stepup_bar_chart_component_1 = require('../stepup-bar-chart-component/stepup-bar-chart.component');
var ChartDetailsWrapper = (function () {
function ChartDetailsWrapper(router, route) {
this.router = router;
this.route = route;
this.componentData = null;
}
ChartDetailsWrapper.prototype.ngOnInit = function () {
var _this = this;
this.route.params.subscribe(function (params) {
if (params['chartType']) {
_this.createChartComponent(params['chartType']);
}
});
};
ChartDetailsWrapper.prototype.createChartComponent = function (chartType) {
var component = this.getComponentForChartType(chartType);
this.componentData = {
component: component
};
};
ChartDetailsWrapper.prototype.getComponentForChartType = function (type) {
var cmp;
if (type == 'line-chart') {
cmp = line_chart_component_1.LineChartComponent;
}
else if (type == 'stacked-bar-chart') {
cmp = stacked_bar_chart_component_1.StackedBarChartComponent;
}
else if (type == 'area-chart') {
cmp = area_chart_component_1.AreaChartComponent;
}
else if (type == 'bar-chart') {
cmp = line_chart_component_1.LineChartComponent;
}
else if (type == 'percent-bar-chart') {
cmp = percent_bar_chart_component_1.PercentBarChartComponent;
}
else if (type == 'percent-area-chart') {
cmp = percent_area_chart_component_1.PercentAreaChartComponent;
}
else if (type == 'pie-chart') {
cmp = pie_chart_component_1.PieChartComponent;
}
else if (type == 'donut-chart') {
cmp = donut_chart_component_1.DonutChartComponent;
}
else if (type == 'waterfall-chart') {
cmp = waterfall_chart_component_1.WaterfallChartComponent;
}
else if (type == 'polar-area-chart') {
cmp = polar_area_chart_component_1.PolarAreaChartComponent;
}
else if (type == 'stepup-bar-chart') {
cmp = stepup_bar_chart_component_1.StepupBarChartComponent;
}
return cmp;
};
ChartDetailsWrapper = __decorate([
core_1.Component({
selector: 'chart-details-wrapper',
template: "\n <div>\n <chart-details [componentData]=\"componentData\"></chart-details>\n </div>\n ",
}),
__metadata('design:paramtypes', [router_1.Router, router_1.ActivatedRoute])
], ChartDetailsWrapper);
return ChartDetailsWrapper;
}());
exports.ChartDetailsWrapper = ChartDetailsWrapper;
//# sourceMappingURL=chart-details-wrapper.component.js.map