@memberjunction/ng-explorer-settings 1.0.6 → 1.0.7

package/dist/lib/roles-list/roles-list.component.js

@@ -1,201 +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 } from '@angular/core';
-import { Metadata, RunView } from '@memberjunction/core';
-import { SharedService, kendoSVGIcon } from '@memberjunction/ng-shared';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-import * as i3 from "@progress/kendo-angular-dialog";
-import * as i4 from "@memberjunction/ng-container-directives";
-import * as i5 from "@progress/kendo-angular-buttons";
-import * as i6 from "@progress/kendo-angular-icons";
-import * as i7 from "@memberjunction/ng-entity-form-dialog";
-import * as i8 from "@progress/kendo-angular-indicators";
-function RolesListComponent_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "kendo-loader");
-    i0.ɵɵelementEnd();
-} }
-function RolesListComponent_table_4_tr_8_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 9);
-    i0.ɵɵlistener("click", function RolesListComponent_table_4_tr_8_Template_tr_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r7); const r_r5 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.selectRole(undefined, r_r5)); });
-    i0.ɵɵelementStart(1, "td")(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span")(5, "kendo-svgicon", 10);
-    i0.ɵɵlistener("click", function RolesListComponent_table_4_tr_8_Template_kendo_svgicon_click_5_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r7); const r_r5 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r8.deleteRole($event, r_r5)); });
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "td")(7, "span");
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const r_r5 = ctx.$implicit;
-    const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(r_r5.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", ctx_r4.kendoSVGIcon("trash"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(r_r5.Description);
-} }
-function RolesListComponent_table_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 7)(1, "thead")(2, "tr")(3, "th");
-    i0.ɵɵtext(4, "Role");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "th");
-    i0.ɵɵtext(6, "Description");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(7, "tbody");
-    i0.ɵɵtemplate(8, RolesListComponent_table_4_tr_8_Template, 9, 3, "tr", 8);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(8);
-    i0.ɵɵproperty("ngForOf", ctx_r1.roles);
-} }
-function RolesListComponent_kendo_dialog_7_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 11);
-    i0.ɵɵlistener("close", function RolesListComponent_kendo_dialog_7_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.closeDeleteRoleDialog("No")); });
-    i0.ɵɵelementStart(1, "div");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 12);
-    i0.ɵɵlistener("click", function RolesListComponent_kendo_dialog_7_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.closeDeleteRoleDialog("Yes")); });
-    i0.ɵɵtext(5, "Yes");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 1);
-    i0.ɵɵlistener("click", function RolesListComponent_kendo_dialog_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r10); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.closeDeleteRoleDialog("No")); });
-    i0.ɵɵtext(7, "No");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("width", 300)("height", 200);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Are you sure you want to delete the role '", ctx_r3.deleteRoleRecord.Name, "'? ");
-} }
-export class RolesListComponent {
-    constructor(router) {
-        this.router = router;
-        this.isLoading = false;
-        this.roles = [];
-        this.kendoSVGIcon = kendoSVGIcon;
-        this.deleteRoleDialogVisible = false;
-        this.showNewRoleForm = false;
-    }
-    ngOnInit() {
-        this.Refresh();
-    }
-    Refresh() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const startTime = new Date().getTime();
-            this.isLoading = true;
-            const md = new Metadata();
-            const rv = new RunView();
-            const result = yield rv.RunView({
-                EntityName: 'Roles',
-                ResultType: 'entity_object'
-            });
-            if (result.Success) {
-                this.roles = result.Results;
-                this.roles.sort((a, b) => a.Name.localeCompare(b.Name));
-            }
-            else {
-                throw new Error("Error loading roles: " + result.ErrorMessage);
-            }
-            this.isLoading = false;
-        });
-    }
-    selectRole(event, r) {
-        if (event)
-            event.stopPropagation(); // prevent row from getting click
-        // change the route to point to the /settings/role/{r.Name} route
-        this.router.navigate(['/settings/role', r.Name]);
-    }
-    deleteRole(event, r) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // confirm with the user first
-            this.deleteRoleRecord = r;
-            this.deleteRoleDialogVisible = true;
-            event.stopPropagation(); // prevent row from getting click
-        });
-    }
-    closeDeleteRoleDialog(result) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // if the user confirms, delete the role
-            this.deleteRoleDialogVisible = false;
-            if (result === 'Yes') {
-                if (!(yield this.deleteRoleRecord.Delete())) {
-                    // show an error message
-                    SharedService.Instance.CreateSimpleNotification('Error deleting role', 'error', 3000);
-                }
-                else
-                    this.Refresh(); // refresh the list
-            }
-            this.deleteRoleRecord = null;
-        });
-    }
-    createNewRole() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // attempt to create a new role and if success, navigate to the new role
-            const md = new Metadata();
-            this.newRoleRecord = yield md.GetEntityObject('Roles');
-            if (this.newRoleRecord) {
-                this.newRoleRecord.NewRecord();
-                this.showNewRoleForm = true;
-            }
-        });
-    }
-    onNewRoleFormClosed(result) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.showNewRoleForm = false;
-            if (result === 'Save') {
-                // the dialog already saved the record, just check to make sure it was saved and if so, navigate
-                if (this.newRoleRecord.ID) {
-                    const md = new Metadata();
-                    // force a refresh since we have a new role
-                    SharedService.Instance.CreateSimpleNotification('Role created successfully, refreshing metadata...', 'info', 3000);
-                    this.router.navigate(['/settings/role', this.newRoleRecord.Name]);
-                }
-                else
-                    throw new Error('New role record was not saved');
-            }
-        });
-    }
-}
-RolesListComponent.ɵfac = function RolesListComponent_Factory(t) { return new (t || RolesListComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
-RolesListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RolesListComponent, selectors: [["mj-roles-list"]], decls: 8, vars: 9, consts: [["mjFillContainer", "", 1, "wrapper"], ["kendoButton", "", 3, "click"], [4, "ngIf"], ["class", "grid", 4, "ngIf"], ["SectionName", "details", "Mode", "section", 3, "Record", "Visible", "AutoRevertOnCancel", "HandleSave", "Width", "Height", "close"], ["entityForm", ""], ["title", "Delete Role?", 3, "width", "height", "close", 4, "ngIf"], [1, "grid"], [3, "click", 4, "ngFor", "ngForOf"], [3, "click"], [1, "icon", 3, "icon", "click"], ["title", "Delete Role?", 3, "width", "height", "close"], ["kendoButton", "", "themeColor", "primary", 3, "click"]], template: function RolesListComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
-        i0.ɵɵlistener("click", function RolesListComponent_Template_button_click_1_listener() { return ctx.createNewRole(); });
-        i0.ɵɵtext(2, "New Role");
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(3, RolesListComponent_div_3_Template, 2, 0, "div", 2)(4, RolesListComponent_table_4_Template, 9, 1, "table", 3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "mj-entity-form-dialog", 4, 5);
-        i0.ɵɵlistener("close", function RolesListComponent_Template_mj_entity_form_dialog_close_5_listener($event) { return ctx.onNewRoleFormClosed($event); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(7, RolesListComponent_kendo_dialog_7_Template, 8, 3, "kendo-dialog", 6);
-    } if (rf & 2) {
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("ngIf", ctx.isLoading);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("ngIf", !ctx.isLoading);
-        i0.ɵɵadvance();
-        i0.ɵɵproperty("Record", ctx.newRoleRecord)("Visible", ctx.showNewRoleForm)("AutoRevertOnCancel", true)("HandleSave", true)("Width", 550)("Height", 450);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", ctx.deleteRoleDialogVisible && ctx.deleteRoleRecord);
-    } }, dependencies: [i2.NgForOf, i2.NgIf, i3.DialogComponent, i3.DialogActionsComponent, i4.FillContainer, i5.ButtonComponent, i6.SVGIconComponent, i7.EntityFormDialog, i8.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.wrapper[_ngcontent-%COMP%] {\r\n    padding-right: 10px;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] {\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    margin-right: 5px;\r\n    border-collapse: collapse; \n\r\n    width: 100%;\r\n}\r\n \r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\r\n    background-color: #f2f2f2; \n\r\n    color: black; \n\r\n    font-weight: bold; \n\r\n    text-align: left;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\r\n    height: 36px; \n\r\n    padding: 0 8px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child {\r\n    display: flex; \n\r\n    justify-content: space-between; \n\r\n    align-items: center; \n\r\n    padding-right: 8px; \n\r\n}\r\n\r\n\n\r\ntd[_ngcontent-%COMP%]:first-child   span[_ngcontent-%COMP%]:first-child {\r\n    border: none; \n\r\n}\r\n\r\n\n\r\ntd[_ngcontent-%COMP%]:first-child   span[_ngcontent-%COMP%]:last-child {\r\n    border: none; \n\r\n}\r\n\r\n\n\r\ntd[_ngcontent-%COMP%]:first-child   .icon[_ngcontent-%COMP%] {\r\n    margin-left: 10px; \n\r\n    cursor: pointer; \n\r\n}\r\n\r\ntable[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\r\n    cursor: pointer;\r\n}\r\n\r\ntable[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\r\n    background-color: #e7f4ff; \n\r\n}"] });
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RolesListComponent, [{
-        type: Component,
-        args: [{ selector: 'mj-roles-list', template: "<div mjFillContainer class=\"wrapper\">\r\n    <button kendoButton (click)=\"createNewRole()\">New Role</button>\r\n    <div *ngIf=\"isLoading\"><kendo-loader></kendo-loader></div>\r\n    <table *ngIf=\"!isLoading\" class=\"grid\">\r\n        <thead>\r\n            <tr>\r\n            <th>Role</th>\r\n            <th>Description</th>\r\n            </tr>\r\n        </thead>\r\n        <tbody>\r\n            <tr *ngFor=\"let r of roles\" (click)=\"selectRole(undefined, r)\">\r\n                <td>\r\n                    <span>{{ r.Name }}</span>  \r\n                    <span>\r\n                        <!-- <kendo-svgicon class='icon' [icon]=\"kendoSVGIcon('pencil')\" (click)=\"selectRole($event, r)\"></kendo-svgicon> -->\r\n                        <kendo-svgicon class='icon' [icon]=\"kendoSVGIcon('trash')\" (click)=\"deleteRole($event, r)\"></kendo-svgicon>\r\n                    </span>\r\n                </td>\r\n                <td><span>{{ r.Description }}</span></td>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n \r\n<mj-entity-form-dialog #entityForm \r\n    [Record]=\"newRoleRecord\" \r\n    SectionName=\"details\" \r\n    Mode=\"section\" \r\n    [Visible]=\"showNewRoleForm\" \r\n    [AutoRevertOnCancel]=\"true\"\r\n    [HandleSave]=\"true\"\r\n    [Width]=\"550\"\r\n    [Height]=\"450\"\r\n    (close)=\"onNewRoleFormClosed($event)\">\r\n</mj-entity-form-dialog>\r\n\r\n<kendo-dialog\r\n        *ngIf=\"deleteRoleDialogVisible && deleteRoleRecord\" \r\n        title=\"Delete Role?\" \r\n        [width]=\"300\"\r\n        [height]=\"200\"\r\n        (close)=\"closeDeleteRoleDialog('No')\" >\r\n    <div>\r\n        Are you sure you want to delete the role '{{deleteRoleRecord.Name}}'?\r\n    </div>\r\n    <kendo-dialog-actions>\r\n        <button kendoButton (click)=\"closeDeleteRoleDialog('Yes')\"  themeColor=\"primary\">Yes</button>\r\n        <button kendoButton (click)=\"closeDeleteRoleDialog('No')\">No</button>\r\n    </kendo-dialog-actions>\r\n</kendo-dialog>", styles: ["button {\r\n    margin-left: 5px;\r\n    margin-top: 5px;\r\n    width: 125px;\r\n}\r\n\r\n.wrapper {\r\n    padding-right: 10px;\r\n}\r\n\r\n/* Style for the whole table */\r\ntable {\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    margin-right: 5px;\r\n    border-collapse: collapse; /* Ensures border collapse for a cleaner look */\r\n    width: 100%;\r\n}\r\n \r\ntable th {\r\n    background-color: #f2f2f2; /* Light gray background for headers */\r\n    color: black; /* Black text color for headers */\r\n    font-weight: bold; /* Bold font weight for headers */\r\n    text-align: left;\r\n}\r\n\r\n/* Style for all table cells */\r\ntable th, table td {\r\n    height: 36px; /* Fixed height for all rows */\r\n    padding: 0 8px; /* Add some padding inside cells */\r\n}\r\n\r\n/* Style for the first column cells */\r\ntable td:first-child {\r\n    display: flex; /* Make the cell a flex container */\r\n    justify-content: space-between; /* Space out the text and icons */\r\n    align-items: center; /* Center items vertically */\r\n    padding-right: 8px; /* Ensure there is some padding on the right */\r\n}\r\n\r\n/* Style for the text span within the first column */\r\ntd:first-child span:first-child {\r\n    border: none; /* Ensures no border is applied to the span */\r\n}\r\n\r\n/* Style for the icons container span within the first column */\r\ntd:first-child span:last-child {\r\n    border: none; /* Ensures no border is applied to the span */\r\n}\r\n\r\n/* Style for the icons within the first column */\r\ntd:first-child .icon {\r\n    margin-left: 10px; /* Space between icons if needed */\r\n    cursor: pointer; /* Change cursor to pointer on hover */\r\n}\r\n\r\ntable tr {\r\n    cursor: pointer;\r\n}\r\n\r\ntable tr:hover {\r\n    background-color: #e7f4ff; /* Light blue for even rows */\r\n}\r\n "] }]
-    }], () => [{ type: i1.Router }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RolesListComponent, { className: "RolesListComponent", filePath: "src\\lib\\roles-list\\roles-list.component.ts", lineNumber: 15 }); })();