@memberjunction/ng-explorer-core 1.3.3 → 1.4.1

package/dist/lib/join-grid/join-grid.component.js

@@ -1,222 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Component, Input } from '@angular/core';
-import { RunView } from '@memberjunction/core';
-import { debounceTime, fromEvent } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@progress/kendo-angular-grid";
-import * as i3 from "@progress/kendo-angular-buttons";
-function JoinGridComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.ErrorMessage, "\n");
-} }
-function JoinGridComponent_div_1_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 9);
-    i0.ɵɵtext(1, "Save");
-    i0.ɵɵelementEnd();
-} }
-function JoinGridComponent_div_1_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, JoinGridComponent_div_1_3_ng_template_0_Template, 2, 0, "ng-template", 8);
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_1_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const dataItem_r12 = ctx.$implicit;
-    const item_r6 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵtextInterpolate1(" ", dataItem_r12[item_r6.field], " ");
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, JoinGridComponent_div_1_kendo_grid_column_4_1_ng_template_0_Template, 1, 1, "ng-template", 11);
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 12);
-} if (rf & 2) {
-    const dataItem_r14 = ctx.$implicit;
-    const item_r6 = i0.ɵɵnextContext().$implicit;
-    const ctx_r9 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("checked", dataItem_r14[item_r6.field])("disabled", !ctx_r9.EditMode);
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const ctx_r16 = i0.ɵɵnextContext(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r16.viewData.length, " records ");
-} }
-function JoinGridComponent_div_1_kendo_grid_column_4_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, JoinGridComponent_div_1_kendo_grid_column_4_3_ng_template_0_Template, 1, 1, "ng-template", 13);
-} }
-const _c0 = () => ({ "font-weight": "bold", "background-color": "#a9c2af" });
-function JoinGridComponent_div_1_kendo_grid_column_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-grid-column", 10);
-    i0.ɵɵtemplate(1, JoinGridComponent_div_1_kendo_grid_column_4_1_Template, 1, 0, null, 6)(2, JoinGridComponent_div_1_kendo_grid_column_4_ng_template_2_Template, 1, 2, "ng-template", 11)(3, JoinGridComponent_div_1_kendo_grid_column_4_3_Template, 1, 0, null, 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r6 = ctx.$implicit;
-    const i_r7 = ctx.index;
-    i0.ɵɵpropertyInterpolate("field", item_r6.field);
-    i0.ɵɵpropertyInterpolate("title", item_r6.title);
-    i0.ɵɵproperty("width", item_r6.width)("headerStyle", i0.ɵɵpureFunction0(6, _c0));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", i_r7 === 0);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", i_r7 === 0);
-} }
-function JoinGridComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 3)(1, "kendo-grid", 4, 5);
-    i0.ɵɵtemplate(3, JoinGridComponent_div_1_3_Template, 1, 0, null, 6)(4, JoinGridComponent_div_1_kendo_grid_column_4_Template, 4, 7, "kendo-grid-column", 7);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("resizable", true)("data", ctx_r1.viewData)("rowHeight", 36)("loading", ctx_r1.showloader)("height", ctx_r1.gridHeight)("sortable", true)("resizable", true)("reorderable", true)("selectable", true);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r1.EditMode);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.visibleColumns);
-} }
-export class JoinGridComponent {
-    constructor() {
-        this.RowsEntity = '';
-        this.ColumnsEntity = '';
-        this.JoinEntity = '';
-        this.JoinRowForeignKey = '';
-        this.JoinColumunForeignKey = '';
-        this.RowsFilter = '';
-        this.ColumnsFilter = '';
-        this.EditMode = false;
-        this.showloader = false;
-        this.viewData = [];
-        this.visibleColumns = [];
-        this.ShowError = false;
-        this.ErrorMessage = '';
-        this.gridHeight = 750;
-        this.resizeSub = null;
-        this._gridMargin = 150;
-    }
-    ngOnInit() {
-        if (!this.RowsEntity || !this.ColumnsEntity || !this.JoinEntity || !this.JoinRowForeignKey || !this.JoinColumunForeignKey) {
-            this.ShowError = true;
-            this.ErrorMessage = 'Missing required parameters';
-        }
-        else {
-            this.LoadData();
-        }
-    }
-    ngAfterViewInit() {
-        this.setGridHeight();
-    }
-    LoadData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rv = new RunView();
-            this.showloader = true;
-            const promises = [];
-            promises.push(rv.RunView({ EntityName: this.RowsEntity, ExtraFilter: this.RowsFilter }));
-            promises.push(rv.RunView({ EntityName: this.ColumnsEntity, ExtraFilter: this.ColumnsFilter }));
-            const responses = yield Promise.all(promises);
-            if (responses[0].Success && responses[1].Success) {
-                this.getJoinData(responses[0].Results, responses[1].Results);
-            }
-            else {
-                this.ShowError = true;
-                this.ErrorMessage = responses[0].ErrorMessage || responses[1].ErrorMessage;
-            }
-        });
-    }
-    getJoinData(rows, columns) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const rv = new RunView();
-            // getting the relations between rows and columns
-            const res = yield rv.RunView({ EntityName: this.JoinEntity, ExtraFilter: `${this.JoinRowForeignKey} IN (${rows.map(obj => obj.ID).join(',')}) AND ${this.JoinColumunForeignKey} IN (${columns.map(obj => obj.ID).join(',')})` });
-            if (res.Success) {
-                this.prepareGridData(rows, columns, res.Results);
-            }
-            else {
-                this.showloader = false;
-                this.ShowError = true;
-                this.ErrorMessage = res.ErrorMessage;
-            }
-        });
-    }
-    prepareGridData(rows, columns, joinEntities) {
-        const gridData = [];
-        this.visibleColumns = [{ field: 'first', title: '', width: 80 }];
-        columns.forEach(column => {
-            this.visibleColumns.push({ field: column.Name, title: column.Name, width: 80 });
-        });
-        rows.forEach(row => {
-            let rowData = {
-                first: row.Name
-            };
-            columns.forEach(column => {
-                const join = joinEntities.find(j => j[this.JoinColumunForeignKey] === column.ID && j[this.JoinRowForeignKey] === row.ID);
-                if (join) {
-                    rowData = Object.assign(Object.assign({}, rowData), { [column.Name]: true, [this.JoinColumunForeignKey]: join[this.JoinColumunForeignKey], [this.JoinRowForeignKey]: join[this.JoinRowForeignKey], [this.JoinEntity]: join[this.JoinEntity] });
-                }
-                else {
-                    rowData[column.Name] = false;
-                }
-            });
-            gridData.push(rowData);
-        });
-        this.showloader = false;
-        this.viewData = gridData;
-    }
-    setGridHeight() {
-        // Subscribe to the window resize event
-        this.resizeSub = fromEvent(window, 'resize').pipe(debounceTime(100) // Debounce the resize event to avoid frequent updates
-        ).subscribe(() => {
-            // Update the grid height when the window is resized
-            this.ResizeGrid();
-        });
-        // Set the initial grid height with a slight delay to allow stuff to get set
-        setTimeout(() => {
-            this.ResizeGrid();
-        }, 100);
-    }
-    ResizeGrid() {
-        // this._gridMargin = this.getGridTopPosition();
-        this.gridHeight = window.innerHeight - this._gridMargin;
-    }
-}
-JoinGridComponent.ɵfac = function JoinGridComponent_Factory(t) { return new (t || JoinGridComponent)(); };
-JoinGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JoinGridComponent, selectors: [["app-join-grid"]], inputs: { RowsEntity: "RowsEntity", ColumnsEntity: "ColumnsEntity", JoinEntity: "JoinEntity", JoinRowForeignKey: "JoinRowForeignKey", JoinColumunForeignKey: "JoinColumunForeignKey", RowsFilter: "RowsFilter", ColumnsFilter: "ColumnsFilter", EditMode: "EditMode" }, decls: 2, vars: 2, consts: [["class", "card-container", 4, "ngIf"], ["class", "user-view-grid-wrap", 4, "ngIf"], [1, "card-container"], [1, "user-view-grid-wrap"], ["scrollable", "virtual", 3, "resizable", "data", "rowHeight", "loading", "height", "sortable", "reorderable", "selectable"], ["kendoGrid", ""], [4, "ngIf"], [3, "field", "title", "width", "headerStyle", 4, "ngFor", "ngForOf"], ["kendoGridToolbarTemplate", ""], ["kendoButton", ""], [3, "field", "title", "width", "headerStyle"], ["kendoGridCellTemplate", ""], ["type", "checkbox", 3, "checked", "disabled"], ["kendoGridFooterTemplate", ""]], template: function JoinGridComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, JoinGridComponent_div_0_Template, 2, 1, "div", 0)(1, JoinGridComponent_div_1_Template, 5, 11, "div", 1);
-    } if (rf & 2) {
-        i0.ɵɵproperty("ngIf", ctx.ShowError);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", !ctx.ShowError);
-    } }, dependencies: [i1.NgForOf, i1.NgIf, i2.GridComponent, i2.ToolbarTemplateDirective, i2.ColumnComponent, i2.FooterTemplateDirective, i2.CellTemplateDirective, i3.ButtonComponent] });
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JoinGridComponent, [{
-        type: Component,
-        args: [{ selector: 'app-join-grid', template: "<div class=\"card-container\" *ngIf=\"ShowError\">\n    {{ErrorMessage}}\n</div>\n<div class=\"user-view-grid-wrap\" *ngIf=\"!ShowError\">\n    <kendo-grid \n        #kendoGrid \n        [resizable]=\"true\" \n        [data]=\"viewData\" \n        scrollable=\"virtual\" \n        [rowHeight]=\"36\"\n        [loading]=\"showloader\"\n        [height]=\"gridHeight\"\n        [sortable]=\"true\"\n        [resizable]=\"true\"\n        [reorderable]=\"true\"\n        [selectable]=\"true\">\n\n        <ng-template kendoGridToolbarTemplate *ngIf=\"EditMode\">\n            <button kendoButton>Save</button>\n        </ng-template>\n\n        <kendo-grid-column *ngFor=\"let item of visibleColumns; let i = index\" field=\"{{item.field}}\"\n            title=\"{{item.title}}\" [width]=\"item.width\"\n            [headerStyle]=\"{ 'font-weight' : 'bold', 'background-color': '#a9c2af' }\">\n            <ng-template *ngIf=\"i === 0\" kendoGridCellTemplate let-dataItem>\n                {{dataItem[item.field]}}\n            </ng-template>\n            <ng-template kendoGridCellTemplate let-dataItem>\n                <input type=\"checkbox\" [checked]=\"dataItem[item.field]\" [disabled]=\"!EditMode\" />\n            </ng-template>\n            <ng-template *ngIf=\"i === 0\" kendoGridFooterTemplate>\n                {{this.viewData.length}} records\n            </ng-template>\n        </kendo-grid-column>\n\n    </kendo-grid>\n</div>" }]
-    }], () => [], { RowsEntity: [{
-            type: Input
-        }], ColumnsEntity: [{
-            type: Input
-        }], JoinEntity: [{
-            type: Input
-        }], JoinRowForeignKey: [{
-            type: Input
-        }], JoinColumunForeignKey: [{
-            type: Input
-        }], RowsFilter: [{
-            type: Input
-        }], ColumnsFilter: [{
-            type: Input
-        }], EditMode: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JoinGridComponent, { className: "JoinGridComponent", filePath: "src/lib/join-grid/join-grid.component.ts", lineNumber: 10 }); })();