@memberjunction/ng-simple-record-list 2.10.0 → 2.12.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.
|
@@ -19,19 +19,19 @@ import * as i5 from "@progress/kendo-angular-buttons";
|
|
|
19
19
|
import * as i6 from "@memberjunction/ng-entity-form-dialog";
|
|
20
20
|
import * as i7 from "@progress/kendo-angular-indicators";
|
|
21
21
|
function SimpleRecordListComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
22
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
23
|
-
i0.ɵɵelementStart(0, "button", 6);
|
|
24
|
-
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createNewRecord()); });
|
|
25
|
-
i0.ɵɵelement(1, "span", 7);
|
|
26
|
-
i0.ɵɵtext(2, " New");
|
|
27
|
-
i0.ɵɵelementEnd();
|
|
28
|
-
} }
|
|
29
|
-
function SimpleRecordListComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
30
22
|
i0.ɵɵelementStart(0, "div");
|
|
31
23
|
i0.ɵɵelement(1, "kendo-loader");
|
|
32
24
|
i0.ɵɵelementEnd();
|
|
33
25
|
} }
|
|
34
|
-
function
|
|
26
|
+
function SimpleRecordListComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
27
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
28
|
+
i0.ɵɵelementStart(0, "button", 10);
|
|
29
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createNewRecord()); });
|
|
30
|
+
i0.ɵɵelement(1, "span", 11);
|
|
31
|
+
i0.ɵɵtext(2, " New");
|
|
32
|
+
i0.ɵɵelementEnd();
|
|
33
|
+
} }
|
|
34
|
+
function SimpleRecordListComponent_Conditional_2_th_5_Template(rf, ctx) { if (rf & 1) {
|
|
35
35
|
i0.ɵɵelementStart(0, "th");
|
|
36
36
|
i0.ɵɵtext(1);
|
|
37
37
|
i0.ɵɵelementEnd();
|
|
@@ -40,21 +40,21 @@ function SimpleRecordListComponent_Conditional_3_th_3_Template(rf, ctx) { if (rf
|
|
|
40
40
|
i0.ɵɵadvance();
|
|
41
41
|
i0.ɵɵtextInterpolate1(" ", c_r3, " ");
|
|
42
42
|
} }
|
|
43
|
-
function
|
|
43
|
+
function SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
44
44
|
const _r6 = i0.ɵɵgetCurrentView();
|
|
45
|
-
i0.ɵɵelementStart(0, "span",
|
|
46
|
-
i0.ɵɵlistener("click", function
|
|
45
|
+
i0.ɵɵelementStart(0, "span", 15);
|
|
46
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Conditional_1_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const r_r5 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.editRecord($event, r_r5)); });
|
|
47
47
|
i0.ɵɵelementEnd();
|
|
48
48
|
} }
|
|
49
|
-
function
|
|
49
|
+
function SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
50
50
|
const _r7 = i0.ɵɵgetCurrentView();
|
|
51
|
-
i0.ɵɵelementStart(0, "span",
|
|
52
|
-
i0.ɵɵlistener("click", function
|
|
51
|
+
i0.ɵɵelementStart(0, "span", 16);
|
|
52
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Conditional_2_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const r_r5 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.deleteRecord($event, r_r5)); });
|
|
53
53
|
i0.ɵɵelementEnd();
|
|
54
54
|
} }
|
|
55
|
-
function
|
|
55
|
+
function SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
56
56
|
i0.ɵɵelementStart(0, "span");
|
|
57
|
-
i0.ɵɵtemplate(1,
|
|
57
|
+
i0.ɵɵtemplate(1, SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Conditional_1_Template, 1, 0, "span", 13)(2, SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Conditional_2_Template, 1, 0, "span", 14);
|
|
58
58
|
i0.ɵɵelementEnd();
|
|
59
59
|
} if (rf & 2) {
|
|
60
60
|
const ctx_r1 = i0.ɵɵnextContext(4);
|
|
@@ -63,11 +63,11 @@ function SimpleRecordListComponent_Conditional_3_tr_5_td_1_Conditional_3_Templat
|
|
|
63
63
|
i0.ɵɵadvance();
|
|
64
64
|
i0.ɵɵconditional(ctx_r1.AllowDelete ? 2 : -1);
|
|
65
65
|
} }
|
|
66
|
-
function
|
|
66
|
+
function SimpleRecordListComponent_Conditional_2_tr_7_td_1_Template(rf, ctx) { if (rf & 1) {
|
|
67
67
|
i0.ɵɵelementStart(0, "td")(1, "span");
|
|
68
68
|
i0.ɵɵtext(2);
|
|
69
69
|
i0.ɵɵelementEnd();
|
|
70
|
-
i0.ɵɵtemplate(3,
|
|
70
|
+
i0.ɵɵtemplate(3, SimpleRecordListComponent_Conditional_2_tr_7_td_1_Conditional_3_Template, 3, 2, "span");
|
|
71
71
|
i0.ɵɵelementEnd();
|
|
72
72
|
} if (rf & 2) {
|
|
73
73
|
const c_r8 = ctx.$implicit;
|
|
@@ -79,53 +79,57 @@ function SimpleRecordListComponent_Conditional_3_tr_5_td_1_Template(rf, ctx) { i
|
|
|
79
79
|
i0.ɵɵadvance();
|
|
80
80
|
i0.ɵɵconditional(i_r9 === 0 && (ctx_r1.AllowDelete || ctx_r1.AllowEdit) ? 3 : -1);
|
|
81
81
|
} }
|
|
82
|
-
function
|
|
82
|
+
function SimpleRecordListComponent_Conditional_2_tr_7_Template(rf, ctx) { if (rf & 1) {
|
|
83
83
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
84
|
-
i0.ɵɵelementStart(0, "tr",
|
|
85
|
-
i0.ɵɵlistener("click", function
|
|
86
|
-
i0.ɵɵtemplate(1,
|
|
84
|
+
i0.ɵɵelementStart(0, "tr", 12);
|
|
85
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_2_tr_7_Template_tr_click_0_listener() { const r_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectRecord(undefined, r_r5)); });
|
|
86
|
+
i0.ɵɵtemplate(1, SimpleRecordListComponent_Conditional_2_tr_7_td_1_Template, 4, 2, "td", 8);
|
|
87
87
|
i0.ɵɵelementEnd();
|
|
88
88
|
} if (rf & 2) {
|
|
89
89
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
90
90
|
i0.ɵɵadvance();
|
|
91
91
|
i0.ɵɵproperty("ngForOf", ctx_r1.Columns);
|
|
92
92
|
} }
|
|
93
|
-
function
|
|
94
|
-
i0.ɵɵelementStart(0, "
|
|
95
|
-
i0.ɵɵtemplate(
|
|
96
|
-
i0.ɵɵ
|
|
97
|
-
i0.ɵɵ
|
|
98
|
-
i0.ɵɵtemplate(5, SimpleRecordListComponent_Conditional_3_tr_5_Template, 2, 1, "tr", 9);
|
|
93
|
+
function SimpleRecordListComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
94
|
+
i0.ɵɵelementStart(0, "div", 2);
|
|
95
|
+
i0.ɵɵtemplate(1, SimpleRecordListComponent_Conditional_2_Conditional_1_Template, 3, 0, "button", 5);
|
|
96
|
+
i0.ɵɵelementStart(2, "table", 6)(3, "thead", 7)(4, "tr");
|
|
97
|
+
i0.ɵɵtemplate(5, SimpleRecordListComponent_Conditional_2_th_5_Template, 2, 1, "th", 8);
|
|
99
98
|
i0.ɵɵelementEnd()();
|
|
99
|
+
i0.ɵɵelementStart(6, "tbody");
|
|
100
|
+
i0.ɵɵtemplate(7, SimpleRecordListComponent_Conditional_2_tr_7_Template, 2, 1, "tr", 9);
|
|
101
|
+
i0.ɵɵelementEnd()()();
|
|
100
102
|
} if (rf & 2) {
|
|
101
103
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
102
|
-
i0.ɵɵadvance(
|
|
104
|
+
i0.ɵɵadvance();
|
|
105
|
+
i0.ɵɵconditional(ctx_r1.AllowNew ? 1 : -1);
|
|
106
|
+
i0.ɵɵadvance(4);
|
|
103
107
|
i0.ɵɵproperty("ngForOf", ctx_r1.Columns);
|
|
104
108
|
i0.ɵɵadvance(2);
|
|
105
109
|
i0.ɵɵproperty("ngForOf", ctx_r1.records);
|
|
106
110
|
} }
|
|
107
|
-
function
|
|
111
|
+
function SimpleRecordListComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
108
112
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
109
|
-
i0.ɵɵelementStart(0, "mj-entity-form-dialog",
|
|
110
|
-
i0.ɵɵlistener("DialogClosed", function
|
|
113
|
+
i0.ɵɵelementStart(0, "mj-entity-form-dialog", 17, 0);
|
|
114
|
+
i0.ɵɵlistener("DialogClosed", function SimpleRecordListComponent_Conditional_3_Template_mj_entity_form_dialog_DialogClosed_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEditOrNewRecordFormClosed($event)); });
|
|
111
115
|
i0.ɵɵelementEnd();
|
|
112
116
|
} if (rf & 2) {
|
|
113
117
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
114
118
|
i0.ɵɵproperty("Record", ctx_r1.editOrNewRecord)("SectionName", ctx_r1.EditSectionName)("Visible", ctx_r1.showEditOrNewRecordForm)("AutoRevertOnCancel", true)("HandleSave", true)("Width", 550)("Height", 450);
|
|
115
119
|
} }
|
|
116
|
-
function
|
|
120
|
+
function SimpleRecordListComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
117
121
|
const _r11 = i0.ɵɵgetCurrentView();
|
|
118
|
-
i0.ɵɵelementStart(0, "kendo-dialog",
|
|
119
|
-
i0.ɵɵlistener("close", function
|
|
122
|
+
i0.ɵɵelementStart(0, "kendo-dialog", 18);
|
|
123
|
+
i0.ɵɵlistener("close", function SimpleRecordListComponent_Conditional_4_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeDeleteDialog("No")); });
|
|
120
124
|
i0.ɵɵelementStart(1, "div");
|
|
121
125
|
i0.ɵɵtext(2);
|
|
122
126
|
i0.ɵɵelementEnd();
|
|
123
|
-
i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button",
|
|
124
|
-
i0.ɵɵlistener("click", function
|
|
127
|
+
i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 19);
|
|
128
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeDeleteDialog("Yes")); });
|
|
125
129
|
i0.ɵɵtext(5, "Yes");
|
|
126
130
|
i0.ɵɵelementEnd();
|
|
127
|
-
i0.ɵɵelementStart(6, "button",
|
|
128
|
-
i0.ɵɵlistener("click", function
|
|
131
|
+
i0.ɵɵelementStart(6, "button", 10);
|
|
132
|
+
i0.ɵɵlistener("click", function SimpleRecordListComponent_Conditional_4_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeDeleteDialog("No")); });
|
|
129
133
|
i0.ɵɵtext(7, "No");
|
|
130
134
|
i0.ɵɵelementEnd()()();
|
|
131
135
|
} if (rf & 2) {
|
|
@@ -305,24 +309,22 @@ export class SimpleRecordListComponent {
|
|
|
305
309
|
}
|
|
306
310
|
}
|
|
307
311
|
SimpleRecordListComponent.ɵfac = function SimpleRecordListComponent_Factory(t) { return new (t || SimpleRecordListComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
|
|
308
|
-
SimpleRecordListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SimpleRecordListComponent, selectors: [["mj-simple-record-list"]], inputs: { EntityName: "EntityName", Columns: "Columns", SortBy: "SortBy", AllowDelete: "AllowDelete", AllowNew: "AllowNew", AllowEdit: "AllowEdit", EditSectionName: "EditSectionName" }, outputs: { RecordSelected: "RecordSelected", RecordEdited: "RecordEdited", RecordCreated: "RecordCreated" }, decls:
|
|
312
|
+
SimpleRecordListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SimpleRecordListComponent, selectors: [["mj-simple-record-list"]], inputs: { EntityName: "EntityName", Columns: "Columns", SortBy: "SortBy", AllowDelete: "AllowDelete", AllowNew: "AllowNew", AllowEdit: "AllowEdit", EditSectionName: "EditSectionName" }, outputs: { RecordSelected: "RecordSelected", RecordEdited: "RecordEdited", RecordCreated: "RecordCreated" }, decls: 5, vars: 3, consts: [["entityForm", ""], ["mjFillContainer", "", 1, "wrapper", "scrollable"], [1, "vertical-full-width"], ["Mode", "section", 3, "Record", "SectionName", "Visible", "AutoRevertOnCancel", "HandleSave", "Width", "Height"], [3, "title", "width", "height"], ["kendoButton", ""], [1, "grid"], [1, "sticky-header"], [4, "ngFor", "ngForOf"], [3, "click", 4, "ngFor", "ngForOf"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-plus"], [3, "click"], [1, "fa-solid", "fa-pen-to-square", "icon"], [1, "fa-solid", "fa-trash-can", "icon"], [1, "fa-solid", "fa-pen-to-square", "icon", 3, "click"], [1, "fa-solid", "fa-trash-can", "icon", 3, "click"], ["Mode", "section", 3, "DialogClosed", "Record", "SectionName", "Visible", "AutoRevertOnCancel", "HandleSave", "Width", "Height"], [3, "close", "title", "width", "height"], ["kendoButton", "", "themeColor", "primary", 3, "click"]], template: function SimpleRecordListComponent_Template(rf, ctx) { if (rf & 1) {
|
|
309
313
|
i0.ɵɵelementStart(0, "div", 1);
|
|
310
|
-
i0.ɵɵtemplate(1, SimpleRecordListComponent_Conditional_1_Template,
|
|
314
|
+
i0.ɵɵtemplate(1, SimpleRecordListComponent_Conditional_1_Template, 2, 0, "div")(2, SimpleRecordListComponent_Conditional_2_Template, 8, 3, "div", 2);
|
|
311
315
|
i0.ɵɵelementEnd();
|
|
312
|
-
i0.ɵɵtemplate(
|
|
316
|
+
i0.ɵɵtemplate(3, SimpleRecordListComponent_Conditional_3_Template, 2, 7, "mj-entity-form-dialog", 3)(4, SimpleRecordListComponent_Conditional_4_Template, 8, 4, "kendo-dialog", 4);
|
|
313
317
|
} if (rf & 2) {
|
|
314
318
|
i0.ɵɵadvance();
|
|
315
|
-
i0.ɵɵconditional(ctx.
|
|
316
|
-
i0.ɵɵadvance();
|
|
317
|
-
i0.ɵɵconditional(ctx.isLoading ? 2 : 3);
|
|
319
|
+
i0.ɵɵconditional(ctx.isLoading ? 1 : 2);
|
|
318
320
|
i0.ɵɵadvance(2);
|
|
319
|
-
i0.ɵɵconditional(ctx.AllowNew || ctx.AllowEdit ?
|
|
321
|
+
i0.ɵɵconditional(ctx.AllowNew || ctx.AllowEdit ? 3 : -1);
|
|
320
322
|
i0.ɵɵadvance();
|
|
321
|
-
i0.ɵɵconditional(ctx.deleteRecordDialogVisible && ctx.AllowDelete ?
|
|
322
|
-
} }, dependencies: [i2.NgForOf, i3.DialogComponent, i3.DialogActionsComponent, i4.FillContainer, i5.ButtonComponent, i6.EntityFormDialogComponent, i7.LoaderComponent], styles: ["button[_ngcontent-%COMP%] {\n margin-left: 5px;\n margin-top: 5px;\n width: 125px;\n}\n\n.wrapper[_ngcontent-%COMP%] {\n padding-right: 10px;\n}\n\n\n\ntable[_ngcontent-%COMP%] {\n margin-left: 5px;\n margin-top: 10px;\n margin-right: 5px;\n border-collapse: collapse; \n\n width: 100%;\n}\n \ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n background-color: #f2f2f2; \n\n color: black; \n\n font-weight: bold; \n\n text-align: left;\n}\n\n\n\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%], table[_ngcontent-%COMP%] td[_ngcontent-%COMP%] {\n height: 36px; \n\n padding: 0 8px; \n\n}\n\n\n\ntable[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child {\n display: flex; \n\n justify-content: space-between; \n\n align-items: center; \n\n padding-right: 8px; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child span[_ngcontent-%COMP%]:first-child {\n border: none; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child span[_ngcontent-%COMP%]:last-child {\n border: none; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child .icon[_ngcontent-%COMP%] {\n margin-left: 10px; \n\n cursor: pointer; \n\n}\n\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] {\n cursor: pointer;\n}\n\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover {\n background-color: #e7f4ff; \n\n}"] });
|
|
323
|
+
i0.ɵɵconditional(ctx.deleteRecordDialogVisible && ctx.AllowDelete ? 4 : -1);
|
|
324
|
+
} }, dependencies: [i2.NgForOf, i3.DialogComponent, i3.DialogActionsComponent, i4.FillContainer, i5.ButtonComponent, i6.EntityFormDialogComponent, i7.LoaderComponent], styles: ["button[_ngcontent-%COMP%] {\n margin-left: 5px;\n margin-top: 5px;\n width: 125px;\n}\n\n.wrapper[_ngcontent-%COMP%] {\n padding-right: 10px;\n}\n\n\n\ntable[_ngcontent-%COMP%] {\n margin-left: 5px;\n margin-top: 10px;\n margin-right: 5px;\n border-collapse: collapse; \n\n width: 100%;\n}\n \ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\n background-color: #f2f2f2; \n\n color: black; \n\n font-weight: bold; \n\n text-align: left;\n}\n\n\n\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%], table[_ngcontent-%COMP%] td[_ngcontent-%COMP%] {\n height: 36px; \n\n padding: 0 8px; \n\n}\n\n\n\ntable[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child {\n display: flex; \n\n justify-content: space-between; \n\n align-items: center; \n\n padding-right: 8px; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child span[_ngcontent-%COMP%]:first-child {\n border: none; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child span[_ngcontent-%COMP%]:last-child {\n border: none; \n\n}\n\n\n\ntd[_ngcontent-%COMP%]:first-child .icon[_ngcontent-%COMP%] {\n margin-left: 10px; \n\n cursor: pointer; \n\n}\n\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%] {\n cursor: pointer;\n}\n\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:hover {\n background-color: #e7f4ff; \n\n}\n\n.sticky-header[_ngcontent-%COMP%] {\n position: sticky;\n top: 0;\n}\n\n.scrollable[_ngcontent-%COMP%] {\n display: flex;\n overflow-y: scroll;\n max-height: 95%;\n}\n\n.vertical-full-width[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n width: 100%;\n}"] });
|
|
323
325
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SimpleRecordListComponent, [{
|
|
324
326
|
type: Component,
|
|
325
|
-
args: [{ selector: 'mj-simple-record-list', template: "<div mjFillContainer class=\"wrapper\">\n @if(
|
|
327
|
+
args: [{ selector: 'mj-simple-record-list', template: "<div mjFillContainer class=\"wrapper scrollable\">\n @if(isLoading) {\n <div>\n <kendo-loader></kendo-loader>\n </div>\n }\n @else {\n <div class=\"vertical-full-width\">\n @if(AllowNew) {\n <button kendoButton (click)=\"createNewRecord()\"><span class=\"fa-solid fa-plus\"></span> New</button>\n }\n <table class=\"grid\">\n <thead class=\"sticky-header\">\n <tr>\n <th *ngFor=\"let c of Columns\">\n {{ c }}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let r of records\" (click)=\"selectRecord(undefined, r)\">\n <td *ngFor=\"let c of Columns; let i = index\">\n <span>{{ r.Get(c) }}</span>\n @if(i === 0 && (AllowDelete || AllowEdit)) {\n <span>\n @if (AllowEdit) {\n <span class=\"fa-solid fa-pen-to-square icon\" (click)=\"editRecord($event, r)\"></span>\n }\n @if (AllowDelete) {\n <span class=\"fa-solid fa-trash-can icon\" (click)=\"deleteRecord($event, r)\"></span>\n }\n </span> \n }\n </td>\n </tr>\n </tbody>\n </table> \n </div> \n }\n</div>\n \n@if(AllowNew || AllowEdit) {\n<mj-entity-form-dialog #entityForm \n [Record]=\"editOrNewRecord\" \n [SectionName]=\"EditSectionName\"\n Mode=\"section\" \n [Visible]=\"showEditOrNewRecordForm\" \n [AutoRevertOnCancel]=\"true\"\n [HandleSave]=\"true\"\n [Width]=\"550\"\n [Height]=\"450\"\n (DialogClosed)=\"onEditOrNewRecordFormClosed($event)\">\n</mj-entity-form-dialog>\n}\n\n@if(deleteRecordDialogVisible && AllowDelete) {\n<kendo-dialog\n [title]=\"'Delete ' + EntityName + '?'\" \n [width]=\"450\"\n [height]=\"200\"\n (close)=\"closeDeleteDialog('No')\" >\n <div>\n Are you sure you want to delete '{{getRecordName(deleteRecordItem!)}}'?\n </div>\n <kendo-dialog-actions>\n <button kendoButton (click)=\"closeDeleteDialog('Yes')\" themeColor=\"primary\">Yes</button>\n <button kendoButton (click)=\"closeDeleteDialog('No')\">No</button>\n </kendo-dialog-actions>\n</kendo-dialog>\n}\n", styles: ["button {\n margin-left: 5px;\n margin-top: 5px;\n width: 125px;\n}\n\n.wrapper {\n padding-right: 10px;\n}\n\n/* Style for the whole table */\ntable {\n margin-left: 5px;\n margin-top: 10px;\n margin-right: 5px;\n border-collapse: collapse; /* Ensures border collapse for a cleaner look */\n width: 100%;\n}\n \ntable th {\n background-color: #f2f2f2; /* Light gray background for headers */\n color: black; /* Black text color for headers */\n font-weight: bold; /* Bold font weight for headers */\n text-align: left;\n}\n\n/* Style for all table cells */\ntable th, table td {\n height: 36px; /* Fixed height for all rows */\n padding: 0 8px; /* Add some padding inside cells */\n}\n\n/* Style for the first column cells */\ntable td:first-child {\n display: flex; /* Make the cell a flex container */\n justify-content: space-between; /* Space out the text and icons */\n align-items: center; /* Center items vertically */\n padding-right: 8px; /* Ensure there is some padding on the right */\n}\n\n/* Style for the text span within the first column */\ntd:first-child span:first-child {\n border: none; /* Ensures no border is applied to the span */\n}\n\n/* Style for the icons container span within the first column */\ntd:first-child span:last-child {\n border: none; /* Ensures no border is applied to the span */\n}\n\n/* Style for the icons within the first column */\ntd:first-child .icon {\n margin-left: 10px; /* Space between icons if needed */\n cursor: pointer; /* Change cursor to pointer on hover */\n}\n\ntable tr {\n cursor: pointer;\n}\n\ntable tr:hover {\n background-color: #e7f4ff; /* Light blue for even rows */\n}\n\n.sticky-header {\n position: sticky;\n top: 0;\n}\n\n.scrollable {\n display: flex;\n overflow-y: scroll;\n max-height: 95%;\n}\n\n.vertical-full-width {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n "] }]
|
|
326
328
|
}], () => [{ type: i1.Router }], { EntityName: [{
|
|
327
329
|
type: Input
|
|
328
330
|
}], Columns: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-record-list.component.js","sourceRoot":"","sources":["../../../src/lib/simple-record-list/simple-record-list.component.ts","../../../src/lib/simple-record-list/simple-record-list.component.html"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAU,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAc,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA
|
|
1
|
+
{"version":3,"file":"simple-record-list.component.js","sourceRoot":"","sources":["../../../src/lib/simple-record-list/simple-record-list.component.ts","../../../src/lib/simple-record-list/simple-record-list.component.html"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-simple-record-list",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.12.0",
|
|
4
4
|
"description": "MemberJunction: Very simple and reusable Angular component for displaying, editing, creating and deleting records in any entity",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
"@angular/router": "18.0.2"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@memberjunction/core-entities": "2.
|
|
29
|
-
"@memberjunction/global": "2.
|
|
30
|
-
"@memberjunction/core": "2.
|
|
31
|
-
"@memberjunction/ng-container-directives": "2.
|
|
32
|
-
"@memberjunction/ng-shared": "2.
|
|
33
|
-
"@memberjunction/ng-entity-form-dialog": "2.
|
|
28
|
+
"@memberjunction/core-entities": "2.12.0",
|
|
29
|
+
"@memberjunction/global": "2.12.0",
|
|
30
|
+
"@memberjunction/core": "2.12.0",
|
|
31
|
+
"@memberjunction/ng-container-directives": "2.12.0",
|
|
32
|
+
"@memberjunction/ng-shared": "2.12.0",
|
|
33
|
+
"@memberjunction/ng-entity-form-dialog": "2.12.0",
|
|
34
34
|
"@progress/kendo-angular-buttons": "16.2.0",
|
|
35
35
|
"@progress/kendo-angular-dialog": "16.2.0",
|
|
36
36
|
"@progress/kendo-angular-layout": "16.2.0",
|