@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
42 lines • 9.15 kB
JavaScript
import { Component, EventEmitter, Output } from '@angular/core';
import { AbstractCustomCardComponent } 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 LinearGaugeCardComponent 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('Linear gauge selected.');
this.selectEvent.emit(data);
}
convertData(json) {
this.value = json.aggregations.types_count.value;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinearGaugeCardComponent, 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: LinearGaugeCardComponent, selector: "nc-linear-gauge-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-linear-gauge class=\"custom-chart\"\n [scheme]=\"colorScheme\"\n [value]=\"value\"\n (select)=\"onSelect($event)\"\n [units]=\"card.units\">\n </ngx-charts-linear-gauge>\n</mat-card>\n", styles: [".custom-mat-card{padding-left:0;padding-top:0}.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%}\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.LinearGaugeComponent, selector: "ngx-charts-linear-gauge", inputs: ["min", "max", "value", "units", "previousValue", "valueFormatting"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinearGaugeCardComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-linear-gauge-card', template: "<mat-card class=\"dashboard-card custom-mat-card\" fxLayout=\"row\" fxLayoutAlign=\"start start\">\n <ngx-charts-linear-gauge class=\"custom-chart\"\n [scheme]=\"colorScheme\"\n [value]=\"value\"\n (select)=\"onSelect($event)\"\n [units]=\"card.units\">\n </ngx-charts-linear-gauge>\n</mat-card>\n", styles: [".custom-mat-card{padding-left:0;padding-top:0}.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%}\n"] }]
}], ctorParameters: () => [{ type: i0.Injector }, { type: i1.DashboardResourceService }, { type: i2.TranslateService }, { type: i1.LoggerService }], propDecorators: { selectEvent: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluZWFyLWdhdWdlLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGFzaGJvYXJkL2NhcmRzL2xpbmVhcmdhdWdlLWNhcmQvbGluZWFyLWdhdWdlLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGFzaGJvYXJkL2NhcmRzL2xpbmVhcmdhdWdlLWNhcmQvbGluZWFyLWdhdWdlLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQW9CLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsMkJBQTJCLEVBQWtELE1BQU0sMEJBQTBCLENBQUM7Ozs7Ozs7QUFTdEgsTUFBTSxPQUFPLHdCQUF5QixTQUFRLDJCQUEyQjtJQUkvQztJQUNBO0lBQ0E7SUFDQTtJQUxaLFdBQVcsQ0FBc0M7SUFFM0QsWUFBc0IsU0FBbUIsRUFDbkIsZUFBeUMsRUFDekMsZ0JBQWtDLEVBQ2xDLGFBQTRCO1FBQzlDLEtBQUssQ0FBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBSmpELGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsb0JBQWUsR0FBZixlQUFlLENBQTBCO1FBQ3pDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFFOUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBQzFDLENBQUM7SUFFRCxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBMkI7UUFDaEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsV0FBVyxDQUFDLElBQXVCO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDO0lBQ3JELENBQUM7d0dBdkJRLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLDRIQ1ZyQyxpYUFRQTs7NEZERWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNJLHNCQUFzQjsrS0FNdEIsV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdG9yLCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0Q3VzdG9tQ2FyZENvbXBvbmVudCwgRGFzaGJvYXJkRXZlbnRDb250ZW50LCBEYXNoYm9hcmRSZXNvdXJjZVNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHtBZ2dyZWdhdGlvblJlc3VsdCwgTG9nZ2VyU2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1saW5lYXItZ2F1Z2UtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xpbmVhci1nYXVnZS1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saW5lYXItZ2F1Z2UtY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExpbmVhckdhdWdlQ2FyZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0Q3VzdG9tQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBAT3V0cHV0KCkgc2VsZWN0RXZlbnQ6IEV2ZW50RW1pdHRlcjxEYXNoYm9hcmRFdmVudENvbnRlbnQ+O1xuXG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF9pbmplY3RvcjogSW5qZWN0b3IsXG4gICAgICAgICAgICAgICAgcHJvdGVjdGVkIHJlc291cmNlU2VydmljZTogRGFzaGJvYXJkUmVzb3VyY2VTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCB0cmFuc2xhdGVTZXJ2aWNlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBsb2dnZXJTZXJ2aWNlOiBMb2dnZXJTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKF9pbmplY3RvciwgcmVzb3VyY2VTZXJ2aWNlLCB0cmFuc2xhdGVTZXJ2aWNlLCBsb2dnZXJTZXJ2aWNlKTtcbiAgICAgICAgdGhpcy5zZWxlY3RFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB9XG5cbiAgICBvblNlbGVjdChkYXRhOiBEYXNoYm9hcmRFdmVudENvbnRlbnQpIHtcbiAgICAgICAgdGhpcy5sb2dnZXJTZXJ2aWNlLmluZm8oJ0xpbmVhciBnYXVnZSBzZWxlY3RlZC4nKTtcbiAgICAgICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KGRhdGEpO1xuICAgIH1cblxuICAgIGNvbnZlcnREYXRhKGpzb246IEFnZ3JlZ2F0aW9uUmVzdWx0KTogdm9pZCB7XG4gICAgICAgIHRoaXMudmFsdWUgPSBqc29uLmFnZ3JlZ2F0aW9ucy50eXBlc19jb3VudC52YWx1ZTtcbiAgICB9XG59XG4iLCI8bWF0LWNhcmQgY2xhc3M9XCJkYXNoYm9hcmQtY2FyZCBjdXN0b20tbWF0LWNhcmRcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBzdGFydFwiPlxuICAgIDxuZ3gtY2hhcnRzLWxpbmVhci1nYXVnZSBjbGFzcz1cImN1c3RvbS1jaGFydFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzY2hlbWVdPVwiY29sb3JTY2hlbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0KT1cIm9uU2VsZWN0KCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdW5pdHNdPVwiY2FyZC51bml0c1wiPlxuICAgIDwvbmd4LWNoYXJ0cy1saW5lYXItZ2F1Z2U+XG48L21hdC1jYXJkPlxuIl19