@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
39 lines • 10.9 kB
JavaScript
import { Component, Inject, Input, Optional } from '@angular/core';
import { AbstractTaskRefDashboardFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@netgrif/components-core";
import * as i2 from "@angular/common";
import * as i3 from "@ngbracket/ngx-layout/grid";
import * as i4 from "./task-ref-dashboard-tile/task-ref-dashboard-tile.component";
export class TaskRefDashboardFieldComponent extends AbstractTaskRefDashboardFieldComponent {
taskContentComponentClassReference;
constructor(logger, dataFieldPortalData) {
super(logger, dataFieldPortalData);
}
getGridColumns() {
return `repeat(${this.dataField.dashboardCols}, 1fr)`;
}
getGridRows() {
return `repeat(${this.dataField.dashboardRows}, minmax(320px, auto))`;
}
getTileGridColumn(tile) {
return `${tile.x + 1} / span ${tile.cols}`;
}
getTileGridRow(tile) {
return `${tile.y + 1} / span ${tile.rows}`;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskRefDashboardFieldComponent, deps: [{ token: i1.LoggerService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TaskRefDashboardFieldComponent, selector: "nc-task-ref-dashboard-field", inputs: { taskContentComponentClassReference: "taskContentComponentClassReference" }, usesInheritance: true, ngImport: i0, template: "<div class=\"fill-available-space\" [gdColumns]=\"getGridColumns()\" [gdRows]=\"getGridRows()\">\n <nc-task-ref-dashboard-tile *ngFor=\"let tile of dashboardTiles\"\n [tile]=\"tile\"\n [taskRef]=\"dataField\"\n [fc]=\"formControlRef\"\n [gdColumn]=\"getTileGridColumn(tile)\"\n [gdRow]=\"getTileGridRow(tile)\"\n [taskContentComponentClassReference]=\"taskContentComponentClassReference\"></nc-task-ref-dashboard-tile>\n</div>\n", styles: [".fill-available-space{width:100%;height:100%}:host ::ng-deep .dashboard-workflow-view,:host ::ng-deep .dashboard-task-list,:host ::ng-deep .dashboard-case-list{min-height:320px!important}:host ::ng-deep .dashboard-iframe-card{min-height:304px!important}:host ::ng-deep .dashboard-bar-chart,:host ::ng-deep .dashboard-pie-chart,:host ::ng-deep .dashboard-line-chart{height:320px!important;width:200px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.DefaultGridColumnDirective, selector: " [gdColumn], [gdColumn.xs], [gdColumn.sm], [gdColumn.md], [gdColumn.lg], [gdColumn.xl], [gdColumn.lt-sm], [gdColumn.lt-md], [gdColumn.lt-lg], [gdColumn.lt-xl], [gdColumn.gt-xs], [gdColumn.gt-sm], [gdColumn.gt-md], [gdColumn.gt-lg]", inputs: ["gdColumn", "gdColumn.xs", "gdColumn.sm", "gdColumn.md", "gdColumn.lg", "gdColumn.xl", "gdColumn.lt-sm", "gdColumn.lt-md", "gdColumn.lt-lg", "gdColumn.lt-xl", "gdColumn.gt-xs", "gdColumn.gt-sm", "gdColumn.gt-md", "gdColumn.gt-lg"] }, { kind: "directive", type: i3.DefaultGridColumnsDirective, selector: " [gdColumns], [gdColumns.xs], [gdColumns.sm], [gdColumns.md], [gdColumns.lg], [gdColumns.xl], [gdColumns.lt-sm], [gdColumns.lt-md], [gdColumns.lt-lg], [gdColumns.lt-xl], [gdColumns.gt-xs], [gdColumns.gt-sm], [gdColumns.gt-md], [gdColumns.gt-lg]", inputs: ["gdColumns", "gdColumns.xs", "gdColumns.sm", "gdColumns.md", "gdColumns.lg", "gdColumns.xl", "gdColumns.lt-sm", "gdColumns.lt-md", "gdColumns.lt-lg", "gdColumns.lt-xl", "gdColumns.gt-xs", "gdColumns.gt-sm", "gdColumns.gt-md", "gdColumns.gt-lg"] }, { kind: "directive", type: i3.DefaultGridRowDirective, selector: " [gdRow], [gdRow.xs], [gdRow.sm], [gdRow.md], [gdRow.lg], [gdRow.xl], [gdRow.lt-sm], [gdRow.lt-md], [gdRow.lt-lg], [gdRow.lt-xl], [gdRow.gt-xs], [gdRow.gt-sm], [gdRow.gt-md], [gdRow.gt-lg]", inputs: ["gdRow", "gdRow.xs", "gdRow.sm", "gdRow.md", "gdRow.lg", "gdRow.xl", "gdRow.lt-sm", "gdRow.lt-md", "gdRow.lt-lg", "gdRow.lt-xl", "gdRow.gt-xs", "gdRow.gt-sm", "gdRow.gt-md", "gdRow.gt-lg"] }, { kind: "directive", type: i3.DefaultGridRowsDirective, selector: " [gdRows], [gdRows.xs], [gdRows.sm], [gdRows.md], [gdRows.lg], [gdRows.xl], [gdRows.lt-sm], [gdRows.lt-md], [gdRows.lt-lg], [gdRows.lt-xl], [gdRows.gt-xs], [gdRows.gt-sm], [gdRows.gt-md], [gdRows.gt-lg]", inputs: ["gdRows", "gdRows.xs", "gdRows.sm", "gdRows.md", "gdRows.lg", "gdRows.xl", "gdRows.lt-sm", "gdRows.lt-md", "gdRows.lt-lg", "gdRows.lt-xl", "gdRows.gt-xs", "gdRows.gt-sm", "gdRows.gt-md", "gdRows.gt-lg"] }, { kind: "component", type: i4.TaskRefDashboardTileComponent, selector: "nc-task-ref-dashboard-tile", inputs: ["taskContentComponentClassReference"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TaskRefDashboardFieldComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-task-ref-dashboard-field', template: "<div class=\"fill-available-space\" [gdColumns]=\"getGridColumns()\" [gdRows]=\"getGridRows()\">\n <nc-task-ref-dashboard-tile *ngFor=\"let tile of dashboardTiles\"\n [tile]=\"tile\"\n [taskRef]=\"dataField\"\n [fc]=\"formControlRef\"\n [gdColumn]=\"getTileGridColumn(tile)\"\n [gdRow]=\"getTileGridRow(tile)\"\n [taskContentComponentClassReference]=\"taskContentComponentClassReference\"></nc-task-ref-dashboard-tile>\n</div>\n", styles: [".fill-available-space{width:100%;height:100%}:host ::ng-deep .dashboard-workflow-view,:host ::ng-deep .dashboard-task-list,:host ::ng-deep .dashboard-case-list{min-height:320px!important}:host ::ng-deep .dashboard-iframe-card{min-height:304px!important}:host ::ng-deep .dashboard-bar-chart,:host ::ng-deep .dashboard-pie-chart,:host ::ng-deep .dashboard-line-chart{height:320px!important;width:200px!important}\n"] }]
}], ctorParameters: () => [{ type: i1.LoggerService }, { type: undefined, decorators: [{
type: Optional
}, {
type: Inject,
args: [DATA_FIELD_PORTAL_DATA]
}] }], propDecorators: { taskContentComponentClassReference: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFzay1yZWYtZGFzaGJvYXJkLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3Rhc2stcmVmLWZpZWxkL3Rhc2stcmVmLWRhc2hib2FyZC1maWVsZC90YXNrLXJlZi1kYXNoYm9hcmQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGFzay1yZWYtZmllbGQvdGFzay1yZWYtZGFzaGJvYXJkLWZpZWxkL3Rhc2stcmVmLWRhc2hib2FyZC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFPLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFDSCxzQ0FBc0MsRUFDdEMsc0JBQXNCLEVBS3pCLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQU9sQyxNQUFNLE9BQU8sOEJBQStCLFNBQVEsc0NBQXNDO0lBRTdFLGtDQUFrQyxDQUFZO0lBRXZELFlBQVksTUFBcUIsRUFDdUIsbUJBQXNEO1FBQzFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsY0FBYztRQUNWLE9BQU8sVUFBVSxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsUUFBUSxDQUFDO0lBQzFELENBQUM7SUFFRCxXQUFXO1FBQ1AsT0FBTyxVQUFVLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSx3QkFBd0IsQ0FBQztJQUMxRSxDQUFDO0lBRUQsaUJBQWlCLENBQUMsSUFBMEI7UUFDeEMsT0FBTyxHQUFHLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxXQUFXLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMvQyxDQUFDO0lBRUQsY0FBYyxDQUFDLElBQTBCO1FBQ3JDLE9BQU8sR0FBRyxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsV0FBVyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDL0MsQ0FBQzt3R0F2QlEsOEJBQThCLCtDQUtQLHNCQUFzQjs0RkFMN0MsOEJBQThCLGdMQ2YzQywybUJBU0E7OzRGRE1hLDhCQUE4QjtrQkFMMUMsU0FBUzsrQkFDRSw2QkFBNkI7OzBCQVN4QixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQjt5Q0FIN0Msa0NBQWtDO3NCQUExQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsLCBUeXBlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RUYXNrUmVmRGFzaGJvYXJkRmllbGRDb21wb25lbnQsXG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSxcbiAgICBEYXRhRmllbGRQb3J0YWxEYXRhLFxuICAgIExvZ2dlclNlcnZpY2UsXG4gICAgVGFza1JlZkRhc2hib2FyZFRpbGUsXG4gICAgVGFza1JlZkZpZWxkXG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLXRhc2stcmVmLWRhc2hib2FyZC1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90YXNrLXJlZi1kYXNoYm9hcmQtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YXNrLXJlZi1kYXNoYm9hcmQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYXNrUmVmRGFzaGJvYXJkRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFRhc2tSZWZEYXNoYm9hcmRGaWVsZENvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSB0YXNrQ29udGVudENvbXBvbmVudENsYXNzUmVmZXJlbmNlOiBUeXBlPGFueT47XG5cbiAgICBjb25zdHJ1Y3Rvcihsb2dnZXI6IExvZ2dlclNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPFRhc2tSZWZGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIobG9nZ2VyLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG5cbiAgICBnZXRHcmlkQ29sdW1ucygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gYHJlcGVhdCgke3RoaXMuZGF0YUZpZWxkLmRhc2hib2FyZENvbHN9LCAxZnIpYDtcbiAgICB9XG5cbiAgICBnZXRHcmlkUm93cygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gYHJlcGVhdCgke3RoaXMuZGF0YUZpZWxkLmRhc2hib2FyZFJvd3N9LCBtaW5tYXgoMzIwcHgsIGF1dG8pKWA7XG4gICAgfVxuXG4gICAgZ2V0VGlsZUdyaWRDb2x1bW4odGlsZTogVGFza1JlZkRhc2hib2FyZFRpbGUpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gYCR7dGlsZS54ICsgMX0gLyBzcGFuICR7dGlsZS5jb2xzfWA7XG4gICAgfVxuXG4gICAgZ2V0VGlsZUdyaWRSb3codGlsZTogVGFza1JlZkRhc2hib2FyZFRpbGUpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gYCR7dGlsZS55ICsgMX0gLyBzcGFuICR7dGlsZS5yb3dzfWA7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZpbGwtYXZhaWxhYmxlLXNwYWNlXCIgW2dkQ29sdW1uc109XCJnZXRHcmlkQ29sdW1ucygpXCIgW2dkUm93c109XCJnZXRHcmlkUm93cygpXCI+XG4gICAgPG5jLXRhc2stcmVmLWRhc2hib2FyZC10aWxlICpuZ0Zvcj1cImxldCB0aWxlIG9mIGRhc2hib2FyZFRpbGVzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3RpbGVdPVwidGlsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0YXNrUmVmXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmY109XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtnZENvbHVtbl09XCJnZXRUaWxlR3JpZENvbHVtbih0aWxlKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtnZFJvd109XCJnZXRUaWxlR3JpZFJvdyh0aWxlKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0YXNrQ29udGVudENvbXBvbmVudENsYXNzUmVmZXJlbmNlXT1cInRhc2tDb250ZW50Q29tcG9uZW50Q2xhc3NSZWZlcmVuY2VcIj48L25jLXRhc2stcmVmLWRhc2hib2FyZC10aWxlPlxuPC9kaXY+XG4iXX0=