@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
45 lines • 11.8 kB
JavaScript
import { Component, EventEmitter, Output } from '@angular/core';
import { AbstractCustomCardComponent, DashboardSingleData } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@netgrif/components-core";
import * as i2 from "@ngx-translate/core";
import * as i3 from "@ngbracket/ngx-layout";
import * as i4 from "@angular/material/card";
import * as i5 from "@swimlane/ngx-charts";
export class BarchartCardComponent extends AbstractCustomCardComponent {
_injector;
resourceService;
translateService;
loggerService;
selectEvent;
constructor(_injector, resourceService, translateService, loggerService) {
super(_injector, resourceService, translateService, loggerService);
this._injector = _injector;
this.resourceService = resourceService;
this.translateService = translateService;
this.loggerService = loggerService;
this.selectEvent = new EventEmitter();
}
ngOnInit() {
super.ngOnInit();
}
onSelect(data) {
this.loggerService.info('BarChart was selected');
this.selectEvent.emit(data);
}
convertData(json) {
json.aggregations.result.buckets.forEach(bucket => {
this.single.push(new DashboardSingleData(bucket.key, bucket.doc_count));
});
this.single = [...this.single];
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BarchartCardComponent, deps: [{ token: i0.Injector }, { token: i1.DashboardResourceService }, { token: i2.TranslateService }, { token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BarchartCardComponent, selector: "nc-barchart-card", outputs: { selectEvent: "selectEvent" }, usesInheritance: true, ngImport: i0, template: "<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n <ngx-charts-bar-vertical class=\"custom-chart dashboard-bar-chart\"\n [scheme]=\"colorScheme\"\n [results]=\"single\"\n [gradient]=\"gradient\"\n [xAxis]=\"xAxis\"\n [yAxis]=\"yAxis\"\n [legend]=\"showLegend\"\n [showXAxisLabel]=\"showXAxisLabel\"\n [showYAxisLabel]=\"showYAxisLabel\"\n [xAxisLabel]=\"card.xAxisLabel\"\n [yAxisLabel]=\"card.yAxisLabel\"\n [legendTitle]=\"card.title\"\n (select)=\"onSelect($event)\">\n </ngx-charts-bar-vertical>\n</mat-card>\n", styles: [".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}.custom-mat-card{padding-left:0;padding-top:0}\n"], dependencies: [{ kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5.BarVerticalComponent, selector: "ngx-charts-bar-vertical", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "tooltipDisabled", "gradient", "showGridLines", "activeEntries", "schemeType", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "barPadding", "roundDomains", "roundEdges", "yScaleMax", "yScaleMin", "showDataLabel", "dataLabelFormatting", "noBarWhenZero"], outputs: ["activate", "deactivate"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BarchartCardComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-barchart-card', template: "<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n <ngx-charts-bar-vertical class=\"custom-chart dashboard-bar-chart\"\n [scheme]=\"colorScheme\"\n [results]=\"single\"\n [gradient]=\"gradient\"\n [xAxis]=\"xAxis\"\n [yAxis]=\"yAxis\"\n [legend]=\"showLegend\"\n [showXAxisLabel]=\"showXAxisLabel\"\n [showYAxisLabel]=\"showYAxisLabel\"\n [xAxisLabel]=\"card.xAxisLabel\"\n [yAxisLabel]=\"card.yAxisLabel\"\n [legendTitle]=\"card.title\"\n (select)=\"onSelect($event)\">\n </ngx-charts-bar-vertical>\n</mat-card>\n", styles: [".dashboard-card{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px}.full-size{width:100%;height:100%;margin:0;padding:0}.custom-chart{width:90%;height:90%}.custom-mat-card{padding-left:0;padding-top:0}\n"] }]
}], ctorParameters: () => [{ type: i0.Injector }, { type: i1.DashboardResourceService }, { type: i2.TranslateService }, { type: i1.LoggerService }], propDecorators: { selectEvent: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyY2hhcnQtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXNoYm9hcmQvY2FyZHMvYmFyY2hhcnQtY2FyZC9iYXJjaGFydC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2Rhc2hib2FyZC9jYXJkcy9iYXJjaGFydC1jYXJkL2JhcmNoYXJ0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQW9CLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQ0gsMkJBQTJCLEVBRzNCLG1CQUFtQixFQUV0QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBU2xDLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSwyQkFBMkI7SUFJNUM7SUFDQTtJQUNBO0lBQ0E7SUFMWixXQUFXLENBQXNDO0lBRTNELFlBQXNCLFNBQW1CLEVBQ25CLGVBQXlDLEVBQ3pDLGdCQUFrQyxFQUNsQyxhQUE0QjtRQUM5QyxLQUFLLENBQUMsU0FBUyxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLENBQUMsQ0FBQztRQUpqRCxjQUFTLEdBQVQsU0FBUyxDQUFVO1FBQ25CLG9CQUFlLEdBQWYsZUFBZSxDQUEwQjtRQUN6QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQ2xDLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBRTlDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsUUFBUSxDQUFDLElBQTJCO1FBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFDakQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUF1QjtRQUMvQixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzlDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksbUJBQW1CLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUM1RSxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDO3dHQTFCUSxxQkFBcUI7NEZBQXJCLHFCQUFxQix3SENoQmxDLDQ0QkFnQkE7OzRGREFhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDSSxrQkFBa0I7K0tBTWxCLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3RvciwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdEN1c3RvbUNhcmRDb21wb25lbnQsXG4gICAgQWdncmVnYXRpb25SZXN1bHQsIERhc2hib2FyZEV2ZW50Q29udGVudCxcbiAgICBEYXNoYm9hcmRSZXNvdXJjZVNlcnZpY2UsXG4gICAgRGFzaGJvYXJkU2luZ2xlRGF0YSxcbiAgICBMb2dnZXJTZXJ2aWNlXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtYmFyY2hhcnQtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcmNoYXJ0LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JhcmNoYXJ0LWNhcmQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCYXJjaGFydENhcmRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEN1c3RvbUNhcmRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgQE91dHB1dCgpIHNlbGVjdEV2ZW50OiBFdmVudEVtaXR0ZXI8RGFzaGJvYXJkRXZlbnRDb250ZW50PjtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfaW5qZWN0b3I6IEluamVjdG9yLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCByZXNvdXJjZVNlcnZpY2U6IERhc2hib2FyZFJlc291cmNlU2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgdHJhbnNsYXRlU2VydmljZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgbG9nZ2VyU2VydmljZTogTG9nZ2VyU2VydmljZSkge1xuICAgICAgICBzdXBlcihfaW5qZWN0b3IsIHJlc291cmNlU2VydmljZSwgdHJhbnNsYXRlU2VydmljZSwgbG9nZ2VyU2VydmljZSk7XG4gICAgICAgIHRoaXMuc2VsZWN0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgfVxuXG4gICAgb25TZWxlY3QoZGF0YTogRGFzaGJvYXJkRXZlbnRDb250ZW50KSB7XG4gICAgICAgIHRoaXMubG9nZ2VyU2VydmljZS5pbmZvKCdCYXJDaGFydCB3YXMgc2VsZWN0ZWQnKTtcbiAgICAgICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KGRhdGEpO1xuICAgIH1cblxuICAgIGNvbnZlcnREYXRhKGpzb246IEFnZ3JlZ2F0aW9uUmVzdWx0KTogdm9pZCB7XG4gICAgICAgIGpzb24uYWdncmVnYXRpb25zLnJlc3VsdC5idWNrZXRzLmZvckVhY2goYnVja2V0ID0+IHtcbiAgICAgICAgICAgIHRoaXMuc2luZ2xlLnB1c2gobmV3IERhc2hib2FyZFNpbmdsZURhdGEoYnVja2V0LmtleSwgYnVja2V0LmRvY19jb3VudCkpO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5zaW5nbGUgPSBbLi4udGhpcy5zaW5nbGVdO1xuICAgIH1cbn1cbiIsIjxtYXQtY2FyZCBjbGFzcz1cImRhc2hib2FyZC1jYXJkIGN1c3RvbS1tYXQtY2FyZFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IHN0YXJ0XCI+XG4gICAgPG5neC1jaGFydHMtYmFyLXZlcnRpY2FsIGNsYXNzPVwiY3VzdG9tLWNoYXJ0IGRhc2hib2FyZC1iYXItY2hhcnRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2NoZW1lXT1cImNvbG9yU2NoZW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Jlc3VsdHNdPVwic2luZ2xlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2dyYWRpZW50XT1cImdyYWRpZW50XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3hBeGlzXT1cInhBeGlzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3lBeGlzXT1cInlBeGlzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xlZ2VuZF09XCJzaG93TGVnZW5kXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dYQXhpc0xhYmVsXT1cInNob3dYQXhpc0xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dZQXhpc0xhYmVsXT1cInNob3dZQXhpc0xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3hBeGlzTGFiZWxdPVwiY2FyZC54QXhpc0xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3lBeGlzTGFiZWxdPVwiY2FyZC55QXhpc0xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xlZ2VuZFRpdGxlXT1cImNhcmQudGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0KT1cIm9uU2VsZWN0KCRldmVudClcIj5cbiAgICA8L25neC1jaGFydHMtYmFyLXZlcnRpY2FsPlxuPC9tYXQtY2FyZD5cbiJdfQ==