@memberjunction/ng-explorer-settings 0.9.10 → 0.9.13

package/dist/lib/application-entities-grid/application-entities-grid.component.d.ts

@@ -0,0 +1,51 @@
+import { OnInit, SimpleChanges, OnChanges } from '@angular/core';
+import { kendoSVGIcon } from '@memberjunction/ng-shared';
+import { ApplicationEntity, ApplicationEntityEntity, EntityEntity } from '@memberjunction/core-entities';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class ApplicationEntityEntity_Ext extends ApplicationEntityEntity {
+    private _selected;
+    get Selected(): boolean;
+    set Selected(value: boolean);
+    private _applicationName;
+    get SavedApplicationName(): string;
+    set SavedApplicationName(value: string);
+    private _entityID;
+    get SavedEntityID(): number;
+    set SavedEntityID(value: number);
+}
+export declare class ApplicationEntitiesGridComponent implements OnInit, OnChanges {
+    private router;
+    /**
+     * The name of the application we are working with, required if Mode is 'Applications'
+     */
+    ApplicationName: string;
+    /**
+     * The ID of the entity we are working with, required if Mode is 'Entities'
+     */
+    EntityID: number;
+    isLoading: boolean;
+    rows: ApplicationEntityEntity_Ext[];
+    Mode: 'Applications' | 'Entities';
+    /**
+     * The role record we are working with, required if Mode is 'Appliations'
+     */
+    ApplicationRecord: ApplicationEntity | null;
+    /**
+     * The user record we are working with, required if Mode is 'Entities'
+     */
+    EntityRecord: EntityEntity | null;
+    kendoSVGIcon: typeof kendoSVGIcon;
+    constructor(router: Router);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    Refresh(): Promise<void>;
+    save(): Promise<void>;
+    cancelEdit(): void;
+    flipAll(): void;
+    get NumDirty(): number;
+    protected IsReallyDirty(ae: ApplicationEntityEntity_Ext): boolean;
+    flipState($event: MouseEvent | undefined, ur: ApplicationEntityEntity_Ext, flipState: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApplicationEntitiesGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ApplicationEntitiesGridComponent, "mj-application-entities-grid", never, { "ApplicationName": { "alias": "ApplicationName"; "required": false; }; "EntityID": { "alias": "EntityID"; "required": false; }; "Mode": { "alias": "Mode"; "required": false; }; "ApplicationRecord": { "alias": "ApplicationRecord"; "required": false; }; "EntityRecord": { "alias": "EntityRecord"; "required": false; }; }, {}, never, never, false, never>;
+}

package/dist/lib/application-entities-grid/application-entities-grid.component.js

@@ -0,0 +1,348 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+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 { BaseEntity, Metadata, RunView } from '@memberjunction/core';
+import { kendoSVGIcon } from '@memberjunction/ng-shared';
+import { ApplicationEntityEntity } from '@memberjunction/core-entities';
+import { RegisterClass } from '@memberjunction/global';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@progress/kendo-angular-indicators";
+function ApplicationEntitiesGridComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "kendo-loader");
+    i0.ɵɵelementEnd();
+} }
+function ApplicationEntitiesGridComponent_div_1_table_5_th_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1, "Entity");
+    i0.ɵɵelementEnd();
+} }
+function ApplicationEntitiesGridComponent_div_1_table_5_th_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th");
+    i0.ɵɵtext(1, "Application");
+    i0.ɵɵelementEnd();
+} }
+function ApplicationEntitiesGridComponent_div_1_table_5_tr_8_td_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const r_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(r_r6.Entity);
+} }
+function ApplicationEntitiesGridComponent_div_1_table_5_tr_8_td_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const r_r6 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(r_r6.Application);
+} }
+function ApplicationEntitiesGridComponent_div_1_table_5_tr_8_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr");
+    i0.ɵɵtemplate(1, ApplicationEntitiesGridComponent_div_1_table_5_tr_8_td_1_Template, 2, 1, "td", 0)(2, ApplicationEntitiesGridComponent_div_1_table_5_tr_8_td_2_Template, 2, 1, "td", 0);
+    i0.ɵɵelementStart(3, "td", 6);
+    i0.ɵɵlistener("click", function ApplicationEntitiesGridComponent_div_1_table_5_tr_8_Template_td_click_3_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r12); const r_r6 = restoredCtx.$implicit; const ctx_r11 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r11.flipState($event, r_r6, true)); });
+    i0.ɵɵelementStart(4, "input", 8);
+    i0.ɵɵtwoWayListener("ngModelChange", function ApplicationEntitiesGridComponent_div_1_table_5_tr_8_Template_input_ngModelChange_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r12); const r_r6 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(r_r6.Selected, $event) || (r_r6.Selected = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("click", function ApplicationEntitiesGridComponent_div_1_table_5_tr_8_Template_input_click_4_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r12); const r_r6 = restoredCtx.$implicit; const ctx_r14 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r14.flipState($event, r_r6, false)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const r_r6 = ctx.$implicit;
+    const ctx_r5 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r5.Mode === "Applications");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r5.Mode === "Entities");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", r_r6.Selected);
+} }
+function ApplicationEntitiesGridComponent_div_1_table_5_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "table", 5)(1, "thead")(2, "tr");
+    i0.ɵɵtemplate(3, ApplicationEntitiesGridComponent_div_1_table_5_th_3_Template, 2, 0, "th", 0)(4, ApplicationEntitiesGridComponent_div_1_table_5_th_4_Template, 2, 0, "th", 0);
+    i0.ɵɵelementStart(5, "th", 6);
+    i0.ɵɵlistener("click", function ApplicationEntitiesGridComponent_div_1_table_5_Template_th_click_5_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.flipAll()); });
+    i0.ɵɵtext(6, "In Application");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(7, "tbody");
+    i0.ɵɵtemplate(8, ApplicationEntitiesGridComponent_div_1_table_5_tr_8_Template, 5, 3, "tr", 7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r2.Mode === "Applications");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r2.Mode === "Entities");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngForOf", ctx_r2.rows);
+} }
+function ApplicationEntitiesGridComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "button", 3);
+    i0.ɵɵlistener("click", function ApplicationEntitiesGridComponent_div_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.save()); });
+    i0.ɵɵtext(2, "Save");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 3);
+    i0.ɵɵlistener("click", function ApplicationEntitiesGridComponent_div_1_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r18); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.cancelEdit()); });
+    i0.ɵɵtext(4, "Cancel");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, ApplicationEntitiesGridComponent_div_1_table_5_Template, 9, 3, "table", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.NumDirty === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.NumDirty === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", !ctx_r1.isLoading);
+} }
+let ApplicationEntityEntity_Ext = class ApplicationEntityEntity_Ext extends ApplicationEntityEntity {
+    constructor() {
+        super(...arguments);
+        this._selected = false;
+        this._applicationName = '';
+        this._entityID = 0;
+    }
+    get Selected() {
+        return this._selected;
+    }
+    set Selected(value) {
+        this._selected = value;
+    }
+    get SavedApplicationName() {
+        return this._applicationName;
+    }
+    set SavedApplicationName(value) {
+        this._applicationName = value;
+    }
+    get SavedEntityID() {
+        return this._entityID;
+    }
+    set SavedEntityID(value) {
+        this._entityID = value;
+    }
+};
+ApplicationEntityEntity_Ext = __decorate([
+    RegisterClass(BaseEntity, 'Application Entities', 10) // register this with a high priority so we are used here, we just need to extend it to add a property as a flag to know if it's in the database or not
+], ApplicationEntityEntity_Ext);
+export { ApplicationEntityEntity_Ext };
+export class ApplicationEntitiesGridComponent {
+    constructor(router) {
+        this.router = router;
+        this.isLoading = false;
+        this.rows = [];
+        this.Mode = 'Applications';
+        /**
+         * The role record we are working with, required if Mode is 'Appliations'
+         */
+        this.ApplicationRecord = null;
+        /**
+         * The user record we are working with, required if Mode is 'Entities'
+         */
+        this.EntityRecord = null;
+        this.kendoSVGIcon = kendoSVGIcon;
+    }
+    ngOnInit() {
+        this.Refresh();
+    }
+    ngOnChanges(changes) {
+        if (changes && (changes.RoleRecord || changes.UserRecord))
+            this.Refresh();
+    }
+    Refresh() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.Mode === 'Applications')
+                if (!this.ApplicationName || this.ApplicationName.length === 0 || !this.ApplicationRecord)
+                    throw new Error("ApplicationName and ApplicationRecord are required when Mode is 'Applications'");
+            if (this.Mode === 'Entities')
+                if (!this.EntityID || !this.EntityRecord)
+                    throw new Error("EntityID and EntityRecord are required when Mode is 'Entities'");
+            const md = new Metadata();
+            this.isLoading = true;
+            const rv = new RunView();
+            const filter = this.Mode === 'Applications' ? `Application='${this.ApplicationName}'` : `EntityID=${this.EntityID}`;
+            const result = yield rv.RunView({
+                EntityName: 'Application Entities',
+                ExtraFilter: filter,
+                ResultType: 'entity_object'
+            });
+            if (result.Success) {
+                // we have all of the saved records now
+                const existing = result.Results;
+                existing.forEach(ae => {
+                    ae.Selected = true; // flip this on for all records that come from the DB
+                    ae.SavedEntityID = ae.EntityID; // stash this in an extra property so we can later set it if we have a delete operation
+                    ae.SavedApplicationName = ae.Application; // stash this in an extra property so we can later set it if we have a delete operation
+                });
+                if (this.Mode === 'Applications') {
+                    const entitiesToAdd = md.Entities.filter(e => !existing.some(ee => ee.EntityID === e.ID));
+                    for (const e of entitiesToAdd) {
+                        const ae = yield md.GetEntityObject('Application Entities');
+                        ae.NewRecord();
+                        ae.Sequence = 1000; // default value, isn't used anywhere 
+                        ae.ApplicationName = this.ApplicationName;
+                        ae.Set('Application', this.ApplicationName); // use weak typing to get around the readonly property
+                        ae.SavedApplicationName = this.ApplicationName; // stash this in an extra property so we can later set it if we have a delete operation
+                        ae.EntityID = e.ID;
+                        ae.SavedEntityID = e.ID; // stash this in an extra property so we can later set it if we have a delete operation
+                        ae.Set('Entity', e.Name); // use weak typing to get around the readonly property
+                        existing.push(ae);
+                    }
+                    // finally sort the array
+                    this.rows = existing.sort((a, b) => a.Entity.localeCompare(b.Entity));
+                }
+                else {
+                    // for the mode of Entities, we want to bring in all of the possible applications and then add any that are not in the existing array
+                    const appsToAdd = md.Applications.filter(a => !existing.some(e => e.Application === a.Name));
+                    for (const a of appsToAdd) {
+                        const ae = yield md.GetEntityObject('Application Entities');
+                        ae.NewRecord();
+                        ae.Sequence = 1000; // default value, isn't used anywhere 
+                        ae.ApplicationName = a.Name;
+                        ae.Set('Application', a.Name); // use weak typing to get around the readonly property
+                        ae.SavedApplicationName = a.Name; // stash this in an extra property so we can later set it if we have a delete operation
+                        ae.EntityID = this.EntityID;
+                        ae.SavedEntityID = this.EntityID; // stash this in an extra property so we can later set it if we have a delete operation
+                        ae.Set('Entity', this.EntityRecord.Name); // use weak typing to get around the readonly property
+                        existing.push(ae);
+                    }
+                    // finally sort the array
+                    this.rows = existing.sort((a, b) => a.Application.localeCompare(b.Application));
+                }
+            }
+            else {
+                throw new Error("Error loading application entities: " + result.ErrorMessage);
+            }
+            this.isLoading = false;
+        });
+    }
+    save() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // iterate through each permisison and for the ones that are dirty, add to transaction group then commit at once
+            const md = new Metadata();
+            const tg = yield md.CreateTransactionGroup();
+            let itemCount = 0;
+            this.rows.forEach(r => {
+                if (this.IsReallyDirty(r)) {
+                    r.TransactionGroup = tg;
+                    itemCount++;
+                    // now, we have to determine if we are going to save the record or delete it
+                    // if ur.Selected === false and we are in the database, we need to delete
+                    // otherwise, we need to save
+                    if (r.Selected)
+                        r.Save();
+                    else
+                        r.Delete();
+                }
+            });
+            if (itemCount > 0) {
+                if (yield tg.Submit()) {
+                    // for any items in the above that were deleted, we would have had the ApplicationName/Application and Entity property wiped out so we need to go check to see if we have a null ID and if so, copy the values back in
+                    this.rows.forEach(r => {
+                        if (r.Application === null || r.ApplicationName === null) {
+                            r.Set('Application', r.SavedApplicationName); // get around the read-only property
+                            r.ApplicationName = r.SavedApplicationName;
+                        }
+                        if (r.Entity === null || r.EntityID === null) {
+                            r.EntityID = r.SavedEntityID; // get around the read-only property
+                            const e = md.Entities.find(ee => ee.ID === r.SavedEntityID);
+                            r.Set('Entity', e === null || e === void 0 ? void 0 : e.Name); // get around the read-only property
+                        }
+                    });
+                }
+            }
+        });
+    }
+    cancelEdit() {
+        if (this.NumDirty > 0) {
+            // go through and revert each permission that is REALLY dirty
+            this.rows.forEach(r => {
+                if (this.IsReallyDirty(r)) {
+                    r.Selected = !r.Selected; // flip the state so we can revert
+                }
+            });
+        }
+    }
+    flipAll() {
+        // first, figure out what we have the majority of, if we have more ON, then we will flip to OFF, otherwise we will flip to ON
+        let onCount = 0;
+        let offCount = 0;
+        this.rows.forEach(r => {
+            if (r.Selected)
+                onCount++;
+            else
+                offCount++;
+        });
+        const value = offCount > onCount;
+        // now set the permission for each permission record
+        for (const r of this.rows) {
+            r.Selected = value;
+            this.flipState(undefined, r, false); // call this function but tell it to NOT actually flip the permission, just to fire the event
+        }
+    }
+    get NumDirty() {
+        return this.rows.filter(r => this.IsReallyDirty(r)).length;
+    }
+    IsReallyDirty(ae) {
+        // logic is simple, if we are in the database, but the checkbox is not checked (or vice versa), then we are dirty
+        if (ae.Selected && ae.ID > 0)
+            return false; // if we are in the database and the checkbox is checked, we are not dirty
+        else if (!ae.Selected && ae.ID > 0)
+            return true; // if we are in the database and the checkbox is not checked, we are dirty because we'd have to be removed
+        else if (ae.Selected)
+            return true; // if we are NOT in the database and the checkbox is checked, we are dirty because we'd have to be added
+        else
+            return false;
+    }
+    flipState($event, ur, flipState) {
+        if (flipState)
+            ur.Selected = !ur.Selected;
+        else if ($event)
+            $event.stopPropagation();
+    }
+}
+ApplicationEntitiesGridComponent.ɵfac = function ApplicationEntitiesGridComponent_Factory(t) { return new (t || ApplicationEntitiesGridComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
+ApplicationEntitiesGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ApplicationEntitiesGridComponent, selectors: [["mj-application-entities-grid"]], inputs: { ApplicationName: "ApplicationName", EntityID: "EntityID", Mode: "Mode", ApplicationRecord: "ApplicationRecord", EntityRecord: "EntityRecord" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], ["class", "content", 4, "ngIf"], [1, "content"], ["kendoButton", "", 3, "disabled", "click"], ["class", "grid", 4, "ngIf"], [1, "grid"], [3, "click"], [4, "ngFor", "ngForOf"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "ngModelChange", "click"]], template: function ApplicationEntitiesGridComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, ApplicationEntitiesGridComponent_div_0_Template, 2, 0, "div", 0)(1, ApplicationEntitiesGridComponent_div_1_Template, 6, 3, "div", 1);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.isLoading);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", !ctx.isLoading);
+    } }, dependencies: [i2.NgForOf, i2.NgIf, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, i4.ButtonComponent, i5.LoaderComponent], styles: ["button[_ngcontent-%COMP%] {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    width: 125px;\r\n}\r\n\r\n\n\r\n.grid[_ngcontent-%COMP%] {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    border-collapse: collapse;\r\n}\r\n\r\n\n\r\n.grid[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\r\n    background-color: #f2f2f2;\r\n    color: black;\r\n    font-weight: bold;\r\n    text-align: center;\r\n    border: 1px solid gray;\r\n    padding: 0 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n\n\r\n.grid[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\r\n    border: 1px solid gray;\r\n    height: 36px;\r\n    text-align: center;\r\n    padding: 0 8px;\r\n}\r\n\r\n\n\r\n.grid[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:first-child, .grid[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {\r\n    min-width: 150px;\r\n    text-align: left;\r\n}\r\n\r\n\n\r\n.grid[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]:not(:first-child), .grid[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:not(:first-child) {\r\n    width: 100px;\r\n}\r\n\r\n\n\r\n.grid[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(odd) {\r\n    background-color: white;\r\n}\r\n\r\n.grid[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:nth-child(even) {\r\n    background-color: #e7f4ff;\r\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApplicationEntitiesGridComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-application-entities-grid', template: "<div *ngIf=\"isLoading\"><kendo-loader></kendo-loader></div>\r\n<div class=\"content\" *ngIf=\"!isLoading\">\r\n    <button [disabled]=\"NumDirty === 0\" kendoButton (click)=\"save()\">Save</button>\r\n    <button [disabled]=\"NumDirty === 0\" kendoButton (click)=\"cancelEdit()\">Cancel</button>\r\n    <table *ngIf=\"!isLoading\" class=\"grid\">\r\n        <thead>\r\n            <tr>\r\n                <th *ngIf=\"Mode === 'Applications'\">Entity</th>\r\n                <th *ngIf=\"Mode === 'Entities'\">Application</th>\r\n                <th (click)=\"flipAll()\">In Application</th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <tr *ngFor=\"let r of rows\">\r\n                <td *ngIf=\"Mode === 'Applications'\">{{ r.Entity }}</td>\r\n                <td *ngIf=\"Mode === 'Entities'\">{{ r.Application }}</td>\r\n                <td (click)=\"flipState($event, r, true)\">\r\n                    <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"r.Selected\" (click)=\"flipState($event, r, false)\">\r\n                </td>\r\n            </tr>\r\n        </tbody>\r\n    </table>            \r\n</div>", styles: ["button {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    width: 125px;\r\n}\r\n\r\n/* Styles for the table with the 'grid' class */\r\n.grid {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    border-collapse: collapse;\r\n}\r\n\r\n/* Styles for th elements within the table with the 'grid' class */\r\n.grid th {\r\n    background-color: #f2f2f2;\r\n    color: black;\r\n    font-weight: bold;\r\n    text-align: center;\r\n    border: 1px solid gray;\r\n    padding: 0 8px;\r\n    cursor: pointer;\r\n}\r\n\r\n/* Styles for td elements within the table with the 'grid' class */\r\n.grid td {\r\n    border: 1px solid gray;\r\n    height: 36px;\r\n    text-align: center;\r\n    padding: 0 8px;\r\n}\r\n\r\n/* Styles for the first child th and td within the table with the 'grid' class */\r\n.grid th:first-child,\r\n.grid td:first-child {\r\n    min-width: 150px;\r\n    text-align: left;\r\n}\r\n\r\n/* Styles for non-first-child th and td elements within the table with the 'grid' class */\r\n.grid th:not(:first-child),\r\n.grid td:not(:first-child) {\r\n    width: 100px;\r\n}\r\n\r\n/* Alternating row background colors for the table with the 'grid' class */\r\n.grid tr:nth-child(odd) {\r\n    background-color: white;\r\n}\r\n\r\n.grid tr:nth-child(even) {\r\n    background-color: #e7f4ff;\r\n}\r\n\r\n"] }]
+    }], () => [{ type: i1.Router }], { ApplicationName: [{
+            type: Input
+        }], EntityID: [{
+            type: Input
+        }], Mode: [{
+            type: Input
+        }], ApplicationRecord: [{
+            type: Input
+        }], EntityRecord: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ApplicationEntitiesGridComponent, { className: "ApplicationEntitiesGridComponent", filePath: "src\\lib\\application-entities-grid\\application-entities-grid.component.ts", lineNumber: 45 }); })();

