@memberjunction/ng-explorer-core 2.6.0 → 2.6.1
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.
|
@@ -4,7 +4,7 @@ import { ListEntity } from '@memberjunction/core-entities';
|
|
|
4
4
|
import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
|
|
5
5
|
import { SharedService } from '@memberjunction/ng-shared';
|
|
6
6
|
import { Item } from '../../generic/Item.types';
|
|
7
|
-
import { BeforeAddItemEvent, BeforeUpdateItemEvent } from '../../generic/Events.types';
|
|
7
|
+
import { BeforeAddItemEvent, BeforeUpdateItemEvent, DropdownOptionClickEvent } from '../../generic/Events.types';
|
|
8
8
|
import { EntityInfo } from '@memberjunction/core';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
export declare class ListViewComponent extends BaseBrowserComponent implements OnInit {
|
|
@@ -18,6 +18,7 @@ export declare class ListViewComponent extends BaseBrowserComponent implements O
|
|
|
18
18
|
entities: EntityInfo[];
|
|
19
19
|
sourceEntityNames: string[];
|
|
20
20
|
entityNames: string[];
|
|
21
|
+
dropdownItems: Record<'text', string>[];
|
|
21
22
|
listName: string;
|
|
22
23
|
listDescription: string;
|
|
23
24
|
selectedEntity: EntityInfo | null;
|
|
@@ -30,6 +31,7 @@ export declare class ListViewComponent extends BaseBrowserComponent implements O
|
|
|
30
31
|
createList(): Promise<void>;
|
|
31
32
|
onFilterChange(value: string): void;
|
|
32
33
|
onSelectionChange(value: string): void;
|
|
34
|
+
onDropdownOptionClick(option: DropdownOptionClickEvent): void;
|
|
33
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<ListViewComponent, never>;
|
|
34
36
|
static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "mj-list-view", never, {}, {}, never, never, false, never>;
|
|
35
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-view.component.d.ts","sourceRoot":"","sources":["../../../src/lib/list-view/list-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAA2B,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"list-view.component.d.ts","sourceRoot":"","sources":["../../../src/lib/list-view/list-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAA2B,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjH,OAAO,EAAc,UAAU,EAAY,MAAM,sBAAsB,CAAC;;AAGxE,qBAMa,iBAAkB,SAAQ,oBAAqB,YAAW,MAAM;IAgB5D,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAflF,UAAU,EAAE,OAAO,CAAS;IAC5B,gBAAgB,EAAE,OAAO,CAAS;IAClC,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,gBAAgB,EAAE,OAAO,CAAS;IAClC,QAAQ,EAAE,UAAU,EAAE,CAAM;IAC5B,iBAAiB,EAAE,MAAM,EAAE,CAAM;IACjC,WAAW,EAAE,MAAM,EAAE,CAAM;IAC3B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAoB;IAI3D,QAAQ,EAAE,MAAM,CAAM;IACtB,eAAe,EAAE,MAAM,CAAM;IAC7B,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;gBAE3B,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAclG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAexB,SAAS,CAAC,IAAI,EAAE,IAAI;IAYpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAE3D,oBAAoB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI;IAMrD,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAUjC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA2BjC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAInC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAItC,qBAAqB,CAAC,MAAM,EAAE,wBAAwB,GAAG,IAAI;yCA9G3D,iBAAiB;2CAAjB,iBAAiB;CAmH7B"}
|
|
@@ -35,18 +35,18 @@ function ListViewComponent_kendo_dialog_1_Conditional_1_Template(rf, ctx) { if (
|
|
|
35
35
|
} }
|
|
36
36
|
function ListViewComponent_kendo_dialog_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
37
37
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
38
|
-
i0.ɵɵelementStart(0, "div", 4)(1, "kendo-label",
|
|
39
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
40
|
-
i0.ɵɵelementEnd()();
|
|
41
|
-
i0.ɵɵelementStart(3, "div", 10)(4, "kendo-label", 11)(5, "kendo-textarea", 12);
|
|
42
|
-
i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.listDescription, $event) || (ctx_r1.listDescription = $event); return i0.ɵɵresetView($event); });
|
|
38
|
+
i0.ɵɵelementStart(0, "div", 4)(1, "div", 8)(2, "kendo-label", 9)(3, "kendo-textbox", 10);
|
|
39
|
+
i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.listName, $event) || (ctx_r1.listName = $event); return i0.ɵɵresetView($event); });
|
|
43
40
|
i0.ɵɵelementEnd()()();
|
|
44
|
-
i0.ɵɵelementStart(
|
|
45
|
-
i0.ɵɵ
|
|
41
|
+
i0.ɵɵelementStart(4, "div", 8)(5, "kendo-label", 11)(6, "kendo-textarea", 12);
|
|
42
|
+
i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textarea_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.listDescription, $event) || (ctx_r1.listDescription = $event); return i0.ɵɵresetView($event); });
|
|
43
|
+
i0.ɵɵelementEnd()()();
|
|
44
|
+
i0.ɵɵelementStart(7, "div", 8)(8, "kendo-label", 13)(9, "kendo-dropdownlist", 14);
|
|
45
|
+
i0.ɵɵlistener("filterChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_dropdownlist_filterChange_9_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFilterChange($event)); })("selectionChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_dropdownlist_selectionChange_9_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
|
|
46
46
|
i0.ɵɵelementEnd()()()();
|
|
47
47
|
} if (rf & 2) {
|
|
48
48
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
49
|
-
i0.ɵɵadvance(
|
|
49
|
+
i0.ɵɵadvance(3);
|
|
50
50
|
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.listName);
|
|
51
51
|
i0.ɵɵadvance(3);
|
|
52
52
|
i0.ɵɵproperty("rows", 3);
|
|
@@ -58,7 +58,7 @@ function ListViewComponent_kendo_dialog_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
58
58
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
59
59
|
i0.ɵɵelementStart(0, "kendo-dialog", 2);
|
|
60
60
|
i0.ɵɵlistener("close", function ListViewComponent_kendo_dialog_1_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleCreateDialog(false)); });
|
|
61
|
-
i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_1_Conditional_1_Template, 1, 0, "kendo-loader", 3)(2, ListViewComponent_kendo_dialog_1_Conditional_2_Template,
|
|
61
|
+
i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_1_Conditional_1_Template, 1, 0, "kendo-loader", 3)(2, ListViewComponent_kendo_dialog_1_Conditional_2_Template, 10, 5, "div", 4);
|
|
62
62
|
i0.ɵɵelementStart(3, "kendo-dialog-actions", 5)(4, "button", 6);
|
|
63
63
|
i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createList()); });
|
|
64
64
|
i0.ɵɵtext(5, " Create ");
|
|
@@ -91,6 +91,7 @@ let ListViewComponent = class ListViewComponent extends BaseBrowserComponent {
|
|
|
91
91
|
this.entities = [];
|
|
92
92
|
this.sourceEntityNames = [];
|
|
93
93
|
this.entityNames = [];
|
|
94
|
+
this.dropdownItems = [{ text: "List" }];
|
|
94
95
|
//create dialog properties
|
|
95
96
|
this.listName = "";
|
|
96
97
|
this.listDescription = "";
|
|
@@ -178,24 +179,29 @@ let ListViewComponent = class ListViewComponent extends BaseBrowserComponent {
|
|
|
178
179
|
onSelectionChange(value) {
|
|
179
180
|
this.selectedEntity = this.entities.find(e => `${e.SchemaName}.${e.Name}` === value) || null;
|
|
180
181
|
}
|
|
182
|
+
onDropdownOptionClick(option) {
|
|
183
|
+
if (option.Text === "Create List") {
|
|
184
|
+
this.toggleCreateDialog(true);
|
|
185
|
+
}
|
|
186
|
+
}
|
|
181
187
|
};
|
|
182
188
|
ListViewComponent.ɵfac = function ListViewComponent_Factory(t) { return new (t || ListViewComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
|
|
183
|
-
ListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListViewComponent, selectors: [["mj-list-view"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars:
|
|
189
|
+
ListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListViewComponent, selectors: [["mj-list-view"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 5, consts: [["title", "Lists", "itemType", "list", "iconName", "graph", "addText", "Create New List", "ItemEntityName", "Lists", "CategoryEntityName", "List Categories", "resourceName", "List", 3, "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent", "BeforeAddItemEvent", "dropdownOptionClickEvent", "items", "extraDropdownOptions", "selectedFolderID", "showLoader"], ["title", "Create New List", 3, "minWidth", "width", "height", "close", 4, "ngIf"], ["title", "Create New List", 3, "close", "minWidth", "width", "height"], ["type", "converging-spinner"], [1, "col-xs-12", "col-sm-6", "example-col"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click", "disabled"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "click", "disabled"], [1, "margin-bottom-20"], ["text", "Name"], ["placeholder", "Enter List Name", 1, "margin-top-10", 3, "ngModelChange", "ngModel"], ["text", "Description"], ["placeholder", "Enter Description", "resizable", "vertical", 1, "margin-top-10", 3, "ngModelChange", "rows", "ngModel"], ["text", "Select an Entity"], [1, "margin-top-10", 3, "filterChange", "selectionChange", "data", "filterable"]], template: function ListViewComponent_Template(rf, ctx) { if (rf & 1) {
|
|
184
190
|
i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
|
|
185
|
-
i0.ɵɵlistener("itemClickEvent", function ListViewComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function ListViewComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ListViewComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ListViewComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ListViewComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function ListViewComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function ListViewComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); })("BeforeAddItemEvent", function ListViewComponent_Template_app_generic_browser_list_BeforeAddItemEvent_0_listener($event) { return ctx.onBeforeAddItemEvent($event); });
|
|
191
|
+
i0.ɵɵlistener("itemClickEvent", function ListViewComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function ListViewComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ListViewComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ListViewComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ListViewComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function ListViewComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function ListViewComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); })("BeforeAddItemEvent", function ListViewComponent_Template_app_generic_browser_list_BeforeAddItemEvent_0_listener($event) { return ctx.onBeforeAddItemEvent($event); })("dropdownOptionClickEvent", function ListViewComponent_Template_app_generic_browser_list_dropdownOptionClickEvent_0_listener($event) { return ctx.onDropdownOptionClick($event); });
|
|
186
192
|
i0.ɵɵelementEnd();
|
|
187
193
|
i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_1_Template, 8, 6, "kendo-dialog", 1);
|
|
188
194
|
} if (rf & 2) {
|
|
189
|
-
i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader);
|
|
195
|
+
i0.ɵɵproperty("items", ctx.items)("extraDropdownOptions", ctx.dropdownItems)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader);
|
|
190
196
|
i0.ɵɵadvance();
|
|
191
197
|
i0.ɵɵproperty("ngIf", ctx.showCreateDialog);
|
|
192
|
-
} }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i8.TextAreaComponent, i8.TextBoxComponent, i9.LabelComponent, i10.DropDownListComponent, i11.GenericBrowserListComponent], styles: [".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
|
|
198
|
+
} }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i8.TextAreaComponent, i8.TextBoxComponent, i9.LabelComponent, i10.DropDownListComponent, i11.GenericBrowserListComponent], styles: [".margin-bottom-20[_ngcontent-%COMP%] {\n margin-bottom: 20px;\n}\n\n.margin-top-10[_ngcontent-%COMP%] {\n margin-top: 10px;\n}", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
|
|
193
199
|
ListViewComponent = __decorate([
|
|
194
200
|
RegisterClass(BaseNavigationComponent, 'Lists')
|
|
195
201
|
], ListViewComponent);
|
|
196
202
|
export { ListViewComponent };
|
|
197
203
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListViewComponent, [{
|
|
198
204
|
type: Component,
|
|
199
|
-
args: [{ selector: 'mj-list-view', template: "<app-generic-browser-list \ntitle=\"Lists\"\nitemType=\"list\"\niconName=\"graph\" \n[items]=\"items\"\naddText=\"Create New List\"\nItemEntityName=\"Lists\"\nCategoryEntityName=\"List Categories\" \nresourceName = \"List\"\n(itemClickEvent)=\"itemClick($event)\"\n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n(BeforeAddItemEvent)=\"onBeforeAddItemEvent($event)\"\n/>\n<kendo-dialog\ntitle=\"Create New List\"\n*ngIf=\"showCreateDialog\"\n(close)=\"toggleCreateDialog(false)\"\n[minWidth]=\"250\"\n[width]=\"650\"\n[height]=\"550\"\n>\n @if(showCreateLoader){\n <kendo-loader type=\"converging-spinner\"></kendo-loader>\n }\n @else {\n <div class=\"col-xs-12 col-sm-6 example-col\">\n <kendo-label text=\"Name\">\n
|
|
205
|
+
args: [{ selector: 'mj-list-view', template: "<app-generic-browser-list \ntitle=\"Lists\"\nitemType=\"list\"\niconName=\"graph\" \n[items]=\"items\"\n[extraDropdownOptions]=\"dropdownItems\"\naddText=\"Create New List\"\nItemEntityName=\"Lists\"\nCategoryEntityName=\"List Categories\" \nresourceName = \"List\"\n(itemClickEvent)=\"itemClick($event)\"\n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n(BeforeAddItemEvent)=\"onBeforeAddItemEvent($event)\"\n(dropdownOptionClickEvent)=\"onDropdownOptionClick($event)\"\n/>\n<kendo-dialog\ntitle=\"Create New List\"\n*ngIf=\"showCreateDialog\"\n(close)=\"toggleCreateDialog(false)\"\n[minWidth]=\"250\"\n[width]=\"650\"\n[height]=\"550\"\n>\n @if(showCreateLoader){\n <kendo-loader type=\"converging-spinner\"></kendo-loader>\n }\n @else {\n <div class=\"col-xs-12 col-sm-6 example-col\">\n <div class=\"margin-bottom-20\">\n <kendo-label text=\"Name\">\n <kendo-textbox \n class=\"margin-top-10\"\n placeholder=\"Enter List Name\" \n [(ngModel)]=\"listName\">\n </kendo-textbox>\n </kendo-label>\n </div>\n <div class=\"margin-bottom-20\">\n <kendo-label text=\"Description\">\n <kendo-textarea\n class=\"margin-top-10\"\n placeholder=\"Enter Description\"\n [rows]=\"3\"\n resizable=\"vertical\"\n [(ngModel)]=\"listDescription\"\n ></kendo-textarea>\n </kendo-label>\n </div>\n <div class=\"margin-bottom-20\">\n <kendo-label text=\"Select an Entity\">\n <kendo-dropdownlist \n class=\"margin-top-10\"\n [data]=\"entityNames\"\n [filterable]=\"true\"\n (filterChange)=\"onFilterChange($event)\"\n (selectionChange)=\"onSelectionChange($event)\"\n />\n </kendo-label>\n </div>\n </div>\n }\n <kendo-dialog-actions class=\"popup-actions-btn\">\n <button class=\"cancel-btn\" (click)=\"createList()\" [disabled]=\"!listName || !selectedEntity || showCreateLoader\" kendoButton themeColor=\"info\">\n Create\n </button>\n <button class=\"yes-btn\" (click)=\"toggleCreateDialog(false)\" [disabled]=\"showCreateLoader\" kendoButton fillMode=\"outline\" themeColor=\"info\">\n Cancel\n </button>\n </kendo-dialog-actions>\n</kendo-dialog>", styles: [".margin-bottom-20 {\n margin-bottom: 20px;\n}\n\n.margin-top-10 {\n margin-top: 10px;\n}", "\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
|
|
200
206
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
|
|
201
207
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListViewComponent, { className: "ListViewComponent", filePath: "src/lib/list-view/list-view.component.ts", lineNumber: 17 }); })();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-explorer-core",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.1",
|
|
4
4
|
"description": "MemberJunction Explorer: Core Angular Components",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -26,26 +26,26 @@
|
|
|
26
26
|
"@angular/router": "18.0.2"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@memberjunction/global": "2.6.
|
|
30
|
-
"@memberjunction/core": "2.6.
|
|
31
|
-
"@memberjunction/entity-communications-client": "2.6.
|
|
32
|
-
"@memberjunction/communication-types": "2.6.
|
|
33
|
-
"@memberjunction/templates-base-types": "2.6.
|
|
34
|
-
"@memberjunction/ng-compare-records": "2.6.
|
|
35
|
-
"@memberjunction/ng-file-storage": "2.6.
|
|
36
|
-
"@memberjunction/ng-record-changes": "2.6.
|
|
37
|
-
"@memberjunction/ng-container-directives": "2.6.
|
|
38
|
-
"@memberjunction/ng-user-view-grid": "2.6.
|
|
39
|
-
"@memberjunction/ng-query-grid": "2.6.
|
|
40
|
-
"@memberjunction/ng-user-view-properties": "2.6.
|
|
41
|
-
"@memberjunction/ng-shared": "2.6.
|
|
42
|
-
"@memberjunction/ng-tabstrip": "2.6.
|
|
43
|
-
"@memberjunction/ng-ask-skip": "2.6.
|
|
44
|
-
"@memberjunction/ng-auth-services": "2.6.
|
|
45
|
-
"@memberjunction/ng-explorer-settings": "2.6.
|
|
46
|
-
"@memberjunction/ng-base-forms": "2.6.
|
|
47
|
-
"@memberjunction/ng-entity-form-dialog": "2.6.
|
|
48
|
-
"@memberjunction/ng-record-selector": "2.6.
|
|
29
|
+
"@memberjunction/global": "2.6.1",
|
|
30
|
+
"@memberjunction/core": "2.6.1",
|
|
31
|
+
"@memberjunction/entity-communications-client": "2.6.1",
|
|
32
|
+
"@memberjunction/communication-types": "2.6.1",
|
|
33
|
+
"@memberjunction/templates-base-types": "2.6.1",
|
|
34
|
+
"@memberjunction/ng-compare-records": "2.6.1",
|
|
35
|
+
"@memberjunction/ng-file-storage": "2.6.1",
|
|
36
|
+
"@memberjunction/ng-record-changes": "2.6.1",
|
|
37
|
+
"@memberjunction/ng-container-directives": "2.6.1",
|
|
38
|
+
"@memberjunction/ng-user-view-grid": "2.6.1",
|
|
39
|
+
"@memberjunction/ng-query-grid": "2.6.1",
|
|
40
|
+
"@memberjunction/ng-user-view-properties": "2.6.1",
|
|
41
|
+
"@memberjunction/ng-shared": "2.6.1",
|
|
42
|
+
"@memberjunction/ng-tabstrip": "2.6.1",
|
|
43
|
+
"@memberjunction/ng-ask-skip": "2.6.1",
|
|
44
|
+
"@memberjunction/ng-auth-services": "2.6.1",
|
|
45
|
+
"@memberjunction/ng-explorer-settings": "2.6.1",
|
|
46
|
+
"@memberjunction/ng-base-forms": "2.6.1",
|
|
47
|
+
"@memberjunction/ng-entity-form-dialog": "2.6.1",
|
|
48
|
+
"@memberjunction/ng-record-selector": "2.6.1",
|
|
49
49
|
"@progress/kendo-angular-grid": "16.2.0",
|
|
50
50
|
"@progress/kendo-angular-buttons": "16.2.0",
|
|
51
51
|
"@progress/kendo-angular-listview": "16.2.0",
|