@memberjunction/ng-user-view-properties 1.5.2 → 1.6.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/user-view-properties.component.js +103 -103
- package/package.json +17 -17
|
@@ -32,213 +32,213 @@ const _c0 = ["nameField"];
|
|
|
32
32
|
const _c1 = ["dialogContainer"];
|
|
33
33
|
const _c2 = ["outerDialogContainer"];
|
|
34
34
|
function UserViewPropertiesDialogComponent_button_1_Template(rf, ctx) { if (rf & 1) {
|
|
35
|
-
const
|
|
36
|
-
i0.ɵɵelementStart(0, "button",
|
|
37
|
-
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(
|
|
38
|
-
i0.ɵɵelement(1, "span",
|
|
35
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
36
|
+
i0.ɵɵelementStart(0, "button", 6);
|
|
37
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Open()); });
|
|
38
|
+
i0.ɵɵelement(1, "span", 7);
|
|
39
39
|
i0.ɵɵtext(2, " Properties ");
|
|
40
40
|
i0.ɵɵelementEnd();
|
|
41
41
|
} }
|
|
42
42
|
function UserViewPropertiesDialogComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
43
|
-
i0.ɵɵelement(0, "div",
|
|
43
|
+
i0.ɵɵelement(0, "div", 8);
|
|
44
44
|
} }
|
|
45
45
|
function UserViewPropertiesDialogComponent_kendo_window_5_kendo_loader_1_Template(rf, ctx) { if (rf & 1) {
|
|
46
|
-
i0.ɵɵelement(0, "kendo-loader",
|
|
46
|
+
i0.ɵɵelement(0, "kendo-loader", 23);
|
|
47
47
|
} }
|
|
48
48
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template(rf, ctx) { if (rf & 1) {
|
|
49
|
-
const
|
|
50
|
-
i0.ɵɵelementStart(0, "div",
|
|
51
|
-
i0.ɵɵelement(2, "kendo-label",
|
|
52
|
-
i0.ɵɵelementStart(3, "kendo-textbox",
|
|
53
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(
|
|
49
|
+
const _r4 = i0.ɵɵgetCurrentView();
|
|
50
|
+
i0.ɵɵelementStart(0, "div", 24)(1, "div", 25);
|
|
51
|
+
i0.ɵɵelement(2, "kendo-label", 26);
|
|
52
|
+
i0.ɵɵelementStart(3, "kendo-textbox", 27, 2);
|
|
53
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Name, $event) || (ctx_r1.record.Name = $event); return i0.ɵɵresetView($event); });
|
|
54
54
|
i0.ɵɵelementEnd()();
|
|
55
55
|
i0.ɵɵelementStart(5, "div", 28);
|
|
56
56
|
i0.ɵɵelement(6, "kendo-label", 29);
|
|
57
57
|
i0.ɵɵelementStart(7, "textarea", 30);
|
|
58
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(
|
|
58
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Description, $event) || (ctx_r1.record.Description = $event); return i0.ɵɵresetView($event); });
|
|
59
59
|
i0.ɵɵelementEnd()()();
|
|
60
60
|
} if (rf & 2) {
|
|
61
|
-
const
|
|
61
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
62
62
|
i0.ɵɵadvance(3);
|
|
63
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
63
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Name);
|
|
64
64
|
i0.ɵɵadvance(4);
|
|
65
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
65
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Description);
|
|
66
66
|
} }
|
|
67
67
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
68
|
-
const
|
|
68
|
+
const _r6 = i0.ɵɵgetCurrentView();
|
|
69
69
|
i0.ɵɵelementStart(0, "div", 32)(1, "div")(2, "input", 33);
|
|
70
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template_input_ngModelChange_2_listener($event) { const
|
|
71
|
-
i0.ɵɵlistener("change", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template_input_change_2_listener() { const
|
|
70
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template_input_ngModelChange_2_listener($event) { const col_r7 = i0.ɵɵrestoreView(_r6).item; i0.ɵɵtwoWayBindingSet(col_r7.hidden, $event) || (col_r7.hidden = $event); return i0.ɵɵresetView($event); });
|
|
71
|
+
i0.ɵɵlistener("change", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template_input_change_2_listener() { const col_r7 = i0.ɵɵrestoreView(_r6).item; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleColumn(col_r7)); });
|
|
72
72
|
i0.ɵɵelementEnd();
|
|
73
73
|
i0.ɵɵelement(3, "kendo-label", 34);
|
|
74
74
|
i0.ɵɵelementEnd();
|
|
75
75
|
i0.ɵɵelement(4, "span", 35);
|
|
76
76
|
i0.ɵɵelementEnd();
|
|
77
77
|
} if (rf & 2) {
|
|
78
|
-
const
|
|
78
|
+
const col_r7 = ctx.item;
|
|
79
79
|
i0.ɵɵadvance(2);
|
|
80
|
-
i0.ɵɵpropertyInterpolate1("id", "column_",
|
|
81
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
80
|
+
i0.ɵɵpropertyInterpolate1("id", "column_", col_r7.ID, "");
|
|
81
|
+
i0.ɵɵtwoWayProperty("ngModel", col_r7.hidden);
|
|
82
82
|
i0.ɵɵadvance();
|
|
83
|
-
i0.ɵɵproperty("for", "column_" +
|
|
83
|
+
i0.ɵɵproperty("for", "column_" + col_r7.ID)("text", col_r7.DisplayName ? col_r7.DisplayName : col_r7.Name);
|
|
84
84
|
} }
|
|
85
85
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template(rf, ctx) { if (rf & 1) {
|
|
86
|
-
const
|
|
86
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
87
87
|
i0.ɵɵelementStart(0, "kendo-sortable", 31);
|
|
88
|
-
i0.ɵɵlistener("dragEnd", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template_kendo_sortable_dragEnd_0_listener($event) { i0.ɵɵrestoreView(
|
|
89
|
-
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template, 5,
|
|
88
|
+
i0.ɵɵlistener("dragEnd", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template_kendo_sortable_dragEnd_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onDragEnd($event)); });
|
|
89
|
+
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template, 5, 5, "ng-template");
|
|
90
90
|
i0.ɵɵelementEnd();
|
|
91
91
|
} if (rf & 2) {
|
|
92
|
-
const
|
|
93
|
-
i0.ɵɵproperty("kendoSortableBinding",
|
|
92
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
93
|
+
i0.ɵɵproperty("kendoSortableBinding", ctx_r1.localGridState.columnSettings)("animation", true);
|
|
94
94
|
} }
|
|
95
95
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
96
|
-
const
|
|
96
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
97
97
|
i0.ɵɵelementStart(0, "div", 41)(1, "kendo-textarea", 42);
|
|
98
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(
|
|
98
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.SmartFilterPrompt, $event) || (ctx_r1.record.SmartFilterPrompt = $event); return i0.ɵɵresetView($event); });
|
|
99
99
|
i0.ɵɵelementEnd()();
|
|
100
100
|
} if (rf & 2) {
|
|
101
|
-
const
|
|
101
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
102
102
|
i0.ɵɵproperty("fillHeight", true);
|
|
103
103
|
i0.ɵɵadvance();
|
|
104
104
|
i0.ɵɵproperty("rows", 10);
|
|
105
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
105
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.SmartFilterPrompt);
|
|
106
106
|
} }
|
|
107
107
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
108
|
-
const
|
|
108
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
109
109
|
i0.ɵɵelementStart(0, "div")(1, "kendo-filter", 43);
|
|
110
|
-
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template_kendo_filter_valueChange_1_listener($event) { i0.ɵɵrestoreView(
|
|
110
|
+
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template_kendo_filter_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFilterChange($event)); });
|
|
111
111
|
i0.ɵɵelementEnd()();
|
|
112
112
|
} if (rf & 2) {
|
|
113
|
-
const
|
|
113
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
114
114
|
i0.ɵɵadvance();
|
|
115
|
-
i0.ɵɵproperty("filters",
|
|
115
|
+
i0.ɵɵproperty("filters", ctx_r1.setupFilters())("value", ctx_r1.defaultFilterState);
|
|
116
116
|
} }
|
|
117
117
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template(rf, ctx) { if (rf & 1) {
|
|
118
|
-
const
|
|
118
|
+
const _r8 = i0.ɵɵgetCurrentView();
|
|
119
119
|
i0.ɵɵelementStart(0, "div", 36);
|
|
120
120
|
i0.ɵɵelement(1, "kendo-label", 37);
|
|
121
121
|
i0.ɵɵelementStart(2, "kendo-switch", 38);
|
|
122
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template_kendo_switch_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(
|
|
122
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template_kendo_switch_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.SmartFilterEnabled, $event) || (ctx_r1.record.SmartFilterEnabled = $event); return i0.ɵɵresetView($event); });
|
|
123
123
|
i0.ɵɵelementEnd()();
|
|
124
124
|
i0.ɵɵtemplate(3, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template, 2, 3, "div", 39)(4, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template, 2, 2, "div", 40);
|
|
125
125
|
} if (rf & 2) {
|
|
126
|
-
const
|
|
126
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
127
127
|
i0.ɵɵadvance(2);
|
|
128
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
128
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.SmartFilterEnabled);
|
|
129
129
|
i0.ɵɵadvance();
|
|
130
|
-
i0.ɵɵproperty("ngIf",
|
|
130
|
+
i0.ɵɵproperty("ngIf", ctx_r1.record.SmartFilterEnabled);
|
|
131
131
|
i0.ɵɵadvance();
|
|
132
|
-
i0.ɵɵproperty("ngIf", !
|
|
132
|
+
i0.ɵɵproperty("ngIf", !ctx_r1.record.SmartFilterEnabled);
|
|
133
133
|
} }
|
|
134
134
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
135
|
-
const
|
|
135
|
+
const _r12 = i0.ɵɵgetCurrentView();
|
|
136
136
|
i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist", 48);
|
|
137
|
-
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_valueChange_1_listener($event) { const
|
|
138
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { const
|
|
137
|
+
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_valueChange_1_listener($event) { const s_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortColumnValueChange(s_r13, $event)); });
|
|
138
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { const s_r13 = i0.ɵɵrestoreView(_r12).$implicit; i0.ɵɵtwoWayBindingSet(s_r13.field, $event) || (s_r13.field = $event); return i0.ɵɵresetView($event); });
|
|
139
139
|
i0.ɵɵelementEnd();
|
|
140
140
|
i0.ɵɵelementStart(2, "kendo-dropdownlist", 49);
|
|
141
|
-
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_valueChange_2_listener($event) { const
|
|
142
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const
|
|
141
|
+
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_valueChange_2_listener($event) { const s_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortDirectionValueChange(s_r13, $event)); });
|
|
142
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const s_r13 = i0.ɵɵrestoreView(_r12).$implicit; i0.ɵɵtwoWayBindingSet(s_r13.direction, $event) || (s_r13.direction = $event); return i0.ɵɵresetView($event); });
|
|
143
143
|
i0.ɵɵelementEnd();
|
|
144
144
|
i0.ɵɵelementStart(3, "button", 45);
|
|
145
|
-
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_button_click_3_listener() { const
|
|
145
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_button_click_3_listener() { const s_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.removeSort(s_r13)); });
|
|
146
146
|
i0.ɵɵelement(4, "span", 50);
|
|
147
147
|
i0.ɵɵtext(5, " Remove ");
|
|
148
148
|
i0.ɵɵelementEnd()();
|
|
149
149
|
} if (rf & 2) {
|
|
150
|
-
const
|
|
151
|
-
const
|
|
150
|
+
const s_r13 = ctx.$implicit;
|
|
151
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
152
152
|
i0.ɵɵadvance();
|
|
153
|
-
i0.ɵɵproperty("data",
|
|
154
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
153
|
+
i0.ɵɵproperty("data", ctx_r1.sortFields);
|
|
154
|
+
i0.ɵɵtwoWayProperty("ngModel", s_r13.field);
|
|
155
155
|
i0.ɵɵadvance();
|
|
156
|
-
i0.ɵɵproperty("data",
|
|
157
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
156
|
+
i0.ɵɵproperty("data", ctx_r1.sortDirections);
|
|
157
|
+
i0.ɵɵtwoWayProperty("ngModel", s_r13.direction);
|
|
158
158
|
} }
|
|
159
159
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template(rf, ctx) { if (rf & 1) {
|
|
160
|
-
const
|
|
160
|
+
const _r11 = i0.ɵɵgetCurrentView();
|
|
161
161
|
i0.ɵɵelementStart(0, "div", 44)(1, "button", 45);
|
|
162
|
-
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(
|
|
162
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.addSort()); });
|
|
163
163
|
i0.ɵɵelement(2, "span", 46);
|
|
164
164
|
i0.ɵɵtext(3, " Add ");
|
|
165
165
|
i0.ɵɵelementEnd()();
|
|
166
166
|
i0.ɵɵtemplate(4, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template, 6, 4, "div", 47);
|
|
167
167
|
} if (rf & 2) {
|
|
168
|
-
const
|
|
168
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
169
169
|
i0.ɵɵadvance(4);
|
|
170
|
-
i0.ɵɵproperty("ngForOf",
|
|
170
|
+
i0.ɵɵproperty("ngForOf", ctx_r1.sortState);
|
|
171
171
|
} }
|
|
172
172
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
173
|
-
const
|
|
174
|
-
i0.ɵɵelementStart(0, "kendo-textarea",
|
|
175
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(
|
|
173
|
+
const _r14 = i0.ɵɵgetCurrentView();
|
|
174
|
+
i0.ɵɵelementStart(0, "kendo-textarea", 52);
|
|
175
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.SmartFilterExplanation, $event) || (ctx_r1.record.SmartFilterExplanation = $event); return i0.ɵɵresetView($event); });
|
|
176
176
|
i0.ɵɵelementEnd();
|
|
177
|
-
i0.ɵɵelementStart(1, "kendo-textarea",
|
|
178
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(
|
|
177
|
+
i0.ɵɵelementStart(1, "kendo-textarea", 52);
|
|
178
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.SmartFilterWhereClause, $event) || (ctx_r1.record.SmartFilterWhereClause = $event); return i0.ɵɵresetView($event); });
|
|
179
179
|
i0.ɵɵelementEnd();
|
|
180
180
|
} if (rf & 2) {
|
|
181
|
-
const
|
|
181
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
182
182
|
i0.ɵɵproperty("readonly", true)("rows", 5);
|
|
183
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
183
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.SmartFilterExplanation);
|
|
184
184
|
i0.ɵɵadvance();
|
|
185
185
|
i0.ɵɵproperty("readonly", true)("rows", 5);
|
|
186
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
186
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.SmartFilterWhereClause);
|
|
187
187
|
} }
|
|
188
188
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
189
|
-
const
|
|
190
|
-
i0.ɵɵelementStart(0, "kendo-textarea",
|
|
191
|
-
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(
|
|
189
|
+
const _r15 = i0.ɵɵgetCurrentView();
|
|
190
|
+
i0.ɵɵelementStart(0, "kendo-textarea", 52);
|
|
191
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.WhereClause, $event) || (ctx_r1.record.WhereClause = $event); return i0.ɵɵresetView($event); });
|
|
192
192
|
i0.ɵɵelementEnd();
|
|
193
193
|
} if (rf & 2) {
|
|
194
|
-
const
|
|
194
|
+
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
195
195
|
i0.ɵɵproperty("readonly", true)("rows", 7);
|
|
196
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
196
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.WhereClause);
|
|
197
197
|
} }
|
|
198
198
|
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Template(rf, ctx) { if (rf & 1) {
|
|
199
|
-
i0.ɵɵtemplate(0, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template, 2, 6)(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template, 1, 3);
|
|
199
|
+
i0.ɵɵtemplate(0, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template, 2, 6)(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template, 1, 3, "kendo-textarea", 51);
|
|
200
200
|
} if (rf & 2) {
|
|
201
|
-
const
|
|
202
|
-
i0.ɵɵconditional(
|
|
201
|
+
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
202
|
+
i0.ɵɵconditional(ctx_r1.record.SmartFilterEnabled ? 0 : 1);
|
|
203
203
|
} }
|
|
204
204
|
function UserViewPropertiesDialogComponent_kendo_window_5_Template(rf, ctx) { if (rf & 1) {
|
|
205
|
-
const
|
|
206
|
-
i0.ɵɵelementStart(0, "kendo-window",
|
|
207
|
-
i0.ɵɵlistener("close", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(
|
|
208
|
-
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_kendo_loader_1_Template, 1, 0, "kendo-loader",
|
|
209
|
-
i0.ɵɵelementStart(2, "div",
|
|
210
|
-
i0.ɵɵtemplate(7, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template, 8, 2, "ng-template",
|
|
205
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
206
|
+
i0.ɵɵelementStart(0, "kendo-window", 9);
|
|
207
|
+
i0.ɵɵlistener("close", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePropertiesDialog()); })("resizeEnd", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_resizeEnd_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ResizeTab()); })("heightChange", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_heightChange_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ResizeTab()); })("widthChange", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_widthChange_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ResizeTab()); });
|
|
208
|
+
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_kendo_loader_1_Template, 1, 0, "kendo-loader", 10);
|
|
209
|
+
i0.ɵɵelementStart(2, "div", 11, 1)(4, "div")(5, "kendo-tabstrip", 12)(6, "kendo-tabstrip-tab", 13);
|
|
210
|
+
i0.ɵɵtemplate(7, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template, 8, 2, "ng-template", 14);
|
|
211
211
|
i0.ɵɵelementEnd();
|
|
212
|
-
i0.ɵɵelementStart(8, "kendo-tabstrip-tab",
|
|
213
|
-
i0.ɵɵtemplate(9, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template, 2, 2, "ng-template",
|
|
212
|
+
i0.ɵɵelementStart(8, "kendo-tabstrip-tab", 15);
|
|
213
|
+
i0.ɵɵtemplate(9, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template, 2, 2, "ng-template", 14);
|
|
214
214
|
i0.ɵɵelementEnd();
|
|
215
|
-
i0.ɵɵelementStart(10, "kendo-tabstrip-tab",
|
|
216
|
-
i0.ɵɵtemplate(11, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template, 5, 3, "ng-template",
|
|
215
|
+
i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 16);
|
|
216
|
+
i0.ɵɵtemplate(11, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template, 5, 3, "ng-template", 14);
|
|
217
217
|
i0.ɵɵelementEnd();
|
|
218
|
-
i0.ɵɵelementStart(12, "kendo-tabstrip-tab",
|
|
219
|
-
i0.ɵɵtemplate(13, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template, 5, 1, "ng-template",
|
|
218
|
+
i0.ɵɵelementStart(12, "kendo-tabstrip-tab", 17);
|
|
219
|
+
i0.ɵɵtemplate(13, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template, 5, 1, "ng-template", 14);
|
|
220
220
|
i0.ɵɵelementEnd();
|
|
221
|
-
i0.ɵɵelementStart(14, "kendo-tabstrip-tab",
|
|
222
|
-
i0.ɵɵtemplate(15, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Template, 2, 1, "ng-template",
|
|
221
|
+
i0.ɵɵelementStart(14, "kendo-tabstrip-tab", 18);
|
|
222
|
+
i0.ɵɵtemplate(15, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Template, 2, 1, "ng-template", 14);
|
|
223
223
|
i0.ɵɵelementEnd()();
|
|
224
|
-
i0.ɵɵelementStart(16, "div",
|
|
225
|
-
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_17_listener() { i0.ɵɵrestoreView(
|
|
226
|
-
i0.ɵɵelement(18, "span",
|
|
224
|
+
i0.ɵɵelementStart(16, "div", 19)(17, "button", 20);
|
|
225
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveProperties()); });
|
|
226
|
+
i0.ɵɵelement(18, "span", 21);
|
|
227
227
|
i0.ɵɵtext(19, " Save ");
|
|
228
228
|
i0.ɵɵelementEnd();
|
|
229
|
-
i0.ɵɵelementStart(20, "button",
|
|
230
|
-
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_20_listener() { i0.ɵɵrestoreView(
|
|
229
|
+
i0.ɵɵelementStart(20, "button", 22);
|
|
230
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePropertiesDialog()); });
|
|
231
231
|
i0.ɵɵtext(21, "Cancel");
|
|
232
232
|
i0.ɵɵelementEnd()()()()();
|
|
233
233
|
} if (rf & 2) {
|
|
234
|
-
const
|
|
234
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
235
235
|
i0.ɵɵproperty("minHeight", 300)("minWidth", 800)("top", 100)("left", 100)("width", 668)("height", 525)("resizable", true);
|
|
236
236
|
i0.ɵɵadvance();
|
|
237
|
-
i0.ɵɵproperty("ngIf",
|
|
237
|
+
i0.ɵɵproperty("ngIf", ctx_r1.showloader);
|
|
238
238
|
i0.ɵɵadvance(3);
|
|
239
|
-
i0.ɵɵclassMap(
|
|
239
|
+
i0.ɵɵclassMap(ctx_r1.showloader ? "disabled-div" : "");
|
|
240
240
|
i0.ɵɵadvance();
|
|
241
|
-
i0.ɵɵproperty("keepTabContent", true)("animate", false)("height",
|
|
241
|
+
i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r1.TabHeight);
|
|
242
242
|
i0.ɵɵadvance();
|
|
243
243
|
i0.ɵɵproperty("selected", true);
|
|
244
244
|
} }
|
|
@@ -299,8 +299,8 @@ export class UserViewPropertiesDialogComponent extends BaseFormComponent {
|
|
|
299
299
|
this.ViewID = undefined;
|
|
300
300
|
this.Open();
|
|
301
301
|
}
|
|
302
|
-
Open(
|
|
303
|
-
return __awaiter(this,
|
|
302
|
+
Open() {
|
|
303
|
+
return __awaiter(this, arguments, void 0, function* (ViewID = this.ViewID) {
|
|
304
304
|
this.ViewID = ViewID;
|
|
305
305
|
yield this.Load();
|
|
306
306
|
this.isDialogOpened = true; // binding causes the kendo window to open from this method call
|
|
@@ -583,11 +583,11 @@ UserViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
|
|
|
583
583
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nameField = _t.first);
|
|
584
584
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogContainer = _t.first);
|
|
585
585
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outerDialogContainer = _t.first);
|
|
586
|
-
} }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 3, consts: [["kendoButton", "", "themeColor", "info", "class", "view-properties-button", 3, "click", 4, "ngIf"], ["
|
|
586
|
+
} }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 3, consts: [["outerDialogContainer", ""], ["dialogContainer", ""], ["nameField", ""], ["kendoButton", "", "themeColor", "info", "class", "view-properties-button", 3, "click", 4, "ngIf"], ["class", "k-overlay", 4, "ngIf"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", "resizeEnd", "heightChange", "widthChange", 4, "ngIf"], ["kendoButton", "", "themeColor", "info", 1, "view-properties-button", 3, "click"], [1, "fa-solid", "fa-gear"], [1, "k-overlay"], ["title", "View Properties", 3, "close", "resizeEnd", "heightChange", "widthChange", "minHeight", "minWidth", "top", "left", "width", "height", "resizable"], ["type", "converging-spinner", 4, "ngIf"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full"], [3, "keepTabContent", "animate", "height"], ["title", "General", 3, "selected"], ["kendoTabContent", ""], ["title", "Fields"], ["title", "Filters"], ["title", "Sorting"], ["title", "Advanced"], [1, "k-actions", "k-actions-end", "customBtn", "popup-actions"], ["kendoButton", "", "themeColor", "info", 3, "click"], [1, "fa-solid", "fa-circle-check"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", 3, "click"], ["type", "converging-spinner"], [1, "view-prop-tab-contents"], [1, "form-group"], ["text", "Name", 1, "k-form-label"], [1, "view-name", 3, "ngModelChange", "ngModel"], [1, "form-group", "form-group-description"], ["text", "Description", 1, "k-form-label"], [1, "k-input", "k-input-solid", "view-description", 3, "ngModelChange", "ngModel"], ["itemClass", "item", "activeItemClass", "item active", 3, "dragEnd", "kendoSortableBinding", "animation"], [1, "item-content"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModelChange", "change", "ngModel", "id"], [1, "k-checkbox-label", 3, "for", "text"], [1, "fa-solid", "fa-bars-staggered"], [1, "smart-filter-container"], ["text", "Smart Filter", 1, "smart-filter-label"], [3, "ngModelChange", "ngModel"], ["class", "smart-filter-prompt", "mjFillContainer", "", 3, "fillHeight", 4, "ngIf"], [4, "ngIf"], ["mjFillContainer", "", 1, "smart-filter-prompt", 3, "fillHeight"], ["placeholder", "Describe how you would like the data filtered", "resizable", "vertical", 3, "ngModelChange", "rows", "ngModel"], [3, "valueChange", "filters", "value"], [1, "sort-header"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-plus"], [4, "ngFor", "ngForOf"], ["textField", "Name", "valueField", "Name", 1, "sort-column", 3, "valueChange", "ngModelChange", "data", "ngModel"], ["textField", "Name", "valueField", "Value", 1, "sort-direction", 3, "valueChange", "ngModelChange", "data", "ngModel"], [1, "fa-solid", "fa-xmark"], ["resizable", "vertical", 1, "advanced-tab-details", 3, "readonly", "rows", "ngModel"], ["resizable", "vertical", 1, "advanced-tab-details", 3, "ngModelChange", "readonly", "rows", "ngModel"]], template: function UserViewPropertiesDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
587
587
|
i0.ɵɵelementStart(0, "div");
|
|
588
|
-
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_button_1_Template, 3, 0, "button",
|
|
589
|
-
i0.ɵɵelementStart(2, "div", null,
|
|
590
|
-
i0.ɵɵtemplate(4, UserViewPropertiesDialogComponent_div_4_Template, 1, 0, "div",
|
|
588
|
+
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_button_1_Template, 3, 0, "button", 3);
|
|
589
|
+
i0.ɵɵelementStart(2, "div", null, 0);
|
|
590
|
+
i0.ɵɵtemplate(4, UserViewPropertiesDialogComponent_div_4_Template, 1, 0, "div", 4)(5, UserViewPropertiesDialogComponent_kendo_window_5_Template, 22, 14, "kendo-window", 5);
|
|
591
591
|
i0.ɵɵelementEnd()();
|
|
592
592
|
} if (rf & 2) {
|
|
593
593
|
i0.ɵɵadvance();
|
|
@@ -599,7 +599,7 @@ UserViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
|
|
|
599
599
|
} }, dependencies: [i4.NgForOf, i4.NgIf, i5.TextAreaComponent, i5.TextBoxComponent, i5.SwitchComponent, i5.CheckBoxDirective, i6.LabelComponent, i3.DefaultValueAccessor, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, i7.ButtonComponent, i8.WindowComponent, i9.TabStripComponent, i9.TabStripTabComponent, i9.TabContentDirective, i10.SortableComponent, i10.SortableBindingDirective, i11.FilterComponent, i12.DropDownListComponent], styles: [".view-properties-button[_ngcontent-%COMP%] {\n margin-left: 0px;\n }\n .view-prop-tab-contents[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%; \n\n }\n \n .form-group[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-bottom: 10px;\n }\n \n .form-group-description[_ngcontent-%COMP%] {\n flex-grow: 1;\n }\n \n .k-form-label[_ngcontent-%COMP%] {\n width: 150px; \n\n margin-right: 10px;\n }\n \n .view-description[_ngcontent-%COMP%] {\n flex-grow: 1;\n height: 100%;\n padding: 5px;\n resize: none;\n }\n \n \n \n .item-content[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .popup-content[_ngcontent-%COMP%] {\n height: calc(100% - 46px);\n }\n \n .popup-actions[_ngcontent-%COMP%] {\n padding: 16px 0 0;\n }\n \n .view-prop-tab-contents[_ngcontent-%COMP%] {\n overflow: hidden;\n }\n \n .sort-column[_ngcontent-%COMP%] {\n width: 300px;\n }\n \n .sort-direction[_ngcontent-%COMP%] {\n width: 125px;\n }\n \n .sort-header[_ngcontent-%COMP%] > button[_ngcontent-%COMP%] {\n margin-left: 5px;\n margin-bottom: 5px;\n width: 75px;\n }\n \n .smart-filter-label[_ngcontent-%COMP%] {\n margin-right: 10px;\n }\n \n .smart-filter-prompt[_ngcontent-%COMP%] {\n margin-top: 15px;\n }\n \n .advanced-tab-details[_ngcontent-%COMP%]\n {\n margin-bottom: 10px;\n }\n .customBtn button {\n flex: 1;\n border-radius: 10px;\n line-height: 34px;\n }\n .popup-content .k-tabstrip-items-wrapper {\n background: var(--white-color) !important;\n padding-left: 0 !important;\n }\n .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n border-bottom: 3px solid var(--border-blue) !important;\n }\n .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n background: var(--white-color) !important;\n border-right: 0 !important;\n }\n\n.k-checkbox[_ngcontent-%COMP%]:checked {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}\n\n.k-switch-on[_ngcontent-%COMP%] .k-switch-track[_ngcontent-%COMP%] {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}\n\n.k-selected[_ngcontent-%COMP%] {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}"] });
|
|
600
600
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewPropertiesDialogComponent, [{
|
|
601
601
|
type: Component,
|
|
602
|
-
args: [{ selector: 'mj-user-view-properties-dialog', template: "<div>\n <button *ngIf=\"ShowPropertiesButton\"\n kendoButton\n themeColor=\"info\"\n (click)=\"this.Open()\"\n class=\"view-properties-button\"\n >\n <span class=\"fa-solid fa-gear\"></span>\n Properties\n </button>\n <div #outerDialogContainer>\n <div class=\"k-overlay\" *ngIf=\"isDialogOpened\"></div>\n <kendo-window\n [minHeight]=\"300\"\n [minWidth]=\"800\"\n [top]=\"100\"\n [left]=\"100\"\n [width]=\"668\"\n [height]=\"525\"\n [resizable]=\"true\"\n title=\"View Properties\"\n *ngIf=\"isDialogOpened\"\n (close)=\"closePropertiesDialog()\"\n (resizeEnd)=\"this.ResizeTab()\"\n (heightChange)=\"this.ResizeTab()\"\n (widthChange)=\"this.ResizeTab()\"\n >\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\n <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\" #dialogContainer>\n <div [class]=\"showloader ? 'disabled-div' : ''\">\n <kendo-tabstrip [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n <kendo-tabstrip-tab title=\"General\" [selected]=\"true\">\n <ng-template kendoTabContent>\n <div class=\"view-prop-tab-contents\">\n <div class=\"form-group\">\n <kendo-label class=\"k-form-label\" text=\"Name\"></kendo-label>\n <kendo-textbox #nameField class=\"view-name\" [(ngModel)]=\"record.Name\"></kendo-textbox>\n </div>\n <div class=\"form-group form-group-description\">\n <kendo-label class=\"k-form-label\" text=\"Description\"></kendo-label>\n <textarea class=\"k-input k-input-solid view-description\" [(ngModel)]=\"record.Description\"></textarea>\n </div>\n </div>\n </ng-template>\n </kendo-tabstrip-tab>\n <kendo-tabstrip-tab title=\"Fields\">\n <ng-template kendoTabContent>\n \n <kendo-sortable\n [kendoSortableBinding]=\"this.localGridState.columnSettings\"\n [animation]=\"true\"\n itemClass=\"item\"\n activeItemClass=\"item active\"\n (dragEnd)=\"onDragEnd($event)\"\n >\n <ng-template let-col=\"item\">\n <div class=\"item-content\">\n <div>\n <input\n type=\"checkbox\"\n [(ngModel)]=\"!col.hidden\"\n id=\"column_{{col.ID}}\"\n kendoCheckBox\n (change)=\"toggleColumn(col)\"\n />\n <kendo-label\n [for]=\"'column_'+col.ID\"\n [text]=\"col.DisplayName ? col.DisplayName : col.Name\"\n class=\"k-checkbox-label\"\n ></kendo-label>\n </div>\n <span class=\"fa-solid fa-bars-staggered\"></span>\n </div>\n </ng-template>\n </kendo-sortable>\n </ng-template>\n </kendo-tabstrip-tab>\n <kendo-tabstrip-tab title=\"Filters\">\n <ng-template kendoTabContent>\n <div class=\"smart-filter-container\">\n <kendo-label text=\"Smart Filter\" class=\"smart-filter-label\"></kendo-label>\n <kendo-switch [(ngModel)]=\"record.SmartFilterEnabled\"></kendo-switch>\n </div>\n <div *ngIf=\"record.SmartFilterEnabled\" class=\"smart-filter-prompt\" mjFillContainer [fillHeight]=\"true\">\n <kendo-textarea\n placeholder=\"Describe how you would like the data filtered\"\n [rows]=\"10\"\n [(ngModel)]=\"record.SmartFilterPrompt\"\n resizable=\"vertical\"\n ></kendo-textarea>\n </div>\n <div *ngIf=\"!record.SmartFilterEnabled\">\n <kendo-filter\n [filters]=\"setupFilters()\"\n [value]=\"defaultFilterState\"\n (valueChange)=\"onFilterChange($event)\"\n >\n </kendo-filter>\n </div>\n </ng-template>\n </kendo-tabstrip-tab>\n <kendo-tabstrip-tab title=\"Sorting\">\n <ng-template kendoTabContent>\n <div class=\"sort-header\">\n <button kendoButton (click)=\"addSort()\">\n <span class=\"fa-solid fa-plus\"></span>\n Add\n </button>\n </div>\n <div *ngFor=\"let s of this.sortState\"> \n <kendo-dropdownlist \n class=\"sort-column\"\n [data]=\"sortFields\"\n textField=\"Name\"\n valueField=\"Name\"\n (valueChange)=\"sortColumnValueChange(s, $event)\"\n [(ngModel)]=\"s.field\"\n >\n </kendo-dropdownlist>\n <kendo-dropdownlist\n class=\"sort-direction\"\n [data]=\"sortDirections\"\n textField=\"Name\"\n valueField=\"Value\"\n (valueChange)=\"sortDirectionValueChange(s, $event)\"\n [(ngModel)]=\"s.direction\"\n >\n </kendo-dropdownlist>\n <button kendoButton (click)=\"removeSort(s)\">\n <span class=\"fa-solid fa-xmark\"></span>\n Remove\n </button>\n </div> \n </ng-template>\n </kendo-tabstrip-tab>\n <kendo-tabstrip-tab title=\"Advanced\">\n <ng-template kendoTabContent>\n @if(record.SmartFilterEnabled) {\n <kendo-textarea\n [readonly]=\"true\"\n [rows]=\"5\"\n [(ngModel)]=\"record.SmartFilterExplanation\"\n resizable=\"vertical\"\n class=\"advanced-tab-details\"\n ></kendo-textarea>\n <kendo-textarea\n [readonly]=\"true\"\n [rows]=\"5\"\n [(ngModel)]=\"record.SmartFilterWhereClause\"\n resizable=\"vertical\"\n class=\"advanced-tab-details\"\n ></kendo-textarea> \n }\n @else {\n <kendo-textarea\n [readonly]=\"true\"\n [rows]=\"7\"\n [(ngModel)]=\"record.WhereClause\"\n resizable=\"vertical\"\n class=\"advanced-tab-details\"\n ></kendo-textarea>\n }\n \n </ng-template>\n </kendo-tabstrip-tab>\n </kendo-tabstrip>\n \n <div class=\"k-actions k-actions-end customBtn popup-actions\">\n <button kendoButton (click)=\"saveProperties()\" themeColor=\"info\">\n <span class=\"fa-solid fa-circle-check\"></span>\n Save\n </button>\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton (click)=\"closePropertiesDialog()\">Cancel</button>\n </div>\n </div>\n </div>\n </kendo-window>\n </div>\n</div> ", styles: [".view-properties-button {\n margin-left: 0px;\n }\n .view-prop-tab-contents {\n display: flex;\n flex-direction: column;\n height: 100%; /* Set to the height you want */\n }\n \n .form-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-bottom: 10px;\n }\n \n .form-group-description {\n flex-grow: 1;\n }\n \n .k-form-label {\n width: 150px; /* Adjust as needed */\n margin-right: 10px;\n }\n \n .view-description {\n flex-grow: 1;\n height: 100%;\n padding: 5px;\n resize: none;\n }\n \n \n \n .item-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .popup-content {\n height: calc(100% - 46px);\n }\n \n .popup-actions {\n padding: 16px 0 0;\n }\n \n .view-prop-tab-contents {\n overflow: hidden;\n }\n \n .sort-column {\n width: 300px;\n }\n \n .sort-direction {\n width: 125px;\n }\n \n .sort-header > button {\n margin-left: 5px;\n margin-bottom: 5px;\n width: 75px;\n }\n \n .smart-filter-label {\n margin-right: 10px;\n }\n \n .smart-filter-prompt {\n margin-top: 15px;\n }\n \n .advanced-tab-details\n {\n margin-bottom: 10px;\n }\n ::ng-deep .customBtn button {\n flex: 1;\n border-radius: 10px;\n line-height: 34px;\n }\n ::ng-deep .popup-content .k-tabstrip-items-wrapper {\n background: var(--white-color) !important;\n padding-left: 0 !important;\n }\n ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n border-bottom: 3px solid var(--border-blue) !important;\n }\n ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n background: var(--white-color) !important;\n border-right: 0 !important;\n }\n\n.k-checkbox:checked {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}\n\n.k-switch-on .k-switch-track {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}\n\n.k-selected {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}"] }]
|
|
602
|
+
args: [{ selector: 'mj-user-view-properties-dialog', template: "<div>\n <button *ngIf=\"ShowPropertiesButton\"\n kendoButton\n themeColor=\"info\"\n (click)=\"this.Open()\"\n class=\"view-properties-button\"\n >\n <span class=\"fa-solid fa-gear\"></span>\n Properties\n </button>\n <div #outerDialogContainer>\n <div class=\"k-overlay\" *ngIf=\"isDialogOpened\"></div>\n <kendo-window\n [minHeight]=\"300\"\n [minWidth]=\"800\"\n [top]=\"100\"\n [left]=\"100\"\n [width]=\"668\"\n [height]=\"525\"\n [resizable]=\"true\"\n title=\"View Properties\"\n *ngIf=\"isDialogOpened\"\n (close)=\"closePropertiesDialog()\"\n (resizeEnd)=\"this.ResizeTab()\"\n (heightChange)=\"this.ResizeTab()\"\n (widthChange)=\"this.ResizeTab()\"\n >\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\n <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\" #dialogContainer>\n <div [class]=\"showloader ? 'disabled-div' : ''\">\n <kendo-tabstrip [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\n <kendo-tabstrip-tab title=\"General\" [selected]=\"true\">\n <ng-template kendoTabContent>\n <div class=\"view-prop-tab-contents\">\n <div class=\"form-group\">\n <kendo-label class=\"k-form-label\" text=\"Name\"></kendo-label>\n <kendo-textbox #nameField class=\"view-name\" [(ngModel)]=\"record.Name\"></kendo-textbox>\n </div>\n <div class=\"form-group form-group-description\">\n <kendo-label class=\"k-form-label\" text=\"Description\"></kendo-label>\n <textarea class=\"k-input k-input-solid view-description\" [(ngModel)]=\"record.Description\"></textarea>\n </div>\n </div>\n </ng-template>\n </kendo-tabstrip-tab>\n <kendo-tabstrip-tab title=\"Fields\">\n <ng-template kendoTabContent>\n \n <kendo-sortable\n [kendoSortableBinding]=\"this.localGridState.columnSettings\"\n [animation]=\"true\"\n itemClass=\"item\"\n activeItemClass=\"item active\"\n (dragEnd)=\"onDragEnd($event)\"\n >\n <ng-template let-col=\"item\">\n <div class=\"item-content\">\n <div>\n <input\n type=\"checkbox\"\n [(ngModel)]=\"col.hidden\"\n id=\"column_{{col.ID}}\"\n kendoCheckBox\n (change)=\"toggleColumn(col)\"\n />\n <kendo-label\n [for]=\"'column_'+col.ID\"\n [text]=\"col.DisplayName ? col.DisplayName : col.Name\"\n class=\"k-checkbox-label\"\n ></kendo-label>\n </div>\n <span class=\"fa-solid fa-bars-staggered\"></span>\n </div>\n </ng-template>\n </kendo-sortable>\n </ng-template>\n </kendo-tabstrip-tab>\n <kendo-tabstrip-tab title=\"Filters\">\n <ng-template kendoTabContent>\n <div class=\"smart-filter-container\">\n <kendo-label text=\"Smart Filter\" class=\"smart-filter-label\"></kendo-label>\n <kendo-switch [(ngModel)]=\"record.SmartFilterEnabled\"></kendo-switch>\n </div>\n <div *ngIf=\"record.SmartFilterEnabled\" class=\"smart-filter-prompt\" mjFillContainer [fillHeight]=\"true\">\n <kendo-textarea\n placeholder=\"Describe how you would like the data filtered\"\n [rows]=\"10\"\n [(ngModel)]=\"record.SmartFilterPrompt\"\n resizable=\"vertical\"\n ></kendo-textarea>\n </div>\n <div *ngIf=\"!record.SmartFilterEnabled\">\n <kendo-filter\n [filters]=\"setupFilters()\"\n [value]=\"defaultFilterState\"\n (valueChange)=\"onFilterChange($event)\"\n >\n </kendo-filter>\n </div>\n </ng-template>\n </kendo-tabstrip-tab>\n <kendo-tabstrip-tab title=\"Sorting\">\n <ng-template kendoTabContent>\n <div class=\"sort-header\">\n <button kendoButton (click)=\"addSort()\">\n <span class=\"fa-solid fa-plus\"></span>\n Add\n </button>\n </div>\n <div *ngFor=\"let s of this.sortState\"> \n <kendo-dropdownlist \n class=\"sort-column\"\n [data]=\"sortFields\"\n textField=\"Name\"\n valueField=\"Name\"\n (valueChange)=\"sortColumnValueChange(s, $event)\"\n [(ngModel)]=\"s.field\"\n >\n </kendo-dropdownlist>\n <kendo-dropdownlist\n class=\"sort-direction\"\n [data]=\"sortDirections\"\n textField=\"Name\"\n valueField=\"Value\"\n (valueChange)=\"sortDirectionValueChange(s, $event)\"\n [(ngModel)]=\"s.direction\"\n >\n </kendo-dropdownlist>\n <button kendoButton (click)=\"removeSort(s)\">\n <span class=\"fa-solid fa-xmark\"></span>\n Remove\n </button>\n </div> \n </ng-template>\n </kendo-tabstrip-tab>\n <kendo-tabstrip-tab title=\"Advanced\">\n <ng-template kendoTabContent>\n @if(record.SmartFilterEnabled) {\n <kendo-textarea\n [readonly]=\"true\"\n [rows]=\"5\"\n [(ngModel)]=\"record.SmartFilterExplanation\"\n resizable=\"vertical\"\n class=\"advanced-tab-details\"\n ></kendo-textarea>\n <kendo-textarea\n [readonly]=\"true\"\n [rows]=\"5\"\n [(ngModel)]=\"record.SmartFilterWhereClause\"\n resizable=\"vertical\"\n class=\"advanced-tab-details\"\n ></kendo-textarea> \n }\n @else {\n <kendo-textarea\n [readonly]=\"true\"\n [rows]=\"7\"\n [(ngModel)]=\"record.WhereClause\"\n resizable=\"vertical\"\n class=\"advanced-tab-details\"\n ></kendo-textarea>\n }\n \n </ng-template>\n </kendo-tabstrip-tab>\n </kendo-tabstrip>\n \n <div class=\"k-actions k-actions-end customBtn popup-actions\">\n <button kendoButton (click)=\"saveProperties()\" themeColor=\"info\">\n <span class=\"fa-solid fa-circle-check\"></span>\n Save\n </button>\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton (click)=\"closePropertiesDialog()\">Cancel</button>\n </div>\n </div>\n </div>\n </kendo-window>\n </div>\n</div> ", styles: [".view-properties-button {\n margin-left: 0px;\n }\n .view-prop-tab-contents {\n display: flex;\n flex-direction: column;\n height: 100%; /* Set to the height you want */\n }\n \n .form-group {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-bottom: 10px;\n }\n \n .form-group-description {\n flex-grow: 1;\n }\n \n .k-form-label {\n width: 150px; /* Adjust as needed */\n margin-right: 10px;\n }\n \n .view-description {\n flex-grow: 1;\n height: 100%;\n padding: 5px;\n resize: none;\n }\n \n \n \n .item-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .popup-content {\n height: calc(100% - 46px);\n }\n \n .popup-actions {\n padding: 16px 0 0;\n }\n \n .view-prop-tab-contents {\n overflow: hidden;\n }\n \n .sort-column {\n width: 300px;\n }\n \n .sort-direction {\n width: 125px;\n }\n \n .sort-header > button {\n margin-left: 5px;\n margin-bottom: 5px;\n width: 75px;\n }\n \n .smart-filter-label {\n margin-right: 10px;\n }\n \n .smart-filter-prompt {\n margin-top: 15px;\n }\n \n .advanced-tab-details\n {\n margin-bottom: 10px;\n }\n ::ng-deep .customBtn button {\n flex: 1;\n border-radius: 10px;\n line-height: 34px;\n }\n ::ng-deep .popup-content .k-tabstrip-items-wrapper {\n background: var(--white-color) !important;\n padding-left: 0 !important;\n }\n ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n border-bottom: 3px solid var(--border-blue) !important;\n }\n ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n background: var(--white-color) !important;\n border-right: 0 !important;\n }\n\n.k-checkbox:checked {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}\n\n.k-switch-on .k-switch-track {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}\n\n.k-selected {\n background-color: var(--border-blue);\n border-color: var(--border-blue);\n color: white;\n}"] }]
|
|
603
603
|
}], () => [{ type: i1.ActivatedRoute }, { type: i0.ElementRef }, { type: i2.SharedService }, { type: i3.FormBuilder }, { type: i1.Router }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], { ViewID: [{
|
|
604
604
|
type: Input
|
|
605
605
|
}], EntityName: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-user-view-properties",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.6.0",
|
|
4
4
|
"description": "MemberJunction: Angular UI Dialog Component to View/Edit User View Properties",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -15,27 +15,27 @@
|
|
|
15
15
|
"author": "",
|
|
16
16
|
"license": "ISC",
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@angular/compiler": "
|
|
19
|
-
"@angular/compiler-cli": "
|
|
18
|
+
"@angular/compiler": "18.0.2",
|
|
19
|
+
"@angular/compiler-cli": "18.0.2"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@angular/common": "
|
|
23
|
-
"@angular/core": "
|
|
24
|
-
"@angular/forms": "
|
|
22
|
+
"@angular/common": "18.0.2",
|
|
23
|
+
"@angular/core": "18.0.2",
|
|
24
|
+
"@angular/forms": "18.0.2"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@memberjunction/global": "
|
|
28
|
-
"@memberjunction/core": "
|
|
29
|
-
"@memberjunction/core-entities": "
|
|
30
|
-
"@memberjunction/ng-base-forms": "
|
|
31
|
-
"@memberjunction/ng-shared": "
|
|
32
|
-
"@progress/kendo-angular-sortable": "
|
|
33
|
-
"@progress/kendo-angular-dialog": "
|
|
34
|
-
"@progress/kendo-angular-layout": "
|
|
35
|
-
"@progress/kendo-angular-inputs": "
|
|
36
|
-
"@progress/kendo-angular-buttons": "
|
|
27
|
+
"@memberjunction/global": "1.6.0",
|
|
28
|
+
"@memberjunction/core": "1.6.0",
|
|
29
|
+
"@memberjunction/core-entities": "1.6.0",
|
|
30
|
+
"@memberjunction/ng-base-forms": "1.6.0",
|
|
31
|
+
"@memberjunction/ng-shared": "1.6.0",
|
|
32
|
+
"@progress/kendo-angular-sortable": "16.2.0",
|
|
33
|
+
"@progress/kendo-angular-dialog": "16.2.0",
|
|
34
|
+
"@progress/kendo-angular-layout": "16.2.0",
|
|
35
|
+
"@progress/kendo-angular-inputs": "16.2.0",
|
|
36
|
+
"@progress/kendo-angular-buttons": "16.2.0",
|
|
37
37
|
"@progress/kendo-data-query": "~1.7.0",
|
|
38
|
-
"@progress/kendo-angular-filter": "
|
|
38
|
+
"@progress/kendo-angular-filter": "16.2.0",
|
|
39
39
|
"tslib": "^2.3.0"
|
|
40
40
|
},
|
|
41
41
|
"sideEffects": false
|