package/dist/lib/entity-form-dialog/entity-form-dialog.component.d.ts

@@ -0,0 +1,33 @@
+import { ViewContainerRef, EventEmitter } from '@angular/core';
+import { BaseEntity } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+export declare class EntityFormDialog {
+    /**
+     * The title of the dialog
+     */
+    Title: string;
+    ShowSaveButton: boolean;
+    ShowCancelButton: boolean;
+    Width: number;
+    Height: number;
+    Mode: 'complete' | 'section';
+    SectionName: string;
+    Record: BaseEntity | null;
+    /**
+     * If true, when the user clicks the Save button, the Record will be saved. Only applicable if ShowSaveButton is true.
+     */
+    HandleSave: boolean;
+    /**
+     * If true, when the user clicks the Cancel button, the Record will be reverted to its original state. Only applicable if ShowCancelButton is true.
+     */
+    AutoRevertOnCancel: boolean;
+    close: EventEmitter<'Save' | 'Cancel'>;
+    private _visible;
+    set Visible(val: boolean);
+    get Visible(): boolean;
+    container: ViewContainerRef;
+    showForm(): void;
+    closeWindow(status: 'Save' | 'Cancel'): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityFormDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityFormDialog, "mj-entity-form-dialog", never, { "Title": { "alias": "Title"; "required": false; }; "ShowSaveButton": { "alias": "ShowSaveButton"; "required": false; }; "ShowCancelButton": { "alias": "ShowCancelButton"; "required": false; }; "Width": { "alias": "Width"; "required": false; }; "Height": { "alias": "Height"; "required": false; }; "Mode": { "alias": "Mode"; "required": false; }; "SectionName": { "alias": "SectionName"; "required": false; }; "Record": { "alias": "Record"; "required": false; }; "HandleSave": { "alias": "HandleSave"; "required": false; }; "AutoRevertOnCancel": { "alias": "AutoRevertOnCancel"; "required": false; }; "Visible": { "alias": "Visible"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+}

package/dist/lib/entity-form-dialog/entity-form-dialog.component.js

@@ -0,0 +1,183 @@
+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, Output, ViewChild, ViewContainerRef, EventEmitter } from '@angular/core';
+import { SharedService } from '@memberjunction/ng-shared';
+import { MJGlobal } from '@memberjunction/global';
+import { BaseFormComponent, BaseFormSectionComponent } from '@memberjunction/ng-base-forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-dialog";
+import * as i3 from "@progress/kendo-angular-buttons";
+const _c0 = ["dynamicFormContainer"];
+function EntityFormDialog_kendo_dialog_0_ng_template_1_Template(rf, ctx) { }
+function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r6.closeWindow("Save")); });
+    i0.ɵɵtext(1, "Save");
+    i0.ɵɵelementEnd();
+} }
+function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r8.closeWindow("Cancel")); });
+    i0.ɵɵtext(1, "Cancel");
+    i0.ɵɵelementEnd();
+} }
+function EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-dialog-actions");
+    i0.ɵɵtemplate(1, EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_1_Template, 2, 0, "button", 4)(2, EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_button_2_Template, 2, 0, "button", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r3.ShowSaveButton);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r3.ShowCancelButton);
+} }
+function EntityFormDialog_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function EntityFormDialog_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.closeWindow("Cancel")); });
+    i0.ɵɵtemplate(1, EntityFormDialog_kendo_dialog_0_ng_template_1_Template, 0, 0, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(3, EntityFormDialog_kendo_dialog_0_kendo_dialog_actions_3_Template, 3, 2, "kendo-dialog-actions", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r0.Title)("width", ctx_r0.Width)("height", ctx_r0.Height);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r0.ShowSaveButton || ctx_r0.ShowCancelButton);
+} }
+export class EntityFormDialog {
+    constructor() {
+        /**
+         * The title of the dialog
+         */
+        this.Title = '';
+        this.ShowSaveButton = true;
+        this.ShowCancelButton = true;
+        this.Width = 800;
+        this.Height = 600;
+        this.Mode = 'complete';
+        this.SectionName = '';
+        this.Record = null;
+        /**
+         * If true, when the user clicks the Save button, the Record will be saved. Only applicable if ShowSaveButton is true.
+         */
+        this.HandleSave = true;
+        /**
+         * If true, when the user clicks the Cancel button, the Record will be reverted to its original state. Only applicable if ShowCancelButton is true.
+         */
+        this.AutoRevertOnCancel = true;
+        this.close = new EventEmitter();
+        this._visible = false;
+    }
+    set Visible(val) {
+        this._visible = val;
+        if (val) {
+            Promise.resolve().then(() => {
+                // At this point, the DOM should be updated, and `this.container` should be available.
+                this.showForm();
+            });
+        }
+    }
+    get Visible() {
+        return this._visible;
+    }
+    showForm() {
+        var _a, _b;
+        if (!this.container)
+            throw new Error('Container not found');
+        if (!this.Record)
+            throw new Error('Record is a required property');
+        // Ensure the container is clear before inserting a new component
+        this.container.clear();
+        // here we want to grab the right type of object to instantiate based on the settings either mode of complete or section
+        // if section, we grab a sub-class of BaseFormSectionComponent, if complete, we grab a sub-class of the BaseForComponent class
+        let reg;
+        if (this.Mode === 'complete') {
+            reg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormComponent, (_a = this.Record) === null || _a === void 0 ? void 0 : _a.EntityInfo.Name);
+        }
+        else {
+            reg = MJGlobal.Instance.ClassFactory.GetRegistration(BaseFormSectionComponent, ((_b = this.Record) === null || _b === void 0 ? void 0 : _b.EntityInfo.Name) + '.' + this.SectionName);
+        }
+        if (reg && reg.SubClass) {
+            // we have our class registration
+            const component = this.container.createComponent(reg.SubClass);
+            if (this.Record && component.instance instanceof BaseFormSectionComponent) {
+                component.instance.record = this.Record;
+                component.instance.EditMode = true;
+            }
+            else if (this.Record && component.instance instanceof BaseFormComponent) {
+                component.instance.record = this.Record;
+                component.instance.EditMode = true;
+            }
+        }
+    }
+    closeWindow(status) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.Visible = false;
+            if (this.Record) {
+                if (this.HandleSave && status === 'Save') {
+                    if (!(yield this.Record.Save())) {
+                        SharedService.Instance.CreateSimpleNotification(`Error saving ${this.Record.EntityInfo.Name} record, rolling back changes`, 'error');
+                        this.Record.Revert();
+                    }
+                }
+                if (this.AutoRevertOnCancel && status === 'Cancel') {
+                    this.Record.Revert();
+                }
+            }
+            this.close.emit(status);
+        });
+    }
+}
+EntityFormDialog.ɵfac = function EntityFormDialog_Factory(t) { return new (t || EntityFormDialog)(); };
+EntityFormDialog.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFormDialog, selectors: [["mj-entity-form-dialog"]], viewQuery: function EntityFormDialog_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+    } }, inputs: { Title: "Title", ShowSaveButton: "ShowSaveButton", ShowCancelButton: "ShowCancelButton", Width: "Width", Height: "Height", Mode: "Mode", SectionName: "SectionName", Record: "Record", HandleSave: "HandleSave", AutoRevertOnCancel: "AutoRevertOnCancel", Visible: "Visible" }, outputs: { close: "close" }, decls: 1, vars: 1, consts: [[3, "title", "width", "height", "close", 4, "ngIf"], [3, "title", "width", "height", "close"], ["dynamicFormContainer", ""], [4, "ngIf"], ["kendoButton", "", "themeColor", "primary", 3, "click", 4, "ngIf"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"]], template: function EntityFormDialog_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, EntityFormDialog_kendo_dialog_0_Template, 4, 4, "kendo-dialog", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.Visible);
+    } }, dependencies: [i1.NgIf, i2.DialogComponent, i2.DialogActionsComponent, i3.ButtonComponent] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityFormDialog, [{
+        type: Component,
+        args: [{ selector: 'mj-entity-form-dialog', template: "<kendo-dialog *ngIf=\"Visible\" \r\n        [title]=\"Title\" \r\n        [width]=\"Width\"\r\n        [height]=\"Height\"\r\n        (close)=\"closeWindow('Cancel')\" >\r\n    <ng-template #dynamicFormContainer></ng-template>\r\n    <kendo-dialog-actions *ngIf=\"ShowSaveButton || ShowCancelButton\">\r\n        <button *ngIf=\"ShowSaveButton\" kendoButton (click)=\"closeWindow('Save')\"  themeColor=\"primary\">Save</button>\r\n        <button *ngIf=\"ShowCancelButton\" kendoButton (click)=\"closeWindow('Cancel')\">Cancel</button>\r\n    </kendo-dialog-actions>\r\n</kendo-dialog>" }]
+    }], null, { Title: [{
+            type: Input
+        }], ShowSaveButton: [{
+            type: Input
+        }], ShowCancelButton: [{
+            type: Input
+        }], Width: [{
+            type: Input
+        }], Height: [{
+            type: Input
+        }], Mode: [{
+            type: Input
+        }], SectionName: [{
+            type: Input
+        }], Record: [{
+            type: Input
+        }], HandleSave: [{
+            type: Input
+        }], AutoRevertOnCancel: [{
+            type: Input
+        }], close: [{
+            type: Output
+        }], Visible: [{
+            type: Input
+        }], container: [{
+            type: ViewChild,
+            args: ['dynamicFormContainer', { read: ViewContainerRef }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFormDialog, { className: "EntityFormDialog", filePath: "src\\lib\\entity-form-dialog\\entity-form-dialog.component.ts", lineNumber: 15 }); })();

package/dist/lib/entity-form-window/entity-form-window.component.d.ts

@@ -0,0 +1,17 @@
+import { ViewContainerRef, EventEmitter } from '@angular/core';
+import { BaseEntity } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+export declare class EntityFormWindow {
+    Mode: 'complete' | 'section';
+    SectionName: string;
+    Record: BaseEntity | null;
+    close: EventEmitter<void>;
+    private _visible;
+    set Visible(val: boolean);
+    get Visible(): boolean;
+    container: ViewContainerRef;
+    showForm(): void;
+    closeWindow(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityFormWindow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityFormWindow, "mj-entity-form-window", never, { "Mode": { "alias": "Mode"; "required": false; }; "SectionName": { "alias": "SectionName"; "required": false; }; "Record": { "alias": "Record"; "required": false; }; "Visible": { "alias": "Visible"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
+}