@memberjunction/ng-explorer-settings 1.6.1 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/settings/settings.component.js +26 -28
- package/package.json +13 -13
|
@@ -7,15 +7,14 @@ import * as i2 from "@angular/common";
|
|
|
7
7
|
import * as i3 from "@memberjunction/ng-container-directives";
|
|
8
8
|
import * as i4 from "@memberjunction/ng-entity-permissions";
|
|
9
9
|
import * as i5 from "@memberjunction/ng-simple-record-list";
|
|
10
|
-
import * as i6 from "
|
|
11
|
-
import * as i7 from "../single-
|
|
12
|
-
import * as i8 from "../single-
|
|
13
|
-
import * as i9 from "../single-application/single-application.component";
|
|
10
|
+
import * as i6 from "../single-role/single-role.component";
|
|
11
|
+
import * as i7 from "../single-user/single-user.component";
|
|
12
|
+
import * as i8 from "../single-application/single-application.component";
|
|
14
13
|
const _c0 = () => ["Name", "Email", "IsActive", "Type"];
|
|
15
14
|
const _c1 = () => ["Name", "Description"];
|
|
16
15
|
function SettingsComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
17
16
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
18
|
-
i0.ɵɵelementStart(0, "div",
|
|
17
|
+
i0.ɵɵelementStart(0, "div", 10);
|
|
19
18
|
i0.ɵɵlistener("click", function SettingsComponent_div_2_Template_div_click_0_listener() { const o_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectItem(o_r2.value)); });
|
|
20
19
|
i0.ɵɵtext(1);
|
|
21
20
|
i0.ɵɵelementEnd();
|
|
@@ -26,47 +25,47 @@ function SettingsComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
26
25
|
i0.ɵɵadvance();
|
|
27
26
|
i0.ɵɵtextInterpolate(o_r2.label);
|
|
28
27
|
} }
|
|
29
|
-
function
|
|
28
|
+
function SettingsComponent_Case_4_Template(rf, ctx) { if (rf & 1) {
|
|
30
29
|
i0.ɵɵelement(0, "mj-entity-permissions-selector-with-grid");
|
|
31
30
|
} }
|
|
32
|
-
function
|
|
31
|
+
function SettingsComponent_Case_5_Template(rf, ctx) { if (rf & 1) {
|
|
33
32
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
34
|
-
i0.ɵɵelementStart(0, "mj-simple-record-list",
|
|
35
|
-
i0.ɵɵlistener("RecordSelected", function
|
|
33
|
+
i0.ɵɵelementStart(0, "mj-simple-record-list", 11);
|
|
34
|
+
i0.ɵɵlistener("RecordSelected", function SettingsComponent_Case_5_Template_mj_simple_record_list_RecordSelected_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectUser($event)); });
|
|
36
35
|
i0.ɵɵelementEnd();
|
|
37
36
|
} if (rf & 2) {
|
|
38
37
|
i0.ɵɵproperty("Columns", i0.ɵɵpureFunction0(1, _c0));
|
|
39
38
|
} }
|
|
40
|
-
function
|
|
41
|
-
i0.ɵɵelement(0, "mj-single-user",
|
|
39
|
+
function SettingsComponent_Case_6_Template(rf, ctx) { if (rf & 1) {
|
|
40
|
+
i0.ɵɵelement(0, "mj-single-user", 5);
|
|
42
41
|
} if (rf & 2) {
|
|
43
42
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
44
43
|
i0.ɵɵproperty("UserID", ctx_r2.selectedUserID);
|
|
45
44
|
} }
|
|
46
|
-
function
|
|
45
|
+
function SettingsComponent_Case_7_Template(rf, ctx) { if (rf & 1) {
|
|
47
46
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
48
|
-
i0.ɵɵelementStart(0, "mj-simple-record-list",
|
|
49
|
-
i0.ɵɵlistener("RecordSelected", function
|
|
47
|
+
i0.ɵɵelementStart(0, "mj-simple-record-list", 12);
|
|
48
|
+
i0.ɵɵlistener("RecordSelected", function SettingsComponent_Case_7_Template_mj_simple_record_list_RecordSelected_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectRole($event)); });
|
|
50
49
|
i0.ɵɵelementEnd();
|
|
51
50
|
} if (rf & 2) {
|
|
52
51
|
i0.ɵɵproperty("Columns", i0.ɵɵpureFunction0(1, _c1));
|
|
53
52
|
} }
|
|
54
|
-
function
|
|
55
|
-
i0.ɵɵelement(0, "mj-single-role",
|
|
53
|
+
function SettingsComponent_Case_8_Template(rf, ctx) { if (rf & 1) {
|
|
54
|
+
i0.ɵɵelement(0, "mj-single-role", 7);
|
|
56
55
|
} if (rf & 2) {
|
|
57
56
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
58
57
|
i0.ɵɵproperty("RoleName", ctx_r2.selectedRoleName);
|
|
59
58
|
} }
|
|
60
|
-
function
|
|
59
|
+
function SettingsComponent_Case_9_Template(rf, ctx) { if (rf & 1) {
|
|
61
60
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
62
|
-
i0.ɵɵelementStart(0, "mj-simple-record-list",
|
|
63
|
-
i0.ɵɵlistener("RecordSelected", function
|
|
61
|
+
i0.ɵɵelementStart(0, "mj-simple-record-list", 13);
|
|
62
|
+
i0.ɵɵlistener("RecordSelected", function SettingsComponent_Case_9_Template_mj_simple_record_list_RecordSelected_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectApplication($event)); });
|
|
64
63
|
i0.ɵɵelementEnd();
|
|
65
64
|
} if (rf & 2) {
|
|
66
65
|
i0.ɵɵproperty("Columns", i0.ɵɵpureFunction0(1, _c1));
|
|
67
66
|
} }
|
|
68
|
-
function
|
|
69
|
-
i0.ɵɵelement(0, "mj-single-application",
|
|
67
|
+
function SettingsComponent_Case_10_Template(rf, ctx) { if (rf & 1) {
|
|
68
|
+
i0.ɵɵelement(0, "mj-single-application", 9);
|
|
70
69
|
} if (rf & 2) {
|
|
71
70
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
72
71
|
i0.ɵɵproperty("ApplicationName", ctx_r2.selectedApplicationName);
|
|
@@ -172,13 +171,12 @@ export class SettingsComponent {
|
|
|
172
171
|
}
|
|
173
172
|
}
|
|
174
173
|
SettingsComponent.ɵfac = function SettingsComponent_Factory(t) { return new (t || SettingsComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute)); };
|
|
175
|
-
SettingsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsComponent, selectors: [["mj-settings"]], decls:
|
|
174
|
+
SettingsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsComponent, selectors: [["mj-settings"]], decls: 11, vars: 6, consts: [["mjFillContainer", "", 1, "container", 3, "bottomMargin", "rightMargin"], ["mjFillContainer", "", 1, "options-container", 3, "fillWidth"], ["class", "option-item", 3, "selected", "click", 4, "ngFor", "ngForOf"], ["mjFillContainer", "", 1, "display-container", 3, "fillWidth"], ["EntityName", "Users", "SortBy", "Name", 3, "Columns"], [3, "UserID"], ["EntityName", "Roles", "SortBy", "Name", 3, "Columns"], ["mjFillContainer", "", 3, "RoleName"], ["EntityName", "Applications", "SortBy", "Name", 3, "Columns"], [3, "ApplicationName"], [1, "option-item", 3, "click"], ["EntityName", "Users", "SortBy", "Name", 3, "RecordSelected", "Columns"], ["EntityName", "Roles", "SortBy", "Name", 3, "RecordSelected", "Columns"], ["EntityName", "Applications", "SortBy", "Name", 3, "RecordSelected", "Columns"]], template: function SettingsComponent_Template(rf, ctx) { if (rf & 1) {
|
|
176
175
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
|
|
177
176
|
i0.ɵɵtemplate(2, SettingsComponent_div_2_Template, 2, 3, "div", 2);
|
|
178
177
|
i0.ɵɵelementEnd();
|
|
179
178
|
i0.ɵɵelementStart(3, "div", 3);
|
|
180
|
-
i0.ɵɵ
|
|
181
|
-
i0.ɵɵtemplate(5, SettingsComponent_Case_5_Template, 1, 0, "mj-entity-permissions-selector-with-grid")(6, SettingsComponent_Case_6_Template, 1, 2, "mj-simple-record-list", 5)(7, SettingsComponent_Case_7_Template, 1, 1, "mj-single-user", 6)(8, SettingsComponent_Case_8_Template, 1, 2, "mj-simple-record-list", 7)(9, SettingsComponent_Case_9_Template, 1, 1, "mj-single-role", 8)(10, SettingsComponent_Case_10_Template, 1, 2, "mj-simple-record-list", 9)(11, SettingsComponent_Case_11_Template, 1, 1, "mj-single-application", 10);
|
|
179
|
+
i0.ɵɵtemplate(4, SettingsComponent_Case_4_Template, 1, 0, "mj-entity-permissions-selector-with-grid")(5, SettingsComponent_Case_5_Template, 1, 2, "mj-simple-record-list", 4)(6, SettingsComponent_Case_6_Template, 1, 1, "mj-single-user", 5)(7, SettingsComponent_Case_7_Template, 1, 2, "mj-simple-record-list", 6)(8, SettingsComponent_Case_8_Template, 1, 1, "mj-single-role", 7)(9, SettingsComponent_Case_9_Template, 1, 2, "mj-simple-record-list", 8)(10, SettingsComponent_Case_10_Template, 1, 1, "mj-single-application", 9);
|
|
182
180
|
i0.ɵɵelementEnd()();
|
|
183
181
|
} if (rf & 2) {
|
|
184
182
|
let tmp_5_0;
|
|
@@ -189,11 +187,11 @@ SettingsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SettingsC
|
|
|
189
187
|
i0.ɵɵproperty("ngForOf", ctx.options);
|
|
190
188
|
i0.ɵɵadvance();
|
|
191
189
|
i0.ɵɵproperty("fillWidth", false);
|
|
192
|
-
i0.ɵɵadvance(
|
|
193
|
-
i0.ɵɵconditional((tmp_5_0 = ctx.currentItem) === "EntityPermissions" ?
|
|
194
|
-
} }, dependencies: [i2.NgForOf, i3.FillContainer, i4.EntityPermissionsSelectorWithGridComponent, i5.SimpleRecordListComponent, i6.
|
|
190
|
+
i0.ɵɵadvance();
|
|
191
|
+
i0.ɵɵconditional((tmp_5_0 = ctx.currentItem) === "EntityPermissions" ? 4 : tmp_5_0 === "Users" ? 5 : tmp_5_0 === "User" ? 6 : tmp_5_0 === "Roles" ? 7 : tmp_5_0 === "Role" ? 8 : tmp_5_0 === "Applications" ? 9 : tmp_5_0 === "Application" ? 10 : -1);
|
|
192
|
+
} }, dependencies: [i2.NgForOf, i3.FillContainer, i4.EntityPermissionsSelectorWithGridComponent, i5.SimpleRecordListComponent, i6.SingleRoleComponent, i7.SingleUserComponent, i8.SingleApplicationComponent], styles: [".container[_ngcontent-%COMP%] {\n display: block;\n width: 100%;\n overflow: hidden; \n}\n\n.options-container[_ngcontent-%COMP%] {\n float: left; \n\n width: 150px; \n\n flex: 0 0 150px;\n padding: 10px;\n border-right: solid 1px lightgray;\n box-sizing: border-box; \n\n}\n\n.option-item[_ngcontent-%COMP%] {\n cursor: pointer;\n margin-bottom: 10px; \n\n padding: 5px 10px; \n\n border-radius: 4px; \n\n}\n\n.display-container[_ngcontent-%COMP%] {\n display: block; \n\n margin-left: 160px; \n\n padding: 10px;\n box-sizing: border-box; \n\n}\n\n.selected[_ngcontent-%COMP%] {\n background-color: #007bff; \n\n color: white; \n\n padding: 5px 10px; \n\n border-radius: 4px; \n\n}"] });
|
|
195
193
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SettingsComponent, [{
|
|
196
194
|
type: Component,
|
|
197
|
-
args: [{ selector: 'mj-settings', template: "<div class=\"container\" mjFillContainer [bottomMargin]=\"5\" [rightMargin]=\"0\">\n <!-- Options container -->\n <div class=\"options-container\" mjFillContainer [fillWidth]=\"false\">\n <div *ngFor=\"let o of options\"\n class=\"option-item\"\n [class.selected]=\"leftNavItemSelected(o)\"\n (click)=\"selectItem(o.value)\"\n >{{o.label}}</div>\n </div>\n\n <!-- Display container -->\n <div class=\"display-container\" mjFillContainer [fillWidth]=\"false\">\n <mj-join-grid\n RowsEntityName=\"Entities\"\n RowsEntityDisplayField=\"Name\"\n RowsEntityDataSource=\"FullEntity\"\n RowsExtraFilter=\"SchemaName <> '__mj' AND (Name like 'a%' or Name like 'p%')\"\n RowsOrderBy=\"Name\"\n ColumnsEntityName=\"Actions\"\n ColumnsEntityDisplayField=\"Name\"\n ColumnsEntityDataSource= \"FullEntity\"\n ColumnsMode=\"Entity\"\n ColumnsExtraFilter=\"Name like 'v%' or Name like 'd%' or Name like 'test%'\"\n ColumnsOrderBy=\"Name\"\n JoinEntityName=\"Entity Actions\"\n JoinEntityRowForeignKey=\"EntityID\"\n JoinEntityColumnForeignKey=\"ActionID\"\n CheckBoxValueMode=\"RecordExists\"\n \n style=\"height: 750px; width: 800px;\"\n >\n
|
|
195
|
+
args: [{ selector: 'mj-settings', template: "<div class=\"container\" mjFillContainer [bottomMargin]=\"5\" [rightMargin]=\"0\">\n <!-- Options container -->\n <div class=\"options-container\" mjFillContainer [fillWidth]=\"false\">\n <div *ngFor=\"let o of options\"\n class=\"option-item\"\n [class.selected]=\"leftNavItemSelected(o)\"\n (click)=\"selectItem(o.value)\"\n >{{o.label}}</div>\n </div>\n\n <!-- Display container -->\n <div class=\"display-container\" mjFillContainer [fillWidth]=\"false\">\n <!-- <mj-join-grid\n RowsEntityName=\"Entities\"\n RowsEntityDisplayField=\"Name\"\n RowsEntityDataSource=\"FullEntity\"\n RowsExtraFilter=\"SchemaName <> '__mj' AND (Name like 'a%' or Name like 'p%')\"\n RowsOrderBy=\"Name\"\n ColumnsEntityName=\"Actions\"\n ColumnsEntityDisplayField=\"Name\"\n ColumnsEntityDataSource= \"FullEntity\"\n ColumnsMode=\"Entity\"\n ColumnsExtraFilter=\"Name like 'v%' or Name like 'd%' or Name like 'test%'\"\n ColumnsOrderBy=\"Name\"\n JoinEntityName=\"Entity Actions\"\n JoinEntityRowForeignKey=\"EntityID\"\n JoinEntityColumnForeignKey=\"ActionID\"\n CheckBoxValueMode=\"RecordExists\"\n \n style=\"height: 750px; width: 800px;\"\n >\n\n </mj-join-grid> -->\n @switch (currentItem) {\n @case ('EntityPermissions') {\n <mj-entity-permissions-selector-with-grid></mj-entity-permissions-selector-with-grid>\n }\n @case ('Users') {\n <mj-simple-record-list\n EntityName=\"Users\"\n SortBy=\"Name\"\n [Columns]=\"['Name', 'Email', 'IsActive', 'Type']\"\n (RecordSelected)=\"selectUser($event)\"\n ></mj-simple-record-list>\n }\n @case ('User') {\n <mj-single-user [UserID]=\"selectedUserID\"></mj-single-user>\n }\n @case ('Roles') {\n <mj-simple-record-list\n EntityName=\"Roles\"\n SortBy=\"Name\"\n [Columns]=\"['Name', 'Description']\"\n (RecordSelected)=\"selectRole($event)\"\n ></mj-simple-record-list>\n }\n @case ('Role') {\n <mj-single-role [RoleName]=\"selectedRoleName\" mjFillContainer></mj-single-role>\n }\n @case ('Applications') {\n <mj-simple-record-list\n EntityName=\"Applications\"\n SortBy=\"Name\"\n [Columns]=\"['Name', 'Description']\"\n (RecordSelected)=\"selectApplication($event)\"\n ></mj-simple-record-list>\n }\n @case ('Application') {\n <mj-single-application [ApplicationName]=\"selectedApplicationName\"></mj-single-application>\n }\n }\n </div>\n</div>", styles: [".container {\n display: block;\n width: 100%;\n overflow: hidden; \n}\n\n.options-container {\n float: left; /* Float to the left */\n width: 150px; /* Fixed width as specified */\n flex: 0 0 150px;\n padding: 10px;\n border-right: solid 1px lightgray;\n box-sizing: border-box; /* Ensures padding is included in the width */\n}\n\n.option-item {\n cursor: pointer;\n margin-bottom: 10px; /* Adds space between the options for better readability */\n padding: 5px 10px; /* Optional: Adds some padding for a better visual appearance */\n border-radius: 4px; /* Optional: Adds rounded corners for a more polished look */\n}\n\n.display-container {\n display: block; /* Ensures it's treated as a block-level element */\n margin-left: 160px; /* Width of the options-container plus its padding */\n padding: 10px;\n box-sizing: border-box; /* Ensures padding doesn't add to the width */\n}\n\n.selected {\n background-color: #007bff; /* A blue background for selected item */\n color: white; /* White text color for better contrast */\n padding: 5px 10px; /* Optional: Adds some padding for a better visual appearance */\n border-radius: 4px; /* Optional: Adds rounded corners for a more polished look */\n}\n"] }]
|
|
198
196
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }], null); })();
|
|
199
197
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SettingsComponent, { className: "SettingsComponent", filePath: "src/lib/settings/settings.component.ts", lineNumber: 22 }); })();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-explorer-settings",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.0",
|
|
4
4
|
"description": "MemberJunction: Reusable Angular components for the settings section of the MJ Explorer App",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -25,18 +25,18 @@
|
|
|
25
25
|
"@angular/router": "18.0.2"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@memberjunction/core-entities": "1.
|
|
29
|
-
"@memberjunction/global": "1.
|
|
30
|
-
"@memberjunction/core": "1.
|
|
31
|
-
"@memberjunction/ng-container-directives": "1.
|
|
32
|
-
"@memberjunction/ng-shared": "1.
|
|
33
|
-
"@memberjunction/ng-entity-permissions": "1.
|
|
34
|
-
"@memberjunction/ng-base-forms": "1.
|
|
35
|
-
"@memberjunction/ng-entity-form-dialog": "1.
|
|
36
|
-
"@memberjunction/ng-user-view-grid": "1.
|
|
37
|
-
"@memberjunction/ng-simple-record-list": "1.
|
|
38
|
-
"@memberjunction/ng-tabstrip": "1.
|
|
39
|
-
"@memberjunction/ng-join-grid": "1.
|
|
28
|
+
"@memberjunction/core-entities": "1.7.0",
|
|
29
|
+
"@memberjunction/global": "1.7.0",
|
|
30
|
+
"@memberjunction/core": "1.7.0",
|
|
31
|
+
"@memberjunction/ng-container-directives": "1.7.0",
|
|
32
|
+
"@memberjunction/ng-shared": "1.7.0",
|
|
33
|
+
"@memberjunction/ng-entity-permissions": "1.7.0",
|
|
34
|
+
"@memberjunction/ng-base-forms": "1.7.0",
|
|
35
|
+
"@memberjunction/ng-entity-form-dialog": "1.7.0",
|
|
36
|
+
"@memberjunction/ng-user-view-grid": "1.7.0",
|
|
37
|
+
"@memberjunction/ng-simple-record-list": "1.7.0",
|
|
38
|
+
"@memberjunction/ng-tabstrip": "1.7.0",
|
|
39
|
+
"@memberjunction/ng-join-grid": "1.7.0",
|
|
40
40
|
"@progress/kendo-angular-dropdowns": "16.2.0",
|
|
41
41
|
"@progress/kendo-angular-grid": "16.2.0",
|
|
42
42
|
"@progress/kendo-angular-buttons": "16.2.0",
|