@memberjunction/ng-explorer-core 1.0.8-next.3 → 1.0.8-next.5
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.
|
@@ -15,9 +15,10 @@ import * as i0 from "@angular/core";
|
|
|
15
15
|
import * as i1 from "@angular/router";
|
|
16
16
|
import * as i2 from "@memberjunction/ng-shared";
|
|
17
17
|
const _c0 = ["dashboardNameInput"];
|
|
18
|
+
const _forTrack0 = ($index, $item) => $item.uniqueId;
|
|
18
19
|
function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (rf & 1) {
|
|
19
20
|
const _r11 = i0.ɵɵgetCurrentView();
|
|
20
|
-
i0.ɵɵelementStart(0, "app-add-item-dialog",
|
|
21
|
+
i0.ɵɵelementStart(0, "app-add-item-dialog", 13);
|
|
21
22
|
i0.ɵɵlistener("onClose", function SingleDashboardComponent_app_add_item_dialog_0_Template_app_add_item_dialog_onClose_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.closeDialog($event)); });
|
|
22
23
|
i0.ɵɵelementEnd();
|
|
23
24
|
} if (rf & 2) {
|
|
@@ -26,7 +27,7 @@ function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (
|
|
|
26
27
|
} }
|
|
27
28
|
function SingleDashboardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
28
29
|
const _r13 = i0.ɵɵgetCurrentView();
|
|
29
|
-
i0.ɵɵelementStart(0, "div")(1, "app-edit-dashboard",
|
|
30
|
+
i0.ɵɵelementStart(0, "div")(1, "app-edit-dashboard", 14);
|
|
30
31
|
i0.ɵɵlistener("onClose", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_onClose_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.closeDashboardDialog($event)); })("triggerAddItem", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_triggerAddItem_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.addItem($event)); })("onSave", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_onSave_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.saveChanges($event)); });
|
|
31
32
|
i0.ɵɵelementEnd()();
|
|
32
33
|
} if (rf & 2) {
|
|
@@ -36,7 +37,7 @@ function SingleDashboardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
36
37
|
} }
|
|
37
38
|
function SingleDashboardComponent_app_delete_item_dialog_2_Template(rf, ctx) { if (rf & 1) {
|
|
38
39
|
const _r17 = i0.ɵɵgetCurrentView();
|
|
39
|
-
i0.ɵɵelementStart(0, "app-delete-item-dialog",
|
|
40
|
+
i0.ɵɵelementStart(0, "app-delete-item-dialog", 15);
|
|
40
41
|
i0.ɵɵlistener("removeDashboardItem", function SingleDashboardComponent_app_delete_item_dialog_2_Template_app_delete_item_dialog_removeDashboardItem_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.deleteDashboardItem($event)); })("onClose", function SingleDashboardComponent_app_delete_item_dialog_2_Template_app_delete_item_dialog_onClose_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.closeDeleteItemComponent()); });
|
|
41
42
|
i0.ɵɵelementEnd();
|
|
42
43
|
} if (rf & 2) {
|
|
@@ -45,22 +46,22 @@ function SingleDashboardComponent_app_delete_item_dialog_2_Template(rf, ctx) { i
|
|
|
45
46
|
} }
|
|
46
47
|
function SingleDashboardComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
47
48
|
const _r21 = i0.ɵɵgetCurrentView();
|
|
48
|
-
i0.ɵɵelementStart(0, "div", 8)(1, "input",
|
|
49
|
+
i0.ɵɵelementStart(0, "div", 8)(1, "input", 16, 17);
|
|
49
50
|
i0.ɵɵlistener("keydown.enter", function SingleDashboardComponent_div_6_Template_input_keydown_enter_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.saveDashboardName()); });
|
|
50
51
|
i0.ɵɵelementEnd();
|
|
51
|
-
i0.ɵɵelementStart(3, "kendo-button",
|
|
52
|
+
i0.ɵɵelementStart(3, "kendo-button", 18);
|
|
52
53
|
i0.ɵɵlistener("click", function SingleDashboardComponent_div_6_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.saveDashboardName()); });
|
|
53
|
-
i0.ɵɵelement(4, "span",
|
|
54
|
+
i0.ɵɵelement(4, "span", 19);
|
|
54
55
|
i0.ɵɵelementEnd();
|
|
55
|
-
i0.ɵɵelementStart(5, "kendo-button",
|
|
56
|
+
i0.ɵɵelementStart(5, "kendo-button", 18);
|
|
56
57
|
i0.ɵɵlistener("click", function SingleDashboardComponent_div_6_Template_kendo_button_click_5_listener() { i0.ɵɵrestoreView(_r21); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.cancelNameChange()); });
|
|
57
|
-
i0.ɵɵelement(6, "span",
|
|
58
|
+
i0.ɵɵelement(6, "span", 20);
|
|
58
59
|
i0.ɵɵelementEnd()();
|
|
59
60
|
} }
|
|
60
61
|
function SingleDashboardComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
|
|
61
62
|
const _r25 = i0.ɵɵgetCurrentView();
|
|
62
|
-
i0.ɵɵelement(0, "span",
|
|
63
|
-
i0.ɵɵelementStart(1, "h3",
|
|
63
|
+
i0.ɵɵelement(0, "span", 21);
|
|
64
|
+
i0.ɵɵelementStart(1, "h3", 18);
|
|
64
65
|
i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_7_Template_h3_click_1_listener() { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.toggleInlineNameEdit(true)); });
|
|
65
66
|
i0.ɵɵtext(2);
|
|
66
67
|
i0.ɵɵelementEnd();
|
|
@@ -71,14 +72,14 @@ function SingleDashboardComponent_ng_template_7_Template(rf, ctx) { if (rf & 1)
|
|
|
71
72
|
} }
|
|
72
73
|
function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
|
|
73
74
|
const _r27 = i0.ɵɵgetCurrentView();
|
|
74
|
-
i0.ɵɵelementStart(0, "div")(1, "kendo-button",
|
|
75
|
+
i0.ɵɵelementStart(0, "div")(1, "kendo-button", 18);
|
|
75
76
|
i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.onClickSaveDashboard()); });
|
|
76
|
-
i0.ɵɵelement(2, "kendo-svgicon",
|
|
77
|
+
i0.ɵɵelement(2, "kendo-svgicon", 22);
|
|
77
78
|
i0.ɵɵtext(3, " Save ");
|
|
78
79
|
i0.ɵɵelementEnd();
|
|
79
|
-
i0.ɵɵelementStart(4, "kendo-button",
|
|
80
|
+
i0.ɵɵelementStart(4, "kendo-button", 18);
|
|
80
81
|
i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_4_listener() { i0.ɵɵrestoreView(_r27); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.onclickCancelChanges()); });
|
|
81
|
-
i0.ɵɵelement(5, "kendo-svgicon",
|
|
82
|
+
i0.ɵɵelement(5, "kendo-svgicon", 22);
|
|
82
83
|
i0.ɵɵtext(6, " Cancel ");
|
|
83
84
|
i0.ɵɵelementEnd()();
|
|
84
85
|
} if (rf & 2) {
|
|
@@ -90,14 +91,14 @@ function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
|
|
|
90
91
|
} }
|
|
91
92
|
function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
|
|
92
93
|
const _r30 = i0.ɵɵgetCurrentView();
|
|
93
|
-
i0.ɵɵelementStart(0, "kendo-button",
|
|
94
|
+
i0.ɵɵelementStart(0, "kendo-button", 18);
|
|
94
95
|
i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.addItem()); });
|
|
95
|
-
i0.ɵɵelement(1, "kendo-svgicon",
|
|
96
|
+
i0.ɵɵelement(1, "kendo-svgicon", 22);
|
|
96
97
|
i0.ɵɵtext(2, " Add Item ");
|
|
97
98
|
i0.ɵɵelementEnd();
|
|
98
|
-
i0.ɵɵelementStart(3, "kendo-button",
|
|
99
|
+
i0.ɵɵelementStart(3, "kendo-button", 18);
|
|
99
100
|
i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.toggleEditDashboard(true)); });
|
|
100
|
-
i0.ɵɵelement(4, "kendo-svgicon",
|
|
101
|
+
i0.ɵɵelement(4, "kendo-svgicon", 22);
|
|
101
102
|
i0.ɵɵtext(5, " Edit Dashboard ");
|
|
102
103
|
i0.ɵɵelementEnd();
|
|
103
104
|
} if (rf & 2) {
|
|
@@ -107,29 +108,29 @@ function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1)
|
|
|
107
108
|
i0.ɵɵadvance(3);
|
|
108
109
|
i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("gear"));
|
|
109
110
|
} }
|
|
110
|
-
function
|
|
111
|
-
const
|
|
112
|
-
i0.ɵɵelementStart(0, "div")(1, "div",
|
|
113
|
-
i0.ɵɵlistener("click", function
|
|
114
|
-
i0.ɵɵelement(3, "span",
|
|
111
|
+
function SingleDashboardComponent_For_16_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
112
|
+
const _r39 = i0.ɵɵgetCurrentView();
|
|
113
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 26)(2, "button", 27);
|
|
114
|
+
i0.ɵɵlistener("click", function SingleDashboardComponent_For_16_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r38.toggleEditDashboard(true)); });
|
|
115
|
+
i0.ɵɵelement(3, "span", 28);
|
|
115
116
|
i0.ɵɵelementEnd();
|
|
116
|
-
i0.ɵɵelementStart(4, "button",
|
|
117
|
-
i0.ɵɵlistener("click", function
|
|
118
|
-
i0.ɵɵelement(5, "span",
|
|
117
|
+
i0.ɵɵelementStart(4, "button", 27);
|
|
118
|
+
i0.ɵɵlistener("click", function SingleDashboardComponent_For_16_Conditional_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r39); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.showConfirmDeleteDashboardItem(item_r32)); });
|
|
119
|
+
i0.ɵɵelement(5, "span", 29);
|
|
119
120
|
i0.ɵɵelementEnd()()();
|
|
120
121
|
} }
|
|
121
122
|
const _c1 = a0 => [a0];
|
|
122
123
|
const _c2 = a1 => ["dashboard-item-header", a1];
|
|
123
|
-
function
|
|
124
|
-
const
|
|
125
|
-
i0.ɵɵelementStart(0, "kendo-tilelayout-item",
|
|
126
|
-
i0.ɵɵlistener("mouseenter", function
|
|
127
|
-
i0.ɵɵelementStart(1, "kendo-tilelayout-item-header",
|
|
124
|
+
function SingleDashboardComponent_For_16_Template(rf, ctx) { if (rf & 1) {
|
|
125
|
+
const _r43 = i0.ɵɵgetCurrentView();
|
|
126
|
+
i0.ɵɵelementStart(0, "kendo-tilelayout-item", 23);
|
|
127
|
+
i0.ɵɵlistener("mouseenter", function SingleDashboardComponent_For_16_Template_kendo_tilelayout_item_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.onMouseEnter($event)); })("mouseleave", function SingleDashboardComponent_For_16_Template_kendo_tilelayout_item_mouseleave_0_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r44 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r44.onMouseOut($event)); });
|
|
128
|
+
i0.ɵɵelementStart(1, "kendo-tilelayout-item-header", 24);
|
|
128
129
|
i0.ɵɵtext(2);
|
|
129
|
-
i0.ɵɵtemplate(3,
|
|
130
|
+
i0.ɵɵtemplate(3, SingleDashboardComponent_For_16_Conditional_3_Template, 6, 0, "div");
|
|
130
131
|
i0.ɵɵelementEnd();
|
|
131
|
-
i0.ɵɵelementStart(4, "kendo-tilelayout-item-body",
|
|
132
|
-
i0.ɵɵlistener("ContentLoadingStarted", function
|
|
132
|
+
i0.ɵɵelementStart(4, "kendo-tilelayout-item-body", 24)(5, "mj-resource", 25);
|
|
133
|
+
i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_For_16_Template_mj_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r45 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r45.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_For_16_Template_mj_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r46 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r46.loadingComplete($event)); });
|
|
133
134
|
i0.ɵɵelementEnd()()();
|
|
134
135
|
} if (rf & 2) {
|
|
135
136
|
const item_r32 = ctx.$implicit;
|
|
@@ -140,7 +141,7 @@ function SingleDashboardComponent_kendo_tilelayout_item_15_Template(rf, ctx) { i
|
|
|
140
141
|
i0.ɵɵadvance();
|
|
141
142
|
i0.ɵɵtextInterpolate1(" ", item_r32.title, " ");
|
|
142
143
|
i0.ɵɵadvance();
|
|
143
|
-
i0.ɵɵ
|
|
144
|
+
i0.ɵɵconditional(3, !ctx_r9.isEditingDashboard ? 3 : -1);
|
|
144
145
|
i0.ɵɵadvance();
|
|
145
146
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c1, ctx_r9.getIsEditingItemBodyStyle()));
|
|
146
147
|
i0.ɵɵadvance();
|
|
@@ -425,7 +426,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
|
|
|
425
426
|
} if (rf & 2) {
|
|
426
427
|
let _t;
|
|
427
428
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardNameInput = _t.first);
|
|
428
|
-
} }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls:
|
|
429
|
+
} }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 17, vars: 11, consts: [[3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], ["dashboardNameInput", ""], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [3, "icon"], [3, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-trash"], [3, "ngClass", "col", "colSpan", "rowSpan", "id"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
429
430
|
i0.ɵɵtemplate(0, SingleDashboardComponent_app_add_item_dialog_0_Template, 1, 1, "app-add-item-dialog", 0)(1, SingleDashboardComponent_div_1_Template, 2, 2, "div", 1)(2, SingleDashboardComponent_app_delete_item_dialog_2_Template, 1, 1, "app-delete-item-dialog", 2);
|
|
430
431
|
i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
|
|
431
432
|
i0.ɵɵtemplate(6, SingleDashboardComponent_div_6_Template, 7, 0, "div", 6)(7, SingleDashboardComponent_ng_template_7_Template, 3, 1, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
|
|
@@ -435,7 +436,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
|
|
|
435
436
|
i0.ɵɵelementEnd()();
|
|
436
437
|
i0.ɵɵelementStart(13, "div", 11)(14, "kendo-tilelayout", 12);
|
|
437
438
|
i0.ɵɵlistener("reorder", function SingleDashboardComponent_Template_kendo_tilelayout_reorder_14_listener($event) { return ctx.onReorder($event); })("resize", function SingleDashboardComponent_Template_kendo_tilelayout_resize_14_listener($event) { return ctx.onResize($event); });
|
|
438
|
-
i0.ɵɵ
|
|
439
|
+
i0.ɵɵrepeaterCreate(15, SingleDashboardComponent_For_16_Template, 6, 17, "kendo-tilelayout-item", 30, _forTrack0);
|
|
439
440
|
i0.ɵɵelementEnd()()();
|
|
440
441
|
} if (rf & 2) {
|
|
441
442
|
const _r5 = i0.ɵɵreference(8);
|
|
@@ -452,11 +453,11 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
|
|
|
452
453
|
i0.ɵɵadvance(4);
|
|
453
454
|
i0.ɵɵproperty("columns", ctx.config.columns)("rowHeight", ctx.config.rowHeight)("resizable", ctx.allowResize)("reorderable", ctx.allowReorder);
|
|
454
455
|
i0.ɵɵadvance();
|
|
455
|
-
i0.ɵɵ
|
|
456
|
-
} }, styles: [".dashboard-title[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header[_ngcontent-%COMP%] {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header[_ngcontent-%COMP%] .btn-ref[_ngcontent-%COMP%] {\n border: none;\n background: transparent;\n}\n.main-head-dashboard[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container[_ngcontent-%COMP%] .k-tilelayout[_ngcontent-%COMP%] {\n background: #fff;\n}\n\n.bg-light-grey[_ngcontent-%COMP%] {\n background-color: lightgray;\n}\n\n.bg-dark-grey[_ngcontent-%COMP%] {\n background-color: darkgray;\n}\n\n.bg-blue[_ngcontent-%COMP%] {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing[_ngcontent-%COMP%] {\n margin-right: 8px\n}"] });
|
|
456
|
+
i0.ɵɵrepeater(ctx.items);
|
|
457
|
+
} }, styles: [".dashboard-title[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header[_ngcontent-%COMP%] {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header[_ngcontent-%COMP%] .btn-ref[_ngcontent-%COMP%] {\n border: none;\n background: transparent;\n}\n.main-head-dashboard[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container[_ngcontent-%COMP%] .k-tilelayout[_ngcontent-%COMP%] {\n background: #fff;\n}\n\n.bg-light-grey[_ngcontent-%COMP%] {\n background-color: lightgray;\n}\n\n.bg-dark-grey[_ngcontent-%COMP%] {\n background-color: darkgray;\n}\n\n.bg-blue[_ngcontent-%COMP%] {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing[_ngcontent-%COMP%] {\n margin-right: 8px\n}\n\n.btn-wrapper[_ngcontent-%COMP%] > button[_ngcontent-%COMP%] {\n margin-left: 5px;\n}"] });
|
|
457
458
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
|
|
458
459
|
type: Component,
|
|
459
|
-
args: [{ selector: 'mj-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\n<div *ngIf=\"isEditDialogOpened\">\n <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\n</div>\n\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\n\n<div class=\"dashboard-container\">\n <div class=\"main-head-dashboard\">\n <div class=\"dashboard-title\">\n <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\n <kendo-button (click)=\"saveDashboardName()\">\n <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\n </kendo-button>\n <kendo-button (click)=\"cancelNameChange()\" >\n <span class=\"k-icon k-i-cancel\"></span>\n </kendo-button>\n </div>\n <ng-template #dashboard_name_header>\n <span class=\"k-icon k-i-star\"></span>\n <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity ? dashboardEntity.Name : ''}}</h3>\n </ng-template>\n </div>\n <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\n <kendo-button (click)=\"onClickSaveDashboard()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\n Save\n </kendo-button>\n <kendo-button (click)=\"onclickCancelChanges()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\n Cancel\n </kendo-button>\n </div>\n <ng-template #edit_dashboard_buttons>\n <kendo-button (click)=\"addItem()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\n Add Item\n </kendo-button>\n <kendo-button (click)=\"toggleEditDashboard(true)\" >\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\n Edit Dashboard\n </kendo-button>\n </ng-template>\n </div>\n </div>\n <div class=\"tile-resource-container\">\n <kendo-tilelayout\n [columns]=\"config.columns\"\n [rowHeight]=\"config.rowHeight\"\n [resizable]=\"allowResize\"\n [reorderable]=\"allowReorder\"\n (reorder)=\"onReorder($event)\"\n (resize)=\"onResize($event)\"\n >\n <kendo-tilelayout-item (mouseenter)=\"onMouseEnter($event)\" (mouseleave)=\"onMouseOut($event)\" [ngClass]=\"[getSelectedComponentStyle(this)]\"
|
|
460
|
+
args: [{ selector: 'mj-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\n<div *ngIf=\"isEditDialogOpened\">\n <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\n</div>\n\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\n\n<div class=\"dashboard-container\">\n <div class=\"main-head-dashboard\">\n <div class=\"dashboard-title\">\n <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\n <kendo-button (click)=\"saveDashboardName()\">\n <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\n </kendo-button>\n <kendo-button (click)=\"cancelNameChange()\" >\n <span class=\"k-icon k-i-cancel\"></span>\n </kendo-button>\n </div>\n <ng-template #dashboard_name_header>\n <span class=\"k-icon k-i-star\"></span>\n <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity ? dashboardEntity.Name : ''}}</h3>\n </ng-template>\n </div>\n <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\n <kendo-button (click)=\"onClickSaveDashboard()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\n Save\n </kendo-button>\n <kendo-button (click)=\"onclickCancelChanges()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\n Cancel\n </kendo-button>\n </div>\n <ng-template #edit_dashboard_buttons>\n <kendo-button (click)=\"addItem()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\n Add Item\n </kendo-button>\n <kendo-button (click)=\"toggleEditDashboard(true)\" >\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\n Edit Dashboard\n </kendo-button>\n </ng-template>\n </div>\n </div>\n <div class=\"tile-resource-container\">\n <kendo-tilelayout\n [columns]=\"config.columns\"\n [rowHeight]=\"config.rowHeight\"\n [resizable]=\"allowResize\"\n [reorderable]=\"allowReorder\"\n (reorder)=\"onReorder($event)\"\n (resize)=\"onResize($event)\"\n >\n @for(item of items; track item.uniqueId) {\n <kendo-tilelayout-item (mouseenter)=\"onMouseEnter($event)\" (mouseleave)=\"onMouseOut($event)\" [ngClass]=\"[getSelectedComponentStyle(this)]\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\n <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\n {{item.title}}\n @if(!isEditingDashboard) {\n <div>\n <div class=\"btn-wrapper\">\n <button kendoButton (click)=\"toggleEditDashboard(true)\">\n <span class=\"fa-solid fa-pen-to-square\"></span>\n </button>\n <button kendoButton (click)=\"showConfirmDeleteDashboardItem(item)\">\n <span class=\"fa-solid fa-trash\"></span>\n </button>\n </div>\n </div>\n }\n </kendo-tilelayout-item-header>\n <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\n <mj-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></mj-resource>\n </kendo-tilelayout-item-body>\n </kendo-tilelayout-item>\n }\n </kendo-tilelayout>\n </div>\n</div>\n", styles: [".dashboard-title {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title .k-icon {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title h3 {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n::ng-deep .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n::ng-deep .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n::ng-deep .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header .btn-ref {\n border: none;\n background: transparent;\n}\n.main-head-dashboard {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container .k-tilelayout {\n background: #fff;\n}\n\n.bg-light-grey {\n background-color: lightgray;\n}\n\n.bg-dark-grey {\n background-color: darkgray;\n}\n\n.bg-blue {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing {\n margin-right: 8px\n}\n\n.btn-wrapper > button {\n margin-left: 5px;\n}"] }]
|
|
460
461
|
}], () => [{ type: i1.ActivatedRoute }, { type: i2.SharedService }], { dashboardNameInput: [{
|
|
461
462
|
type: ViewChild,
|
|
462
463
|
args: ['dashboardNameInput']
|
package/dist/module.js
CHANGED
|
@@ -354,7 +354,7 @@ ExplorerCoreModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Commo
|
|
|
354
354
|
UserNotificationsComponent,
|
|
355
355
|
ExpansionPanelComponent,
|
|
356
356
|
ApplicationViewComponent] }); })();
|
|
357
|
-
i0.ɵɵsetComponentScope(SingleDashboardComponent, [i1.NgClass, i1.
|
|
357
|
+
i0.ɵɵsetComponentScope(SingleDashboardComponent, [i1.NgClass, i1.NgIf, i2.ButtonComponent, i3.SVGIconComponent, i4.TileLayoutComponent, i4.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent, i4.TileLayoutItemBodyComponent, ResourceContainerComponent,
|
|
358
358
|
AddItemComponent,
|
|
359
359
|
DeleteItemComponent,
|
|
360
360
|
EditDashboardComponent], []);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-explorer-core",
|
|
3
|
-
"version": "1.0.8-next.
|
|
3
|
+
"version": "1.0.8-next.5",
|
|
4
4
|
"description": "MemberJunction Explorer: Core Angular Components",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -26,21 +26,21 @@
|
|
|
26
26
|
"@angular/router": "~17.2.2"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@memberjunction/global": "^1.0.8-next.
|
|
30
|
-
"@memberjunction/core": "^1.0.8-next.
|
|
31
|
-
"@memberjunction/ng-compare-records": "^1.0.8-next.
|
|
32
|
-
"@memberjunction/ng-file-storage": "^1.0.8-next.
|
|
33
|
-
"@memberjunction/ng-record-changes": "^1.0.8-next.
|
|
34
|
-
"@memberjunction/ng-container-directives": "^1.0.8-next.
|
|
35
|
-
"@memberjunction/ng-user-view-grid": "^1.0.8-next.
|
|
36
|
-
"@memberjunction/ng-query-grid": "^1.0.8-next.
|
|
37
|
-
"@memberjunction/ng-user-view-properties": "^1.0.8-next.
|
|
38
|
-
"@memberjunction/ng-shared": "^1.0.8-next.
|
|
39
|
-
"@memberjunction/ng-tabstrip": "^1.0.8-next.
|
|
40
|
-
"@memberjunction/ng-ask-skip": "^1.0.8-next.
|
|
41
|
-
"@memberjunction/ng-auth-services": "^1.0.8-next.
|
|
42
|
-
"@memberjunction/ng-explorer-settings": "^1.0.8-next.
|
|
43
|
-
"@memberjunction/ng-base-forms": "^1.0.8-next.
|
|
29
|
+
"@memberjunction/global": "^1.0.8-next.5",
|
|
30
|
+
"@memberjunction/core": "^1.0.8-next.5",
|
|
31
|
+
"@memberjunction/ng-compare-records": "^1.0.8-next.5",
|
|
32
|
+
"@memberjunction/ng-file-storage": "^1.0.8-next.5",
|
|
33
|
+
"@memberjunction/ng-record-changes": "^1.0.8-next.5",
|
|
34
|
+
"@memberjunction/ng-container-directives": "^1.0.8-next.5",
|
|
35
|
+
"@memberjunction/ng-user-view-grid": "^1.0.8-next.5",
|
|
36
|
+
"@memberjunction/ng-query-grid": "^1.0.8-next.5",
|
|
37
|
+
"@memberjunction/ng-user-view-properties": "^1.0.8-next.5",
|
|
38
|
+
"@memberjunction/ng-shared": "^1.0.8-next.5",
|
|
39
|
+
"@memberjunction/ng-tabstrip": "^1.0.8-next.5",
|
|
40
|
+
"@memberjunction/ng-ask-skip": "^1.0.8-next.5",
|
|
41
|
+
"@memberjunction/ng-auth-services": "^1.0.8-next.5",
|
|
42
|
+
"@memberjunction/ng-explorer-settings": "^1.0.8-next.5",
|
|
43
|
+
"@memberjunction/ng-base-forms": "^1.0.8-next.5",
|
|
44
44
|
"@progress/kendo-angular-grid": "~15.1.0",
|
|
45
45
|
"@progress/kendo-angular-buttons": "~15.1.0",
|
|
46
46
|
"@progress/kendo-angular-listview": "~15.1.0",
|