@memberjunction/ng-user-view-properties 1.2.1 → 1.3.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.
|
@@ -31,206 +31,214 @@ 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
|
-
i0.ɵɵ
|
|
34
|
+
function UserViewPropertiesDialogComponent_button_1_Template(rf, ctx) { if (rf & 1) {
|
|
35
|
+
const _r5 = i0.ɵɵgetCurrentView();
|
|
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);
|
|
36
44
|
} }
|
|
37
|
-
function
|
|
38
|
-
i0.ɵɵelement(0, "kendo-loader",
|
|
45
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_kendo_loader_1_Template(rf, ctx) { if (rf & 1) {
|
|
46
|
+
i0.ɵɵelement(0, "kendo-loader", 22);
|
|
39
47
|
} }
|
|
40
|
-
function
|
|
41
|
-
const
|
|
42
|
-
i0.ɵɵelementStart(0, "div",
|
|
43
|
-
i0.ɵɵelement(2, "kendo-label",
|
|
44
|
-
i0.ɵɵelementStart(3, "kendo-textbox",
|
|
45
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
48
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template(rf, ctx) { if (rf & 1) {
|
|
49
|
+
const _r15 = i0.ɵɵgetCurrentView();
|
|
50
|
+
i0.ɵɵelementStart(0, "div", 23)(1, "div", 24);
|
|
51
|
+
i0.ɵɵelement(2, "kendo-label", 25);
|
|
52
|
+
i0.ɵɵelementStart(3, "kendo-textbox", 26, 27);
|
|
53
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r14.record.Name, $event) || (ctx_r14.record.Name = $event); return i0.ɵɵresetView($event); });
|
|
46
54
|
i0.ɵɵelementEnd()();
|
|
47
|
-
i0.ɵɵelementStart(5, "div",
|
|
48
|
-
i0.ɵɵelement(6, "kendo-label",
|
|
49
|
-
i0.ɵɵelementStart(7, "textarea",
|
|
50
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
55
|
+
i0.ɵɵelementStart(5, "div", 28);
|
|
56
|
+
i0.ɵɵelement(6, "kendo-label", 29);
|
|
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(_r15); const ctx_r16 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r16.record.Description, $event) || (ctx_r16.record.Description = $event); return i0.ɵɵresetView($event); });
|
|
51
59
|
i0.ɵɵelementEnd()()();
|
|
52
60
|
} if (rf & 2) {
|
|
53
|
-
const
|
|
61
|
+
const ctx_r8 = i0.ɵɵnextContext(2);
|
|
54
62
|
i0.ɵɵadvance(3);
|
|
55
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
63
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r8.record.Name);
|
|
56
64
|
i0.ɵɵadvance(4);
|
|
57
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
65
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r8.record.Description);
|
|
58
66
|
} }
|
|
59
|
-
function
|
|
60
|
-
const
|
|
61
|
-
i0.ɵɵelementStart(0, "div",
|
|
62
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
63
|
-
i0.ɵɵlistener("change", function
|
|
67
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
68
|
+
const _r20 = i0.ɵɵgetCurrentView();
|
|
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 restoredCtx = i0.ɵɵrestoreView(_r20); const col_r18 = restoredCtx.item; i0.ɵɵtwoWayBindingSet(col_r18.hidden, $event) || (col_r18.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 restoredCtx = i0.ɵɵrestoreView(_r20); const col_r18 = restoredCtx.item; const ctx_r21 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r21.toggleColumn(col_r18)); });
|
|
64
72
|
i0.ɵɵelementEnd();
|
|
65
|
-
i0.ɵɵelement(3, "kendo-label",
|
|
73
|
+
i0.ɵɵelement(3, "kendo-label", 34);
|
|
66
74
|
i0.ɵɵelementEnd();
|
|
67
|
-
i0.ɵɵelement(4, "span",
|
|
75
|
+
i0.ɵɵelement(4, "span", 35);
|
|
68
76
|
i0.ɵɵelementEnd();
|
|
69
77
|
} if (rf & 2) {
|
|
70
|
-
const
|
|
78
|
+
const col_r18 = ctx.item;
|
|
71
79
|
i0.ɵɵadvance(2);
|
|
72
|
-
i0.ɵɵpropertyInterpolate1("id", "column_",
|
|
73
|
-
i0.ɵɵtwoWayProperty("ngModel", !
|
|
80
|
+
i0.ɵɵpropertyInterpolate1("id", "column_", col_r18.ID, "");
|
|
81
|
+
i0.ɵɵtwoWayProperty("ngModel", !col_r18.hidden);
|
|
74
82
|
i0.ɵɵadvance();
|
|
75
|
-
i0.ɵɵproperty("for", "column_" +
|
|
83
|
+
i0.ɵɵproperty("for", "column_" + col_r18.ID)("text", col_r18.DisplayName ? col_r18.DisplayName : col_r18.Name);
|
|
76
84
|
} }
|
|
77
|
-
function
|
|
78
|
-
const
|
|
79
|
-
i0.ɵɵelementStart(0, "kendo-sortable",
|
|
80
|
-
i0.ɵɵlistener("dragEnd", function
|
|
81
|
-
i0.ɵɵtemplate(1,
|
|
85
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template(rf, ctx) { if (rf & 1) {
|
|
86
|
+
const _r23 = i0.ɵɵgetCurrentView();
|
|
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(_r23); const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.onDragEnd($event)); });
|
|
89
|
+
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template, 5, 4, "ng-template");
|
|
82
90
|
i0.ɵɵelementEnd();
|
|
83
91
|
} if (rf & 2) {
|
|
84
|
-
const
|
|
85
|
-
i0.ɵɵproperty("kendoSortableBinding",
|
|
92
|
+
const ctx_r9 = i0.ɵɵnextContext(2);
|
|
93
|
+
i0.ɵɵproperty("kendoSortableBinding", ctx_r9.localGridState.columnSettings)("animation", true);
|
|
86
94
|
} }
|
|
87
|
-
function
|
|
88
|
-
const
|
|
89
|
-
i0.ɵɵelementStart(0, "div",
|
|
90
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
95
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template(rf, ctx) { if (rf & 1) {
|
|
96
|
+
const _r27 = i0.ɵɵgetCurrentView();
|
|
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(_r27); const ctx_r26 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r26.record.SmartFilterPrompt, $event) || (ctx_r26.record.SmartFilterPrompt = $event); return i0.ɵɵresetView($event); });
|
|
91
99
|
i0.ɵɵelementEnd()();
|
|
92
100
|
} if (rf & 2) {
|
|
93
|
-
const
|
|
101
|
+
const ctx_r24 = i0.ɵɵnextContext(3);
|
|
94
102
|
i0.ɵɵproperty("fillHeight", true);
|
|
95
103
|
i0.ɵɵadvance();
|
|
96
104
|
i0.ɵɵproperty("rows", 10);
|
|
97
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
105
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r24.record.SmartFilterPrompt);
|
|
98
106
|
} }
|
|
99
|
-
function
|
|
100
|
-
const
|
|
101
|
-
i0.ɵɵelementStart(0, "div")(1, "kendo-filter",
|
|
102
|
-
i0.ɵɵlistener("valueChange", function
|
|
107
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
108
|
+
const _r29 = i0.ɵɵgetCurrentView();
|
|
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(_r29); const ctx_r28 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r28.onFilterChange($event)); });
|
|
103
111
|
i0.ɵɵelementEnd()();
|
|
104
112
|
} if (rf & 2) {
|
|
105
|
-
const
|
|
113
|
+
const ctx_r25 = i0.ɵɵnextContext(3);
|
|
106
114
|
i0.ɵɵadvance();
|
|
107
|
-
i0.ɵɵproperty("filters",
|
|
115
|
+
i0.ɵɵproperty("filters", ctx_r25.setupFilters())("value", ctx_r25.defaultFilterState);
|
|
108
116
|
} }
|
|
109
|
-
function
|
|
110
|
-
const
|
|
111
|
-
i0.ɵɵelementStart(0, "div",
|
|
112
|
-
i0.ɵɵelement(1, "kendo-label",
|
|
113
|
-
i0.ɵɵelementStart(2, "kendo-switch",
|
|
114
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
117
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template(rf, ctx) { if (rf & 1) {
|
|
118
|
+
const _r31 = i0.ɵɵgetCurrentView();
|
|
119
|
+
i0.ɵɵelementStart(0, "div", 36);
|
|
120
|
+
i0.ɵɵelement(1, "kendo-label", 37);
|
|
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(_r31); const ctx_r30 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r30.record.SmartFilterEnabled, $event) || (ctx_r30.record.SmartFilterEnabled = $event); return i0.ɵɵresetView($event); });
|
|
115
123
|
i0.ɵɵelementEnd()();
|
|
116
|
-
i0.ɵɵtemplate(3,
|
|
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);
|
|
117
125
|
} if (rf & 2) {
|
|
118
|
-
const
|
|
126
|
+
const ctx_r10 = i0.ɵɵnextContext(2);
|
|
119
127
|
i0.ɵɵadvance(2);
|
|
120
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
128
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r10.record.SmartFilterEnabled);
|
|
121
129
|
i0.ɵɵadvance();
|
|
122
|
-
i0.ɵɵproperty("ngIf",
|
|
130
|
+
i0.ɵɵproperty("ngIf", ctx_r10.record.SmartFilterEnabled);
|
|
123
131
|
i0.ɵɵadvance();
|
|
124
|
-
i0.ɵɵproperty("ngIf", !
|
|
132
|
+
i0.ɵɵproperty("ngIf", !ctx_r10.record.SmartFilterEnabled);
|
|
125
133
|
} }
|
|
126
|
-
function
|
|
127
|
-
const
|
|
128
|
-
i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist",
|
|
129
|
-
i0.ɵɵlistener("valueChange", function
|
|
130
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
134
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
135
|
+
const _r35 = i0.ɵɵgetCurrentView();
|
|
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 restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r34 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r34.sortColumnValueChange(s_r33, $event)); });
|
|
138
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(s_r33.field, $event) || (s_r33.field = $event); return i0.ɵɵresetView($event); });
|
|
131
139
|
i0.ɵɵelementEnd();
|
|
132
|
-
i0.ɵɵelementStart(2, "kendo-dropdownlist",
|
|
133
|
-
i0.ɵɵlistener("valueChange", function
|
|
134
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
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 restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r37 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r37.sortDirectionValueChange(s_r33, $event)); });
|
|
142
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(s_r33.direction, $event) || (s_r33.direction = $event); return i0.ɵɵresetView($event); });
|
|
135
143
|
i0.ɵɵelementEnd();
|
|
136
|
-
i0.ɵɵelementStart(3, "button",
|
|
137
|
-
i0.ɵɵlistener("click", function
|
|
138
|
-
i0.ɵɵelement(4, "span",
|
|
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 restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r39 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r39.removeSort(s_r33)); });
|
|
146
|
+
i0.ɵɵelement(4, "span", 50);
|
|
139
147
|
i0.ɵɵtext(5, " Remove ");
|
|
140
148
|
i0.ɵɵelementEnd()();
|
|
141
149
|
} if (rf & 2) {
|
|
142
|
-
const
|
|
143
|
-
const
|
|
150
|
+
const s_r33 = ctx.$implicit;
|
|
151
|
+
const ctx_r32 = i0.ɵɵnextContext(3);
|
|
144
152
|
i0.ɵɵadvance();
|
|
145
|
-
i0.ɵɵproperty("data",
|
|
146
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
153
|
+
i0.ɵɵproperty("data", ctx_r32.sortFields);
|
|
154
|
+
i0.ɵɵtwoWayProperty("ngModel", s_r33.field);
|
|
147
155
|
i0.ɵɵadvance();
|
|
148
|
-
i0.ɵɵproperty("data",
|
|
149
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
156
|
+
i0.ɵɵproperty("data", ctx_r32.sortDirections);
|
|
157
|
+
i0.ɵɵtwoWayProperty("ngModel", s_r33.direction);
|
|
150
158
|
} }
|
|
151
|
-
function
|
|
152
|
-
const
|
|
153
|
-
i0.ɵɵelementStart(0, "div",
|
|
154
|
-
i0.ɵɵlistener("click", function
|
|
155
|
-
i0.ɵɵelement(2, "span",
|
|
159
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template(rf, ctx) { if (rf & 1) {
|
|
160
|
+
const _r41 = i0.ɵɵgetCurrentView();
|
|
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(_r41); const ctx_r40 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r40.addSort()); });
|
|
163
|
+
i0.ɵɵelement(2, "span", 46);
|
|
156
164
|
i0.ɵɵtext(3, " Add ");
|
|
157
165
|
i0.ɵɵelementEnd()();
|
|
158
|
-
i0.ɵɵtemplate(4,
|
|
166
|
+
i0.ɵɵtemplate(4, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_4_Template, 6, 4, "div", 47);
|
|
159
167
|
} if (rf & 2) {
|
|
160
|
-
const
|
|
168
|
+
const ctx_r11 = i0.ɵɵnextContext(2);
|
|
161
169
|
i0.ɵɵadvance(4);
|
|
162
|
-
i0.ɵɵproperty("ngForOf",
|
|
170
|
+
i0.ɵɵproperty("ngForOf", ctx_r11.sortState);
|
|
163
171
|
} }
|
|
164
|
-
function
|
|
165
|
-
const
|
|
166
|
-
i0.ɵɵelementStart(0, "kendo-textarea",
|
|
167
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
172
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
173
|
+
const _r45 = i0.ɵɵgetCurrentView();
|
|
174
|
+
i0.ɵɵelementStart(0, "kendo-textarea", 51);
|
|
175
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r44 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r44.record.SmartFilterExplanation, $event) || (ctx_r44.record.SmartFilterExplanation = $event); return i0.ɵɵresetView($event); });
|
|
168
176
|
i0.ɵɵelementEnd();
|
|
169
|
-
i0.ɵɵelementStart(1, "kendo-textarea",
|
|
170
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
177
|
+
i0.ɵɵelementStart(1, "kendo-textarea", 51);
|
|
178
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r46 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r46.record.SmartFilterWhereClause, $event) || (ctx_r46.record.SmartFilterWhereClause = $event); return i0.ɵɵresetView($event); });
|
|
171
179
|
i0.ɵɵelementEnd();
|
|
172
180
|
} if (rf & 2) {
|
|
173
|
-
const
|
|
181
|
+
const ctx_r42 = i0.ɵɵnextContext(3);
|
|
174
182
|
i0.ɵɵproperty("readonly", true)("rows", 5);
|
|
175
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
183
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r42.record.SmartFilterExplanation);
|
|
176
184
|
i0.ɵɵadvance();
|
|
177
185
|
i0.ɵɵproperty("readonly", true)("rows", 5);
|
|
178
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
186
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r42.record.SmartFilterWhereClause);
|
|
179
187
|
} }
|
|
180
|
-
function
|
|
181
|
-
const
|
|
182
|
-
i0.ɵɵelementStart(0, "kendo-textarea",
|
|
183
|
-
i0.ɵɵtwoWayListener("ngModelChange", function
|
|
188
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
189
|
+
const _r48 = i0.ɵɵgetCurrentView();
|
|
190
|
+
i0.ɵɵelementStart(0, "kendo-textarea", 51);
|
|
191
|
+
i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r48); const ctx_r47 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r47.record.WhereClause, $event) || (ctx_r47.record.WhereClause = $event); return i0.ɵɵresetView($event); });
|
|
184
192
|
i0.ɵɵelementEnd();
|
|
185
193
|
} if (rf & 2) {
|
|
186
|
-
const
|
|
194
|
+
const ctx_r43 = i0.ɵɵnextContext(3);
|
|
187
195
|
i0.ɵɵproperty("readonly", true)("rows", 7);
|
|
188
|
-
i0.ɵɵtwoWayProperty("ngModel",
|
|
196
|
+
i0.ɵɵtwoWayProperty("ngModel", ctx_r43.record.WhereClause);
|
|
189
197
|
} }
|
|
190
|
-
function
|
|
191
|
-
i0.ɵɵtemplate(0,
|
|
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);
|
|
192
200
|
} if (rf & 2) {
|
|
193
|
-
const
|
|
194
|
-
i0.ɵɵconditional(0,
|
|
201
|
+
const ctx_r12 = i0.ɵɵnextContext(2);
|
|
202
|
+
i0.ɵɵconditional(0, ctx_r12.record.SmartFilterEnabled ? 0 : 1);
|
|
195
203
|
} }
|
|
196
|
-
function
|
|
197
|
-
const
|
|
198
|
-
i0.ɵɵelementStart(0, "kendo-window",
|
|
199
|
-
i0.ɵɵlistener("close", function
|
|
200
|
-
i0.ɵɵtemplate(1,
|
|
201
|
-
i0.ɵɵelementStart(2, "div",
|
|
202
|
-
i0.ɵɵtemplate(7,
|
|
204
|
+
function UserViewPropertiesDialogComponent_kendo_window_5_Template(rf, ctx) { if (rf & 1) {
|
|
205
|
+
const _r50 = i0.ɵɵgetCurrentView();
|
|
206
|
+
i0.ɵɵelementStart(0, "kendo-window", 7);
|
|
207
|
+
i0.ɵɵlistener("close", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r49 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r49.closePropertiesDialog()); })("resizeEnd", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_resizeEnd_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.ResizeTab()); })("heightChange", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_heightChange_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r52 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r52.ResizeTab()); })("widthChange", function UserViewPropertiesDialogComponent_kendo_window_5_Template_kendo_window_widthChange_0_listener() { i0.ɵɵrestoreView(_r50); const ctx_r53 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r53.ResizeTab()); });
|
|
208
|
+
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_kendo_loader_1_Template, 1, 0, "kendo-loader", 8);
|
|
209
|
+
i0.ɵɵelementStart(2, "div", 9, 10)(4, "div")(5, "kendo-tabstrip", 11)(6, "kendo-tabstrip-tab", 12);
|
|
210
|
+
i0.ɵɵtemplate(7, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template, 8, 2, "ng-template", 13);
|
|
203
211
|
i0.ɵɵelementEnd();
|
|
204
|
-
i0.ɵɵelementStart(8, "kendo-tabstrip-tab",
|
|
205
|
-
i0.ɵɵtemplate(9,
|
|
212
|
+
i0.ɵɵelementStart(8, "kendo-tabstrip-tab", 14);
|
|
213
|
+
i0.ɵɵtemplate(9, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template, 2, 2, "ng-template", 13);
|
|
206
214
|
i0.ɵɵelementEnd();
|
|
207
|
-
i0.ɵɵelementStart(10, "kendo-tabstrip-tab",
|
|
208
|
-
i0.ɵɵtemplate(11,
|
|
215
|
+
i0.ɵɵelementStart(10, "kendo-tabstrip-tab", 15);
|
|
216
|
+
i0.ɵɵtemplate(11, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template, 5, 3, "ng-template", 13);
|
|
209
217
|
i0.ɵɵelementEnd();
|
|
210
|
-
i0.ɵɵelementStart(12, "kendo-tabstrip-tab",
|
|
211
|
-
i0.ɵɵtemplate(13,
|
|
218
|
+
i0.ɵɵelementStart(12, "kendo-tabstrip-tab", 16);
|
|
219
|
+
i0.ɵɵtemplate(13, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template, 5, 1, "ng-template", 13);
|
|
212
220
|
i0.ɵɵelementEnd();
|
|
213
|
-
i0.ɵɵelementStart(14, "kendo-tabstrip-tab",
|
|
214
|
-
i0.ɵɵtemplate(15,
|
|
221
|
+
i0.ɵɵelementStart(14, "kendo-tabstrip-tab", 17);
|
|
222
|
+
i0.ɵɵtemplate(15, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Template, 2, 1, "ng-template", 13);
|
|
215
223
|
i0.ɵɵelementEnd()();
|
|
216
|
-
i0.ɵɵelementStart(16, "div",
|
|
217
|
-
i0.ɵɵlistener("click", function
|
|
218
|
-
i0.ɵɵelement(18, "span",
|
|
224
|
+
i0.ɵɵelementStart(16, "div", 18)(17, "button", 19);
|
|
225
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r50); const ctx_r54 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r54.saveProperties()); });
|
|
226
|
+
i0.ɵɵelement(18, "span", 20);
|
|
219
227
|
i0.ɵɵtext(19, " Save ");
|
|
220
228
|
i0.ɵɵelementEnd();
|
|
221
|
-
i0.ɵɵelementStart(20, "button",
|
|
222
|
-
i0.ɵɵlistener("click", function
|
|
229
|
+
i0.ɵɵelementStart(20, "button", 21);
|
|
230
|
+
i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r50); const ctx_r55 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r55.closePropertiesDialog()); });
|
|
223
231
|
i0.ɵɵtext(21, "Cancel");
|
|
224
232
|
i0.ɵɵelementEnd()()()()();
|
|
225
233
|
} if (rf & 2) {
|
|
226
|
-
const
|
|
234
|
+
const ctx_r3 = i0.ɵɵnextContext();
|
|
227
235
|
i0.ɵɵproperty("minHeight", 300)("minWidth", 800)("top", 100)("left", 100)("width", 668)("height", 525)("resizable", true);
|
|
228
236
|
i0.ɵɵadvance();
|
|
229
|
-
i0.ɵɵproperty("ngIf",
|
|
237
|
+
i0.ɵɵproperty("ngIf", ctx_r3.showloader);
|
|
230
238
|
i0.ɵɵadvance(3);
|
|
231
|
-
i0.ɵɵclassMap(
|
|
239
|
+
i0.ɵɵclassMap(ctx_r3.showloader ? "disabled-div" : "");
|
|
232
240
|
i0.ɵɵadvance();
|
|
233
|
-
i0.ɵɵproperty("keepTabContent", true)("animate", false)("height",
|
|
241
|
+
i0.ɵɵproperty("keepTabContent", true)("animate", false)("height", ctx_r3.TabHeight);
|
|
234
242
|
i0.ɵɵadvance();
|
|
235
243
|
i0.ɵɵproperty("selected", true);
|
|
236
244
|
} }
|
|
@@ -574,24 +582,23 @@ UserViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
|
|
|
574
582
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nameField = _t.first);
|
|
575
583
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogContainer = _t.first);
|
|
576
584
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outerDialogContainer = _t.first);
|
|
577
|
-
} }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls:
|
|
578
|
-
i0.ɵɵelementStart(0, "div")
|
|
579
|
-
i0.ɵɵ
|
|
580
|
-
i0.ɵɵ
|
|
581
|
-
i0.ɵɵ
|
|
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);
|
|
585
|
+
} }, 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"], ["outerDialogContainer", ""], ["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, "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) {
|
|
586
|
+
i0.ɵɵelementStart(0, "div");
|
|
587
|
+
i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_button_1_Template, 3, 0, "button", 0);
|
|
588
|
+
i0.ɵɵelementStart(2, "div", null, 1);
|
|
589
|
+
i0.ɵɵtemplate(4, UserViewPropertiesDialogComponent_div_4_Template, 1, 0, "div", 2)(5, UserViewPropertiesDialogComponent_kendo_window_5_Template, 22, 14, "kendo-window", 3);
|
|
585
590
|
i0.ɵɵelementEnd()();
|
|
586
591
|
} if (rf & 2) {
|
|
587
|
-
i0.ɵɵadvance(
|
|
592
|
+
i0.ɵɵadvance();
|
|
593
|
+
i0.ɵɵproperty("ngIf", ctx.ShowPropertiesButton);
|
|
594
|
+
i0.ɵɵadvance(3);
|
|
588
595
|
i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
|
|
589
596
|
i0.ɵɵadvance();
|
|
590
597
|
i0.ɵɵproperty("ngIf", ctx.isDialogOpened);
|
|
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}
|
|
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}"] });
|
|
592
599
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewPropertiesDialogComponent, [{
|
|
593
600
|
type: Component,
|
|
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}"] }]
|
|
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}"] }]
|
|
595
602
|
}], () => [{ type: i1.ActivatedRoute }, { type: i0.ElementRef }, { type: i2.SharedService }, { type: i3.FormBuilder }, { type: i1.Router }, { type: i0.Renderer2 }], { ViewID: [{
|
|
596
603
|
type: Input
|
|
597
604
|
}], 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.3.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",
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
"@angular/forms": "~17.2.2"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@memberjunction/global": "~1.
|
|
28
|
-
"@memberjunction/core": "~1.
|
|
29
|
-
"@memberjunction/core-entities": "~1.
|
|
30
|
-
"@memberjunction/ng-base-forms": "~1.
|
|
31
|
-
"@memberjunction/ng-shared": "~1.
|
|
27
|
+
"@memberjunction/global": "~1.3.0",
|
|
28
|
+
"@memberjunction/core": "~1.3.0",
|
|
29
|
+
"@memberjunction/core-entities": "~1.3.0",
|
|
30
|
+
"@memberjunction/ng-base-forms": "~1.3.0",
|
|
31
|
+
"@memberjunction/ng-shared": "~1.3.0",
|
|
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",
|