@netgrif/components/esm2022/lib/dashboard/dashboard-content/dashboard-content.component.mjs

Netgrif Application Engine frontend Angular components

import { Component } from '@angular/core';
import { AbstractDashboardContentComponent } 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 "@angular/material/grid-list";
import * as i4 from "../cards/count-card/count-card.component";
import * as i5 from "../cards/iframe-card/iframe-card.component";
import * as i6 from "../cards/piechart-card/pie-chart-card.component";
import * as i7 from "../cards/linechart-card/line-chart-card.component";
import * as i8 from "../cards/barchart-card/barchart-card.component";
import * as i9 from "../cards/lineargauge-card/linear-gauge-card.component";
import * as i10 from "../cards/portal-card/portal-card.component";
export class DashboardContentComponent extends AbstractDashboardContentComponent {
    _log;
    constructor(_log) {
        super(_log);
        this._log = _log;
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardContentComponent, deps: [{ token: i1.LoggerService }], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DashboardContentComponent, selector: "nc-dashboard-content", usesInheritance: true, ngImport: i0, template: "<mat-grid-list [cols]=\"params.columns\" rowHeight=\"210px\">\n    <mat-grid-tile *ngFor=\"let card of gridElements\"\n                   [colspan]=\"card.layout.cols\"\n                   [rowspan]=\"card.layout.rows\"\n                   [ngSwitch]=\"card.type\">\n        <nc-count-card *ngSwitchCase=\"cardTypes.COUNT\" [card]=\"card.item\" class=\"full-size\"></nc-count-card>\n        <nc-iframe-card *ngSwitchCase=\"cardTypes.IFRAME\" [card]=\"card.item\" class=\"full-size\"></nc-iframe-card>\n        <nc-pie-chart-card *ngSwitchCase=\"cardTypes.PIE\" [card]=\"card.item\" class=\"full-size\"></nc-pie-chart-card>\n        <nc-line-chart-card *ngSwitchCase=\"cardTypes.LINE\" [card]=\"card.item\" class=\"full-size\"></nc-line-chart-card>\n        <nc-linear-gauge-card *ngSwitchCase=\"cardTypes.LINEARGAUGE\" [card]=\"card.item\"\n                             class=\"full-size\"></nc-linear-gauge-card>\n        <nc-barchart-card *ngSwitchCase=\"cardTypes.BAR\" [card]=\"card.item\" class=\"full-size\"></nc-barchart-card>\n        <nc-portal-card *ngSwitchCase=\"cardTypes.DEFAULT\" [card]=\"card.item\"\n                        [componentPortal]=\"card.item.portalComponent\" class=\"full-size\"></nc-portal-card>\n        <div *ngSwitchCase=\"cardTypes.BLANK\"></div>\n    </mat-grid-tile>\n</mat-grid-list>\n", styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3.MatGridList, selector: "mat-grid-list", inputs: ["cols", "gutterSize", "rowHeight"], exportAs: ["matGridList"] }, { kind: "component", type: i3.MatGridTile, selector: "mat-grid-tile", inputs: ["rowspan", "colspan"], exportAs: ["matGridTile"] }, { kind: "component", type: i4.CountCardComponent, selector: "nc-count-card" }, { kind: "component", type: i5.IframeCardComponent, selector: "nc-iframe-card" }, { kind: "component", type: i6.PieChartCardComponent, selector: "nc-pie-chart-card", outputs: ["selectEvent"] }, { kind: "component", type: i7.LineChartCardComponent, selector: "nc-line-chart-card", outputs: ["selectEvent"] }, { kind: "component", type: i8.BarchartCardComponent, selector: "nc-barchart-card", outputs: ["selectEvent"] }, { kind: "component", type: i9.LinearGaugeCardComponent, selector: "nc-linear-gauge-card", outputs: ["selectEvent"] }, { kind: "component", type: i10.PortalCardComponent, selector: "nc-portal-card", inputs: ["componentPortal"], outputs: ["selectEvent"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DashboardContentComponent, decorators: [{
            type: Component,
            args: [{ selector: 'nc-dashboard-content', template: "<mat-grid-list [cols]=\"params.columns\" rowHeight=\"210px\">\n    <mat-grid-tile *ngFor=\"let card of gridElements\"\n                   [colspan]=\"card.layout.cols\"\n                   [rowspan]=\"card.layout.rows\"\n                   [ngSwitch]=\"card.type\">\n        <nc-count-card *ngSwitchCase=\"cardTypes.COUNT\" [card]=\"card.item\" class=\"full-size\"></nc-count-card>\n        <nc-iframe-card *ngSwitchCase=\"cardTypes.IFRAME\" [card]=\"card.item\" class=\"full-size\"></nc-iframe-card>\n        <nc-pie-chart-card *ngSwitchCase=\"cardTypes.PIE\" [card]=\"card.item\" class=\"full-size\"></nc-pie-chart-card>\n        <nc-line-chart-card *ngSwitchCase=\"cardTypes.LINE\" [card]=\"card.item\" class=\"full-size\"></nc-line-chart-card>\n        <nc-linear-gauge-card *ngSwitchCase=\"cardTypes.LINEARGAUGE\" [card]=\"card.item\"\n                             class=\"full-size\"></nc-linear-gauge-card>\n        <nc-barchart-card *ngSwitchCase=\"cardTypes.BAR\" [card]=\"card.item\" class=\"full-size\"></nc-barchart-card>\n        <nc-portal-card *ngSwitchCase=\"cardTypes.DEFAULT\" [card]=\"card.item\"\n                        [componentPortal]=\"card.item.portalComponent\" class=\"full-size\"></nc-portal-card>\n        <div *ngSwitchCase=\"cardTypes.BLANK\"></div>\n    </mat-grid-tile>\n</mat-grid-list>\n", styles: [".full-size{width:100%;height:100%;margin:auto;padding:0}\n"] }]
        }], ctorParameters: () => [{ type: i1.LoggerService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGFzaGJvYXJkL2Rhc2hib2FyZC1jb250ZW50L2Rhc2hib2FyZC1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2Rhc2hib2FyZC9kYXNoYm9hcmQtY29udGVudC9kYXNoYm9hcmQtY29udGVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxpQ0FBaUMsRUFBZ0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7O0FBTzFGLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxpQ0FBaUM7SUFFdEQ7SUFBdEIsWUFBc0IsSUFBbUI7UUFDckMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRE0sU0FBSSxHQUFKLElBQUksQ0FBZTtJQUV6QyxDQUFDO3dHQUpRLHlCQUF5Qjs0RkFBekIseUJBQXlCLG1GQ1J0Qyw2eUNBaUJBOzs0RkRUYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0ksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdERhc2hib2FyZENvbnRlbnRDb21wb25lbnQsIExvZ2dlclNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtZGFzaGJvYXJkLWNvbnRlbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXNoYm9hcmQtY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZGFzaGJvYXJkLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXNoYm9hcmRDb250ZW50Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3REYXNoYm9hcmRDb250ZW50Q29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBfbG9nOiBMb2dnZXJTZXJ2aWNlKSB7XG4gICAgICAgIHN1cGVyKF9sb2cpO1xuICAgIH1cbn1cbiIsIjxtYXQtZ3JpZC1saXN0IFtjb2xzXT1cInBhcmFtcy5jb2x1bW5zXCIgcm93SGVpZ2h0PVwiMjEwcHhcIj5cbiAgICA8bWF0LWdyaWQtdGlsZSAqbmdGb3I9XCJsZXQgY2FyZCBvZiBncmlkRWxlbWVudHNcIlxuICAgICAgICAgICAgICAgICAgIFtjb2xzcGFuXT1cImNhcmQubGF5b3V0LmNvbHNcIlxuICAgICAgICAgICAgICAgICAgIFtyb3dzcGFuXT1cImNhcmQubGF5b3V0LnJvd3NcIlxuICAgICAgICAgICAgICAgICAgIFtuZ1N3aXRjaF09XCJjYXJkLnR5cGVcIj5cbiAgICAgICAgPG5jLWNvdW50LWNhcmQgKm5nU3dpdGNoQ2FzZT1cImNhcmRUeXBlcy5DT1VOVFwiIFtjYXJkXT1cImNhcmQuaXRlbVwiIGNsYXNzPVwiZnVsbC1zaXplXCI+PC9uYy1jb3VudC1jYXJkPlxuICAgICAgICA8bmMtaWZyYW1lLWNhcmQgKm5nU3dpdGNoQ2FzZT1cImNhcmRUeXBlcy5JRlJBTUVcIiBbY2FyZF09XCJjYXJkLml0ZW1cIiBjbGFzcz1cImZ1bGwtc2l6ZVwiPjwvbmMtaWZyYW1lLWNhcmQ+XG4gICAgICAgIDxuYy1waWUtY2hhcnQtY2FyZCAqbmdTd2l0Y2hDYXNlPVwiY2FyZFR5cGVzLlBJRVwiIFtjYXJkXT1cImNhcmQuaXRlbVwiIGNsYXNzPVwiZnVsbC1zaXplXCI+PC9uYy1waWUtY2hhcnQtY2FyZD5cbiAgICAgICAgPG5jLWxpbmUtY2hhcnQtY2FyZCAqbmdTd2l0Y2hDYXNlPVwiY2FyZFR5cGVzLkxJTkVcIiBbY2FyZF09XCJjYXJkLml0ZW1cIiBjbGFzcz1cImZ1bGwtc2l6ZVwiPjwvbmMtbGluZS1jaGFydC1jYXJkPlxuICAgICAgICA8bmMtbGluZWFyLWdhdWdlLWNhcmQgKm5nU3dpdGNoQ2FzZT1cImNhcmRUeXBlcy5MSU5FQVJHQVVHRVwiIFtjYXJkXT1cImNhcmQuaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC1zaXplXCI+PC9uYy1saW5lYXItZ2F1Z2UtY2FyZD5cbiAgICAgICAgPG5jLWJhcmNoYXJ0LWNhcmQgKm5nU3dpdGNoQ2FzZT1cImNhcmRUeXBlcy5CQVJcIiBbY2FyZF09XCJjYXJkLml0ZW1cIiBjbGFzcz1cImZ1bGwtc2l6ZVwiPjwvbmMtYmFyY2hhcnQtY2FyZD5cbiAgICAgICAgPG5jLXBvcnRhbC1jYXJkICpuZ1N3aXRjaENhc2U9XCJjYXJkVHlwZXMuREVGQVVMVFwiIFtjYXJkXT1cImNhcmQuaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29tcG9uZW50UG9ydGFsXT1cImNhcmQuaXRlbS5wb3J0YWxDb21wb25lbnRcIiBjbGFzcz1cImZ1bGwtc2l6ZVwiPjwvbmMtcG9ydGFsLWNhcmQ+XG4gICAgICAgIDxkaXYgKm5nU3dpdGNoQ2FzZT1cImNhcmRUeXBlcy5CTEFOS1wiPjwvZGl2PlxuICAgIDwvbWF0LWdyaWQtdGlsZT5cbjwvbWF0LWdyaWQtbGlzdD5cbiJdfQ==