@memberjunction/ng-user-view-properties 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -31,214 +31,206 @@ import * as i12 from "@progress/kendo-angular-dropdowns";
|
|
|
31
31
|
const _c0 = ["nameField"];
|
|
32
32
|
const _c1 = ["dialogContainer"];
|
|
33
33
|
const _c2 = ["outerDialogContainer"];
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
i0.ɵɵelementStart(0, "button", 4);
|
|
37
|
-
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.Open()); });
|
|
38
|
-
i0.ɵɵelement(1, "span", 5);
|
|
39
|
-
i0.ɵɵtext(2, " Properties ");
|
|
40
|
-
i0.ɵɵelementEnd();
|
|
41
|
-
} }
|
|
42
|
-
function UserViewPropertiesDialogComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
43
|
-
i0.ɵɵelement(0, "div", 6);
|
|
34
|
+
function UserViewPropertiesDialogComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
35
|
+
i0.ɵɵelement(0, "div", 5);
|
|
44
36
|
} }
|
|
45
|
-
function
|
|
46
|
-
i0.ɵɵelement(0, "kendo-loader",
|
|
37
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_kendo_loader_1_Template(rf, ctx) { if (rf & 1) {
|
|
38
|
+
i0.ɵɵelement(0, "kendo-loader", 21);
|
|
47
39
|
} }
|
|
48
|
-
function
|
|
49
|
-
const
|
|
50
|
-
i0.ɵɵelementStart(0, "div",
|
|
51
|
-
i0.ɵɵelement(2, "kendo-label",
|
|
52
|
-
i0.ɵɵelementStart(3, "kendo-textbox",
|
|
53
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
40
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_7_Template(rf, ctx) { if (rf & 1) {
|
|
41
|
+
const _r12 = i0.ɵɵgetCurrentView();
|
|
42
|
+
i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
|
|
43
|
+
i0.ɵɵelement(2, "kendo-label", 24);
|
|
44
|
+
i0.ɵɵelementStart(3, "kendo-textbox", 25, 26);
|
|
45
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_7_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r11.record.Name, $event) || (ctx_r11.record.Name = $event); return i0.ɵɵresetView($event); });
|
|
54
46
|
i0.ɵɵelementEnd()();
|
|
55
|
-
i0.ɵɵelementStart(5, "div",
|
|
56
|
-
i0.ɵɵelement(6, "kendo-label",
|
|
57
|
-
i0.ɵɵelementStart(7, "textarea",
|
|
58
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
47
|
+
i0.ɵɵelementStart(5, "div", 27);
|
|
48
|
+
i0.ɵɵelement(6, "kendo-label", 28);
|
|
49
|
+
i0.ɵɵelementStart(7, "textarea", 29);
|
|
50
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_7_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r13.record.Description, $event) || (ctx_r13.record.Description = $event); return i0.ɵɵresetView($event); });
|
|
59
51
|
i0.ɵɵelementEnd()()();
|
|
60
52
|
} if (rf & 2) {
|
|
61
|
-
const
|
|
53
|
+
const ctx_r5 = i0.ɵɵnextContext(2);
|
|
62
54
|
i0.ɵɵadvance(3);
|
|
63
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
55
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r5.record.Name);
|
|
64
56
|
i0.ɵɵadvance(4);
|
|
65
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
57
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r5.record.Description);
|
|
66
58
|
} }
|
|
67
|
-
function
|
|
68
|
-
const
|
|
69
|
-
i0.ɵɵelementStart(0, "div",
|
|
70
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
71
|
-
i0.ɵɵlistener("change", function
|
|
59
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
60
|
+
const _r17 = i0.ɵɵgetCurrentView();
|
|
61
|
+
i0.ɵɵelementStart(0, "div", 31)(1, "div")(2, "input", 32);
|
|
62
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_9_ng_template_1_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r17); const col_r15 = restoredCtx.item; i0.ɵɵtwoWayBindingSet(col_r15.hidden, $event) || (col_r15.hidden = $event); return i0.ɵɵresetView($event); });
|
|
63
|
+
i0.ɵɵlistener("change", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_9_ng_template_1_Template_input_change_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const col_r15 = restoredCtx.item; const ctx_r18 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r18.toggleColumn(col_r15)); });
|
|
72
64
|
i0.ɵɵelementEnd();
|
|
73
|
-
i0.ɵɵelement(3, "kendo-label",
|
|
65
|
+
i0.ɵɵelement(3, "kendo-label", 33);
|
|
74
66
|
i0.ɵɵelementEnd();
|
|
75
|
-
i0.ɵɵelement(4, "span",
|
|
67
|
+
i0.ɵɵelement(4, "span", 34);
|
|
76
68
|
i0.ɵɵelementEnd();
|
|
77
69
|
} if (rf & 2) {
|
|
78
|
-
const
|
|
70
|
+
const col_r15 = ctx.item;
|
|
79
71
|
i0.ɵɵadvance(2);
|
|
80
|
-
i0.ɵɵpropertyInterpolate1("id", "column_",
|
|
81
|
-
i0.ɵɵtwoWayProperty("ngModel", !
|
|
72
|
+
i0.ɵɵpropertyInterpolate1("id", "column_", col_r15.ID, "");
|
|
73
|
+
i0.ɵɵtwoWayProperty("ngModel", !col_r15.hidden);
|
|
82
74
|
i0.ɵɵadvance();
|
|
83
|
-
i0.ɵɵproperty("for", "column_" +
|
|
75
|
+
i0.ɵɵproperty("for", "column_" + col_r15.ID)("text", col_r15.DisplayName ? col_r15.DisplayName : col_r15.Name);
|
|
84
76
|
} }
|
|
85
|
-
function
|
|
86
|
-
const
|
|
87
|
-
i0.ɵɵelementStart(0, "kendo-sortable",
|
|
88
|
-
i0.ɵɵlistener("dragEnd", function
|
|
89
|
-
i0.ɵɵtemplate(1,
|
|
77
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_9_Template(rf, ctx) { if (rf & 1) {
|
|
78
|
+
const _r20 = i0.ɵɵgetCurrentView();
|
|
79
|
+
i0.ɵɵelementStart(0, "kendo-sortable", 30);
|
|
80
|
+
i0.ɵɵlistener("dragEnd", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_9_Template_kendo_sortable_dragEnd_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.onDragEnd($event)); });
|
|
81
|
+
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_9_ng_template_1_Template, 5, 4, "ng-template");
|
|
90
82
|
i0.ɵɵelementEnd();
|
|
91
83
|
} if (rf & 2) {
|
|
92
|
-
const
|
|
93
|
-
i0.ɵɵproperty("kendoSortableBinding",
|
|
84
|
+
const ctx_r6 = i0.ɵɵnextContext(2);
|
|
85
|
+
i0.ɵɵproperty("kendoSortableBinding", ctx_r6.localGridState.columnSettings)("animation", true);
|
|
94
86
|
} }
|
|
95
|
-
function
|
|
96
|
-
const
|
|
97
|
-
i0.ɵɵelementStart(0, "div",
|
|
98
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
87
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
88
|
+
const _r24 = i0.ɵɵgetCurrentView();
|
|
89
|
+
i0.ɵɵelementStart(0, "div", 40)(1, "kendo-textarea", 41);
|
|
90
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_div_3_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r23.record.SmartFilterPrompt, $event) || (ctx_r23.record.SmartFilterPrompt = $event); return i0.ɵɵresetView($event); });
|
|
99
91
|
i0.ɵɵelementEnd()();
|
|
100
92
|
} if (rf & 2) {
|
|
101
|
-
const
|
|
93
|
+
const ctx_r21 = i0.ɵɵnextContext(3);
|
|
102
94
|
i0.ɵɵproperty("fillHeight", true);
|
|
103
95
|
i0.ɵɵadvance();
|
|
104
96
|
i0.ɵɵproperty("rows", 10);
|
|
105
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
97
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r21.record.SmartFilterPrompt);
|
|
106
98
|
} }
|
|
107
|
-
function
|
|
108
|
-
const
|
|
109
|
-
i0.ɵɵelementStart(0, "div")(1, "kendo-filter",
|
|
110
|
-
i0.ɵɵlistener("valueChange", function
|
|
99
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
100
|
+
const _r26 = i0.ɵɵgetCurrentView();
|
|
101
|
+
i0.ɵɵelementStart(0, "div")(1, "kendo-filter", 42);
|
|
102
|
+
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_div_4_Template_kendo_filter_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r25.onFilterChange($event)); });
|
|
111
103
|
i0.ɵɵelementEnd()();
|
|
112
104
|
} if (rf & 2) {
|
|
113
|
-
const
|
|
105
|
+
const ctx_r22 = i0.ɵɵnextContext(3);
|
|
114
106
|
i0.ɵɵadvance();
|
|
115
|
-
i0.ɵɵproperty("filters",
|
|
107
|
+
i0.ɵɵproperty("filters", ctx_r22.setupFilters())("value", ctx_r22.defaultFilterState);
|
|
116
108
|
} }
|
|
117
|
-
function
|
|
118
|
-
const
|
|
119
|
-
i0.ɵɵelementStart(0, "div",
|
|
120
|
-
i0.ɵɵelement(1, "kendo-label",
|
|
121
|
-
i0.ɵɵelementStart(2, "kendo-switch",
|
|
122
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
109
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_Template(rf, ctx) { if (rf & 1) {
|
|
110
|
+
const _r28 = i0.ɵɵgetCurrentView();
|
|
111
|
+
i0.ɵɵelementStart(0, "div", 35);
|
|
112
|
+
i0.ɵɵelement(1, "kendo-label", 36);
|
|
113
|
+
i0.ɵɵelementStart(2, "kendo-switch", 37);
|
|
114
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_Template_kendo_switch_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r27.record.SmartFilterEnabled, $event) || (ctx_r27.record.SmartFilterEnabled = $event); return i0.ɵɵresetView($event); });
|
|
123
115
|
i0.ɵɵelementEnd()();
|
|
124
|
-
i0.ɵɵtemplate(3,
|
|
116
|
+
i0.ɵɵtemplate(3, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_div_3_Template, 2, 3, "div", 38)(4, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_div_4_Template, 2, 2, "div", 39);
|
|
125
117
|
} if (rf & 2) {
|
|
126
|
-
const
|
|
118
|
+
const ctx_r7 = i0.ɵɵnextContext(2);
|
|
127
119
|
i0.ɵɵadvance(2);
|
|
128
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
120
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r7.record.SmartFilterEnabled);
|
|
129
121
|
i0.ɵɵadvance();
|
|
130
|
-
i0.ɵɵproperty("ngIf",
|
|
122
|
+
i0.ɵɵproperty("ngIf", ctx_r7.record.SmartFilterEnabled);
|
|
131
123
|
i0.ɵɵadvance();
|
|
132
|
-
i0.ɵɵproperty("ngIf", !
|
|
124
|
+
i0.ɵɵproperty("ngIf", !ctx_r7.record.SmartFilterEnabled);
|
|
133
125
|
} }
|
|
134
|
-
function
|
|
135
|
-
const
|
|
136
|
-
i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist",
|
|
137
|
-
i0.ɵɵlistener("valueChange", function
|
|
138
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
126
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
127
|
+
const _r32 = i0.ɵɵgetCurrentView();
|
|
128
|
+
i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist", 47);
|
|
129
|
+
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_div_4_Template_kendo_dropdownlist_valueChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r32); const s_r30 = restoredCtx.$implicit; const ctx_r31 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r31.sortColumnValueChange(s_r30, $event)); });
|
|
130
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_div_4_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r32); const s_r30 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(s_r30.field, $event) || (s_r30.field = $event); return i0.ɵɵresetView($event); });
|
|
139
131
|
i0.ɵɵelementEnd();
|
|
140
|
-
i0.ɵɵelementStart(2, "kendo-dropdownlist",
|
|
141
|
-
i0.ɵɵlistener("valueChange", function
|
|
142
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
132
|
+
i0.ɵɵelementStart(2, "kendo-dropdownlist", 48);
|
|
133
|
+
i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_div_4_Template_kendo_dropdownlist_valueChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r32); const s_r30 = restoredCtx.$implicit; const ctx_r34 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r34.sortDirectionValueChange(s_r30, $event)); });
|
|
134
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_div_4_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r32); const s_r30 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(s_r30.direction, $event) || (s_r30.direction = $event); return i0.ɵɵresetView($event); });
|
|
143
135
|
i0.ɵɵelementEnd();
|
|
144
|
-
i0.ɵɵelementStart(3, "button",
|
|
145
|
-
i0.ɵɵlistener("click", function
|
|
146
|
-
i0.ɵɵelement(4, "span",
|
|
136
|
+
i0.ɵɵelementStart(3, "button", 44);
|
|
137
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_div_4_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r32); const s_r30 = restoredCtx.$implicit; const ctx_r36 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r36.removeSort(s_r30)); });
|
|
138
|
+
i0.ɵɵelement(4, "span", 49);
|
|
147
139
|
i0.ɵɵtext(5, " Remove ");
|
|
148
140
|
i0.ɵɵelementEnd()();
|
|
149
141
|
} if (rf & 2) {
|
|
150
|
-
const
|
|
151
|
-
const
|
|
142
|
+
const s_r30 = ctx.$implicit;
|
|
143
|
+
const ctx_r29 = i0.ɵɵnextContext(3);
|
|
152
144
|
i0.ɵɵadvance();
|
|
153
|
-
i0.ɵɵproperty("data",
|
|
154
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
145
|
+
i0.ɵɵproperty("data", ctx_r29.sortFields);
|
|
146
|
+
i0.ɵɵtwoWayProperty("ngModel", s_r30.field);
|
|
155
147
|
i0.ɵɵadvance();
|
|
156
|
-
i0.ɵɵproperty("data",
|
|
157
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
148
|
+
i0.ɵɵproperty("data", ctx_r29.sortDirections);
|
|
149
|
+
i0.ɵɵtwoWayProperty("ngModel", s_r30.direction);
|
|
158
150
|
} }
|
|
159
|
-
function
|
|
160
|
-
const
|
|
161
|
-
i0.ɵɵelementStart(0, "div",
|
|
162
|
-
i0.ɵɵlistener("click", function
|
|
163
|
-
i0.ɵɵelement(2, "span",
|
|
151
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_Template(rf, ctx) { if (rf & 1) {
|
|
152
|
+
const _r38 = i0.ɵɵgetCurrentView();
|
|
153
|
+
i0.ɵɵelementStart(0, "div", 43)(1, "button", 44);
|
|
154
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r38); const ctx_r37 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r37.addSort()); });
|
|
155
|
+
i0.ɵɵelement(2, "span", 45);
|
|
164
156
|
i0.ɵɵtext(3, " Add ");
|
|
165
157
|
i0.ɵɵelementEnd()();
|
|
166
|
-
i0.ɵɵtemplate(4,
|
|
158
|
+
i0.ɵɵtemplate(4, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_div_4_Template, 6, 4, "div", 46);
|
|
167
159
|
} if (rf & 2) {
|
|
168
|
-
const
|
|
160
|
+
const ctx_r8 = i0.ɵɵnextContext(2);
|
|
169
161
|
i0.ɵɵadvance(4);
|
|
170
|
-
i0.ɵɵproperty("ngForOf",
|
|
162
|
+
i0.ɵɵproperty("ngForOf", ctx_r8.sortState);
|
|
171
163
|
} }
|
|
172
|
-
function
|
|
173
|
-
const
|
|
174
|
-
i0.ɵɵelementStart(0, "kendo-textarea",
|
|
175
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
164
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
165
|
+
const _r42 = i0.ɵɵgetCurrentView();
|
|
166
|
+
i0.ɵɵelementStart(0, "kendo-textarea", 50);
|
|
167
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r41.record.SmartFilterExplanation, $event) || (ctx_r41.record.SmartFilterExplanation = $event); return i0.ɵɵresetView($event); });
|
|
176
168
|
i0.ɵɵelementEnd();
|
|
177
|
-
i0.ɵɵelementStart(1, "kendo-textarea",
|
|
178
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
169
|
+
i0.ɵɵelementStart(1, "kendo-textarea", 50);
|
|
170
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r42); const ctx_r43 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r43.record.SmartFilterWhereClause, $event) || (ctx_r43.record.SmartFilterWhereClause = $event); return i0.ɵɵresetView($event); });
|
|
179
171
|
i0.ɵɵelementEnd();
|
|
180
172
|
} if (rf & 2) {
|
|
181
|
-
const
|
|
173
|
+
const ctx_r39 = i0.ɵɵnextContext(3);
|
|
182
174
|
i0.ɵɵproperty("readonly", true)("rows", 5);
|
|
183
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
175
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r39.record.SmartFilterExplanation);
|
|
184
176
|
i0.ɵɵadvance();
|
|
185
177
|
i0.ɵɵproperty("readonly", true)("rows", 5);
|
|
186
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
178
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r39.record.SmartFilterWhereClause);
|
|
187
179
|
} }
|
|
188
|
-
function
|
|
189
|
-
const
|
|
190
|
-
i0.ɵɵelementStart(0, "kendo-textarea",
|
|
191
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
180
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
181
|
+
const _r45 = i0.ɵɵgetCurrentView();
|
|
182
|
+
i0.ɵɵelementStart(0, "kendo-textarea", 50);
|
|
183
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Conditional_1_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r44 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r44.record.WhereClause, $event) || (ctx_r44.record.WhereClause = $event); return i0.ɵɵresetView($event); });
|
|
192
184
|
i0.ɵɵelementEnd();
|
|
193
185
|
} if (rf & 2) {
|
|
194
|
-
const
|
|
186
|
+
const ctx_r40 = i0.ɵɵnextContext(3);
|
|
195
187
|
i0.ɵɵproperty("readonly", true)("rows", 7);
|
|
196
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
188
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r40.record.WhereClause);
|
|
197
189
|
} }
|
|
198
|
-
function
|
|
199
|
-
i0.ɵɵtemplate(0,
|
|
190
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Template(rf, ctx) { if (rf & 1) {
|
|
191
|
+
i0.ɵɵtemplate(0, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Conditional_0_Template, 2, 6)(1, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Conditional_1_Template, 1, 3);
|
|
200
192
|
} if (rf & 2) {
|
|
201
|
-
const
|
|
202
|
-
i0.ɵɵconditional(0,
|
|
193
|
+
const ctx_r9 = i0.ɵɵnextContext(2);
|
|
194
|
+
i0.ɵɵconditional(0, ctx_r9.record.SmartFilterEnabled ? 0 : 1);
|
|
203
195
|
} }
|
|
204
|
-
function
|
|
205
|
-
const
|
|
206
|
-
i0.ɵɵelementStart(0, "kendo-window",
|
|
207
|
-
i0.ɵɵlistener("close", function
|
|
208
|
-
i0.ɵɵtemplate(1,
|
|
209
|
-
i0.ɵɵelementStart(2, "div",
|
|
210
|
-
i0.ɵɵtemplate(7,
|
|
196
|
+
function UserViewPropertiesDialogComponent_kendo_window_7_Template(rf, ctx) { if (rf & 1) {
|
|
197
|
+
const _r47 = i0.ɵɵgetCurrentView();
|
|
198
|
+
i0.ɵɵelementStart(0, "kendo-window", 6);
|
|
199
|
+
i0.ɵɵlistener("close", function UserViewPropertiesDialogComponent_kendo_window_7_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r47); const ctx_r46 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r46.closePropertiesDialog()); })("resizeEnd", function UserViewPropertiesDialogComponent_kendo_window_7_Template_kendo_window_resizeEnd_0_listener() { i0.ɵɵrestoreView(_r47); const ctx_r48 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r48.ResizeTab()); })("heightChange", function UserViewPropertiesDialogComponent_kendo_window_7_Template_kendo_window_heightChange_0_listener() { i0.ɵɵrestoreView(_r47); const ctx_r49 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r49.ResizeTab()); })("widthChange", function UserViewPropertiesDialogComponent_kendo_window_7_Template_kendo_window_widthChange_0_listener() { i0.ɵɵrestoreView(_r47); const ctx_r50 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r50.ResizeTab()); });
|
|
200
|
+
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_7_kendo_loader_1_Template, 1, 0, "kendo-loader", 7);
|
|
201
|
+
i0.ɵɵelementStart(2, "div", 8, 9)(4, "div")(5, "kendo-tabstrip", 10)(6, "kendo-tabstrip-tab", 11);
|
|
202
|
+
i0.ɵɵtemplate(7, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_7_Template, 8, 2, "ng-template", 12);
|
|
211
203
|
i0.ɵɵelementEnd();
|
|
212
|
-
i0.ɵɵelementStart(8, "kendo-tabstrip-tab",
|
|
213
|
-
i0.ɵɵtemplate(9,
|
|
204
|
+
i0.ɵɵelementStart(8, "kendo-tabstrip-tab", 13);
|
|
205
|
+
i0.ɵɵtemplate(9, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_9_Template, 2, 2, "ng-template", 12);
|
|
214
206
|
i0.ɵɵelementEnd();
|
|
215
|
-
i0.ɵɵelementStart(10, "kendo-tabstrip-tab",
|
|
216
|
-
i0.ɵɵtemplate(11,
|
|
207
|
+
i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 14);
|
|
208
|
+
i0.ɵɵtemplate(11, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_11_Template, 5, 3, "ng-template", 12);
|
|
217
209
|
i0.ɵɵelementEnd();
|
|
218
|
-
i0.ɵɵelementStart(12, "kendo-tabstrip-tab",
|
|
219
|
-
i0.ɵɵtemplate(13,
|
|
210
|
+
i0.ɵɵelementStart(12, "kendo-tabstrip-tab", 15);
|
|
211
|
+
i0.ɵɵtemplate(13, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_13_Template, 5, 1, "ng-template", 12);
|
|
220
212
|
i0.ɵɵelementEnd();
|
|
221
|
-
i0.ɵɵelementStart(14, "kendo-tabstrip-tab",
|
|
222
|
-
i0.ɵɵtemplate(15,
|
|
213
|
+
i0.ɵɵelementStart(14, "kendo-tabstrip-tab", 16);
|
|
214
|
+
i0.ɵɵtemplate(15, UserViewPropertiesDialogComponent_kendo_window_7_ng_template_15_Template, 2, 1, "ng-template", 12);
|
|
223
215
|
i0.ɵɵelementEnd()();
|
|
224
|
-
i0.ɵɵelementStart(16, "div",
|
|
225
|
-
i0.ɵɵlistener("click", function
|
|
226
|
-
i0.ɵɵelement(18, "span",
|
|
216
|
+
i0.ɵɵelementStart(16, "div", 17)(17, "button", 18);
|
|
217
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_7_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r47); const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.saveProperties()); });
|
|
218
|
+
i0.ɵɵelement(18, "span", 19);
|
|
227
219
|
i0.ɵɵtext(19, " Save ");
|
|
228
220
|
i0.ɵɵelementEnd();
|
|
229
|
-
i0.ɵɵelementStart(20, "button",
|
|
230
|
-
i0.ɵɵlistener("click", function
|
|
221
|
+
i0.ɵɵelementStart(20, "button", 20);
|
|
222
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_7_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r47); const ctx_r52 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r52.closePropertiesDialog()); });
|
|
231
223
|
i0.ɵɵtext(21, "Cancel");
|
|
232
224
|
i0.ɵɵelementEnd()()()()();
|
|
233
225
|
} if (rf & 2) {
|
|
234
|
-
const
|
|
226
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
235
227
|
i0.ɵɵproperty("minHeight", 300)("minWidth", 800)("top", 100)("left", 100)("width", 668)("height", 525)("resizable", true);
|
|
236
228
|
i0.ɵɵadvance();
|
|
237
|
-
i0.ɵɵproperty("ngIf",
|
|
229
|
+
i0.ɵɵproperty("ngIf", ctx_r2.showloader);
|
|
238
230
|
i0.ɵɵadvance(3);
|
|
239
|
-
i0.ɵɵclassMap(
|
|
231
|
+
i0.ɵɵclassMap(ctx_r2.showloader ? "disabled-div" : "");
|
|
240
232
|
i0.ɵɵadvance();
|
|
241
|
-
i0.ɵɵproperty("keepTabContent", true)("animate", false)("height",
|
|
233
|
+
i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r2.TabHeight);
|
|
242
234
|
i0.ɵɵadvance();
|
|
243
235
|
i0.ɵɵproperty("selected", true);
|
|
244
236
|
} }
|
|
@@ -582,23 +574,24 @@ UserViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
|
|
|
582
574
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nameField = _t.first);
|
|
583
575
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogContainer = _t.first);
|
|
584
576
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outerDialogContainer = _t.first);
|
|
585
|
-
} }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls:
|
|
586
|
-
i0.ɵɵelementStart(0, "div");
|
|
587
|
-
i0.ɵɵ
|
|
588
|
-
i0.ɵɵ
|
|
589
|
-
i0.ɵɵ
|
|
577
|
+
} }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 2, consts: [["title", "Properties", "kendoButton", "", 1, "property-button-solid-base", 3, "click"], [1, "fa-solid", "fa-gear", "fa-lg"], ["outerDialogContainer", ""], ["class", "k-overlay", 4, "ngIf"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", "resizeEnd", "heightChange", "widthChange", 4, "ngIf"], [1, "k-overlay"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", "resizeEnd", "heightChange", "widthChange"], ["type", "converging-spinner", 4, "ngIf"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full"], ["dialogContainer", ""], [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, "ngModel", "ngModelChange"], ["nameField", ""], [1, "form-group", "form-group-description"], ["text", "Description", 1, "k-form-label"], [1, "k-input", "k-input-solid", "view-description", 3, "ngModel", "ngModelChange"], ["itemClass", "item", "activeItemClass", "item active", 3, "kendoSortableBinding", "animation", "dragEnd"], [1, "item-content"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "id", "ngModelChange", "change"], [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, "ngModel", "ngModelChange"], ["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, "rows", "ngModel", "ngModelChange"], [3, "filters", "value", "valueChange"], [1, "sort-header"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-plus"], [4, "ngFor", "ngForOf"], ["textField", "Name", "valueField", "Name", 1, "sort-column", 3, "data", "ngModel", "valueChange", "ngModelChange"], ["textField", "Name", "valueField", "Value", 1, "sort-direction", 3, "data", "ngModel", "valueChange", "ngModelChange"], [1, "fa-solid", "fa-xmark"], ["resizable", "vertical", 1, "advanced-tab-details", 3, "readonly", "rows", "ngModel", "ngModelChange"]], template: function UserViewPropertiesDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
578
|
+
i0.ɵɵelementStart(0, "div")(1, "button", 0);
|
|
579
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_Template_button_click_1_listener() { return ctx.Open(); });
|
|
580
|
+
i0.ɵɵelement(2, "span", 1);
|
|
581
|
+
i0.ɵɵtext(3, " Properties ");
|
|
582
|
+
i0.ɵɵelementEnd();
|
|
583
|
+
i0.ɵɵelementStart(4, "div", null, 2);
|
|
584
|
+
i0.ɵɵtemplate(6, UserViewPropertiesDialogComponent_div_6_Template, 1, 0, "div", 3)(7, UserViewPropertiesDialogComponent_kendo_window_7_Template, 22, 14, "kendo-window", 4);
|
|
590
585
|
i0.ɵɵelementEnd()();
|
|
591
586
|
} if (rf & 2) {
|
|
592
|
-
i0.ɵɵadvance();
|
|
593
|
-
i0.ɵɵproperty("ngIf", ctx.ShowPropertiesButton);
|
|
594
|
-
i0.ɵɵadvance(3);
|
|
587
|
+
i0.ɵɵadvance(6);
|
|
595
588
|
i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
|
|
596
589
|
i0.ɵɵadvance();
|
|
597
590
|
i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
|
|
598
|
-
} }, 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}"] });
|
|
591
|
+
} }, 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}\n\n .property-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}"] });
|
|
599
592
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewPropertiesDialogComponent, [{
|
|
600
593
|
type: Component,
|
|
601
|
-
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}"] }]
|
|
594
|
+
args: [{ selector: 'mj-user-view-properties-dialog', template: "<div>\n <!--\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 -->\n <button title=\"Properties\" kendoButton class=\"property-button-solid-base\" (click)=\"this.Open()\">\n <span class=\"fa-solid fa-gear fa-lg\"></span> 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}\n\n::ng-deep .property-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}"] }]
|
|
602
595
|
}], () => [{ type: i1.ActivatedRoute }, { type: i0.ElementRef }, { type: i2.SharedService }, { type: i3.FormBuilder }, { type: i1.Router }, { type: i0.Renderer2 }], { ViewID: [{
|
|
603
596
|
type: Input
|
|
604
597
|
}], EntityName: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-user-view-properties",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
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",
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
"@angular/forms": "~17.2.2"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@memberjunction/global": "~1.2.
|
|
28
|
-
"@memberjunction/core": "~1.2.
|
|
29
|
-
"@memberjunction/core-entities": "~1.2.
|
|
30
|
-
"@memberjunction/ng-base-forms": "~1.2.
|
|
31
|
-
"@memberjunction/ng-shared": "~1.2.
|
|
27
|
+
"@memberjunction/global": "~1.2.1",
|
|
28
|
+
"@memberjunction/core": "~1.2.1",
|
|
29
|
+
"@memberjunction/core-entities": "~1.2.1",
|
|
30
|
+
"@memberjunction/ng-base-forms": "~1.2.1",
|
|
31
|
+
"@memberjunction/ng-shared": "~1.2.1",
|
|
32
32
|
"@progress/kendo-angular-sortable": "~15.1.0",
|
|
33
33
|
"@progress/kendo-angular-dialog": "~15.1.0",
|
|
34
34
|
"@progress/kendo-angular-layout": "~15.1.0",
|