@wavemaker/app-ng-runtime 11.8.4-rc.5779 → 11.8.5-1.5798
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.
- app-ng-runtime/components/base/bundles/index.umd.js +1 -1
- app-ng-runtime/components/base/esm2022/pipes/custom-pipes.mjs +3 -3
- app-ng-runtime/components/base/fesm2022/index.mjs +1 -1
- app-ng-runtime/components/base/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/base/pipes/custom-pipes.d.ts +1 -1
- app-ng-runtime/components/data/pagination/bundles/index.umd.js +2 -0
- app-ng-runtime/components/data/pagination/esm2022/pagination.component.mjs +3 -1
- app-ng-runtime/components/data/pagination/fesm2022/index.mjs +2 -0
- app-ng-runtime/components/data/pagination/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/data/table/bundles/index.umd.js +24 -3
- app-ng-runtime/components/data/table/esm2022/table.component.mjs +24 -4
- app-ng-runtime/components/data/table/esm2022/table.props.mjs +2 -1
- app-ng-runtime/components/data/table/fesm2022/index.mjs +25 -4
- app-ng-runtime/components/data/table/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/data/table/table.component.d.ts +5 -0
- app-ng-runtime/components/input/default/bundles/index.umd.js +19 -17
- app-ng-runtime/components/input/default/esm2022/caption-position.directive.mjs +8 -7
- app-ng-runtime/components/input/default/esm2022/text/locale/number-locale.mjs +13 -12
- app-ng-runtime/components/input/default/fesm2022/index.mjs +19 -17
- app-ng-runtime/components/input/default/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/input/file-upload/bundles/index.umd.js +124 -92
- app-ng-runtime/components/input/file-upload/esm2022/file-upload.component.mjs +122 -93
- app-ng-runtime/components/input/file-upload/esm2022/file-upload.props.mjs +4 -1
- app-ng-runtime/components/input/file-upload/fesm2022/index.mjs +124 -92
- app-ng-runtime/components/input/file-upload/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/components/input/file-upload/file-upload.component.d.ts +3 -7
- app-ng-runtime/core/bundles/index.umd.js +5 -5
- app-ng-runtime/core/esm2022/utils/utils.mjs +2 -3
- app-ng-runtime/core/fesm2022/index.mjs +1 -2
- app-ng-runtime/core/fesm2022/index.mjs.map +1 -1
- app-ng-runtime/core/utils/utils.d.ts +0 -1
- app-ng-runtime/package.json +1 -1
|
@@ -46,6 +46,9 @@
|
|
|
46
46
|
['selectedFiles', i3.PROP_STRING],
|
|
47
47
|
['destination', i3.PROP_STRING],
|
|
48
48
|
['filelistheight', i3.PROP_NUMBER],
|
|
49
|
+
['width', { value: 'auto', ...i3.PROP_STRING }],
|
|
50
|
+
['showprogressbar', i3.PROP_BOOLEAN],
|
|
51
|
+
['showprogressbarpercentage', i3.PROP_BOOLEAN]
|
|
49
52
|
]));
|
|
50
53
|
i3.registerFormWidget(i1.FormWidgetType.UPLOAD, new Map([
|
|
51
54
|
['disabled', i3.PROP_BOOLEAN],
|
|
@@ -63,7 +66,7 @@
|
|
|
63
66
|
const _c3 = a0 => ({ width: a0 });
|
|
64
67
|
function FileUploadComponent_div_1_input_6_Template(rf, ctx) { if (rf & 1) {
|
|
65
68
|
const _r3 = i0__namespace.ɵɵgetCurrentView();
|
|
66
|
-
i0__namespace.ɵɵelementStart(0, "input",
|
|
69
|
+
i0__namespace.ɵɵelementStart(0, "input", 15);
|
|
67
70
|
i0__namespace.ɵɵlistener("click", function FileUploadComponent_div_1_input_6_Template_input_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_1_input_6_Template_input_change_0_listener($event) { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
68
71
|
i0__namespace.ɵɵelementEnd();
|
|
69
72
|
} if (rf & 2) {
|
|
@@ -71,6 +74,23 @@
|
|
|
71
74
|
i0__namespace.ɵɵproperty("disabled", ctx_r1.disabled)("accept", ctx_r1.chooseFilter);
|
|
72
75
|
i0__namespace.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
|
|
73
76
|
} }
|
|
77
|
+
function FileUploadComponent_div_1_label_9_Template(rf, ctx) { if (rf & 1) {
|
|
78
|
+
i0__namespace.ɵɵelement(0, "label", 16);
|
|
79
|
+
} if (rf & 2) {
|
|
80
|
+
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
81
|
+
i0__namespace.ɵɵproperty("innerHtml", ctx_r1.chooseFilter + " only ", i0__namespace.ɵɵsanitizeHtml);
|
|
82
|
+
} }
|
|
83
|
+
function FileUploadComponent_div_1_span_10_Template(rf, ctx) { if (rf & 1) {
|
|
84
|
+
i0__namespace.ɵɵelementStart(0, "span", 17);
|
|
85
|
+
i0__namespace.ɵɵtext(1, " . ");
|
|
86
|
+
i0__namespace.ɵɵelementEnd();
|
|
87
|
+
} }
|
|
88
|
+
function FileUploadComponent_div_1_label_11_Template(rf, ctx) { if (rf & 1) {
|
|
89
|
+
i0__namespace.ɵɵelement(0, "label", 16);
|
|
90
|
+
} if (rf & 2) {
|
|
91
|
+
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
92
|
+
i0__namespace.ɵɵproperty("innerHtml", ctx_r1.maxfilesize + "MB max", i0__namespace.ɵɵsanitizeHtml);
|
|
93
|
+
} }
|
|
74
94
|
function FileUploadComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
75
95
|
const _r1 = i0__namespace.ɵɵgetCurrentView();
|
|
76
96
|
i0__namespace.ɵɵelementStart(0, "div", 6)(1, "div", 7);
|
|
@@ -82,11 +102,13 @@
|
|
|
82
102
|
i0__namespace.ɵɵtemplate(6, FileUploadComponent_div_1_input_6_Template, 1, 3, "input", 11);
|
|
83
103
|
i0__namespace.ɵɵelementStart(7, "a", 12);
|
|
84
104
|
i0__namespace.ɵɵtext(8);
|
|
85
|
-
i0__namespace.ɵɵelementEnd()()
|
|
105
|
+
i0__namespace.ɵɵelementEnd()();
|
|
106
|
+
i0__namespace.ɵɵtemplate(9, FileUploadComponent_div_1_label_9_Template, 1, 1, "label", 13)(10, FileUploadComponent_div_1_span_10_Template, 2, 0, "span", 14)(11, FileUploadComponent_div_1_label_11_Template, 1, 1, "label", 13);
|
|
107
|
+
i0__namespace.ɵɵelementEnd()()();
|
|
86
108
|
} if (rf & 2) {
|
|
87
109
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
88
110
|
i0__namespace.ɵɵadvance();
|
|
89
|
-
i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(
|
|
111
|
+
i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c1, ctx_r1.highlightDropArea));
|
|
90
112
|
i0__namespace.ɵɵadvance();
|
|
91
113
|
i0__namespace.ɵɵclassMap(ctx_r1.iconclass);
|
|
92
114
|
i0__namespace.ɵɵadvance(2);
|
|
@@ -97,10 +119,16 @@
|
|
|
97
119
|
i0__namespace.ɵɵproperty("ngIf", ctx_r1.multiple);
|
|
98
120
|
i0__namespace.ɵɵadvance(2);
|
|
99
121
|
i0__namespace.ɵɵtextInterpolate(ctx_r1.fileUploadMessage);
|
|
122
|
+
i0__namespace.ɵɵadvance();
|
|
123
|
+
i0__namespace.ɵɵproperty("ngIf", ctx_r1.chooseFilter);
|
|
124
|
+
i0__namespace.ɵɵadvance();
|
|
125
|
+
i0__namespace.ɵɵproperty("ngIf", ctx_r1.chooseFilter && ctx_r1.maxfilesize);
|
|
126
|
+
i0__namespace.ɵɵadvance();
|
|
127
|
+
i0__namespace.ɵɵproperty("ngIf", ctx_r1.maxfilesize);
|
|
100
128
|
} }
|
|
101
129
|
function FileUploadComponent_div_2_input_3_Template(rf, ctx) { if (rf & 1) {
|
|
102
130
|
const _r4 = i0__namespace.ɵɵgetCurrentView();
|
|
103
|
-
i0__namespace.ɵɵelementStart(0, "input",
|
|
131
|
+
i0__namespace.ɵɵelementStart(0, "input", 15);
|
|
104
132
|
i0__namespace.ɵɵlistener("click", function FileUploadComponent_div_2_input_3_Template_input_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_2_input_3_Template_input_change_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
105
133
|
i0__namespace.ɵɵelementEnd();
|
|
106
134
|
} if (rf & 2) {
|
|
@@ -110,7 +138,7 @@
|
|
|
110
138
|
} }
|
|
111
139
|
function FileUploadComponent_div_2_input_4_Template(rf, ctx) { if (rf & 1) {
|
|
112
140
|
const _r5 = i0__namespace.ɵɵgetCurrentView();
|
|
113
|
-
i0__namespace.ɵɵelementStart(0, "input",
|
|
141
|
+
i0__namespace.ɵɵelementStart(0, "input", 25);
|
|
114
142
|
i0__namespace.ɵɵlistener("click", function FileUploadComponent_div_2_input_4_Template_input_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r5); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileElemClick($event)); })("change", function FileUploadComponent_div_2_input_4_Template_input_change_0_listener($event) { i0__namespace.ɵɵrestoreView(_r5); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onFileSelect($event, $event.target.files)); });
|
|
115
143
|
i0__namespace.ɵɵelementEnd();
|
|
116
144
|
} if (rf & 2) {
|
|
@@ -119,12 +147,12 @@
|
|
|
119
147
|
i0__namespace.ɵɵattribute("aria-label", ctx_r1.hint || "File selection field");
|
|
120
148
|
} }
|
|
121
149
|
function FileUploadComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
122
|
-
i0__namespace.ɵɵelementStart(0, "div",
|
|
123
|
-
i0__namespace.ɵɵtemplate(3, FileUploadComponent_div_2_input_3_Template, 1, 3, "input", 11)(4, FileUploadComponent_div_2_input_4_Template, 1, 3, "input",
|
|
124
|
-
i0__namespace.ɵɵelementStart(5, "button",
|
|
125
|
-
i0__namespace.ɵɵelement(6, "i",
|
|
150
|
+
i0__namespace.ɵɵelementStart(0, "div", 18)(1, "div", 19)(2, "form", 10);
|
|
151
|
+
i0__namespace.ɵɵtemplate(3, FileUploadComponent_div_2_input_3_Template, 1, 3, "input", 11)(4, FileUploadComponent_div_2_input_4_Template, 1, 3, "input", 20);
|
|
152
|
+
i0__namespace.ɵɵelementStart(5, "button", 21);
|
|
153
|
+
i0__namespace.ɵɵelement(6, "i", 22)(7, "span", 23);
|
|
126
154
|
i0__namespace.ɵɵelementEnd()()();
|
|
127
|
-
i0__namespace.ɵɵelement(8, "div",
|
|
155
|
+
i0__namespace.ɵɵelement(8, "div", 24);
|
|
128
156
|
i0__namespace.ɵɵelementEnd();
|
|
129
157
|
} if (rf & 2) {
|
|
130
158
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -143,9 +171,9 @@
|
|
|
143
171
|
} }
|
|
144
172
|
function FileUploadComponent_button_3_Template(rf, ctx) { if (rf & 1) {
|
|
145
173
|
const _r6 = i0__namespace.ɵɵgetCurrentView();
|
|
146
|
-
i0__namespace.ɵɵelementStart(0, "button",
|
|
174
|
+
i0__namespace.ɵɵelementStart(0, "button", 26);
|
|
147
175
|
i0__namespace.ɵɵlistener("click", function FileUploadComponent_button_3_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r6); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.openFileSelector()); });
|
|
148
|
-
i0__namespace.ɵɵelement(1, "i")(2, "span",
|
|
176
|
+
i0__namespace.ɵɵelement(1, "i")(2, "span", 23);
|
|
149
177
|
i0__namespace.ɵɵelementEnd();
|
|
150
178
|
} if (rf & 2) {
|
|
151
179
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -155,8 +183,15 @@
|
|
|
155
183
|
i0__namespace.ɵɵadvance();
|
|
156
184
|
i0__namespace.ɵɵproperty("innerHTML", ctx_r1.caption, i0__namespace.ɵɵsanitizeHtml);
|
|
157
185
|
} }
|
|
158
|
-
function
|
|
159
|
-
i0__namespace.ɵɵ
|
|
186
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_8_Template(rf, ctx) { if (rf & 1) {
|
|
187
|
+
i0__namespace.ɵɵelement(0, "span");
|
|
188
|
+
i0__namespace.ɵɵpipe(1, "stateClass");
|
|
189
|
+
} if (rf & 2) {
|
|
190
|
+
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
191
|
+
i0__namespace.ɵɵclassMapInterpolate1("status-icon ", i0__namespace.ɵɵpipeBind1(1, 3, ft_r7.status), "");
|
|
192
|
+
} }
|
|
193
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_10_Template(rf, ctx) { if (rf & 1) {
|
|
194
|
+
i0__namespace.ɵɵelementStart(0, "span", 45);
|
|
160
195
|
i0__namespace.ɵɵtext(1);
|
|
161
196
|
i0__namespace.ɵɵpipe(2, "filesize");
|
|
162
197
|
i0__namespace.ɵɵelementEnd();
|
|
@@ -165,95 +200,102 @@
|
|
|
165
200
|
i0__namespace.ɵɵadvance();
|
|
166
201
|
i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ft_r7.size, 0));
|
|
167
202
|
} }
|
|
168
|
-
function
|
|
169
|
-
i0__namespace.ɵɵ
|
|
170
|
-
i0__namespace.ɵɵ
|
|
203
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_11_Template(rf, ctx) { if (rf & 1) {
|
|
204
|
+
i0__namespace.ɵɵelement(0, "span", 32);
|
|
205
|
+
i0__namespace.ɵɵpipe(1, "stateClass");
|
|
206
|
+
} if (rf & 2) {
|
|
207
|
+
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
208
|
+
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
209
|
+
i0__namespace.ɵɵclassMapInterpolate1("status-icon ", i0__namespace.ɵɵpipeBind1(1, 4, ft_r7.status), "");
|
|
210
|
+
i0__namespace.ɵɵpropertyInterpolate("title", ft_r7.errMsg || ctx_r1.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
|
|
211
|
+
} }
|
|
212
|
+
function FileUploadComponent_ul_4_div_1_li_1_span_12_Template(rf, ctx) { if (rf & 1) {
|
|
213
|
+
i0__namespace.ɵɵelementStart(0, "span", 46);
|
|
214
|
+
i0__namespace.ɵɵtext(1, "Upload Failed");
|
|
215
|
+
i0__namespace.ɵɵelementEnd();
|
|
216
|
+
} }
|
|
217
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_13_Template(rf, ctx) { if (rf & 1) {
|
|
218
|
+
i0__namespace.ɵɵelementStart(0, "div", 47);
|
|
219
|
+
i0__namespace.ɵɵelement(1, "div", 48);
|
|
171
220
|
i0__namespace.ɵɵelementEnd();
|
|
172
221
|
} if (rf & 2) {
|
|
173
222
|
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
174
223
|
i0__namespace.ɵɵadvance();
|
|
175
|
-
i0__namespace.ɵɵproperty("ngStyle", i0__namespace.ɵɵpureFunction1(
|
|
176
|
-
} }
|
|
177
|
-
function FileUploadComponent_ul_4_div_1_li_1_div_11_Template(rf, ctx) { if (rf & 1) {
|
|
178
|
-
const _r8 = i0__namespace.ɵɵgetCurrentView();
|
|
179
|
-
i0__namespace.ɵɵelementStart(0, "div", 39)(1, "a", 40);
|
|
180
|
-
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_div_11_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r8); const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.abortFileUpload(ft_r7)); });
|
|
181
|
-
i0__namespace.ɵɵelement(2, "i", 41);
|
|
182
|
-
i0__namespace.ɵɵelementEnd()();
|
|
224
|
+
i0__namespace.ɵɵproperty("ngClass", ft_r7.status === "error" ? "progress-bar-danger" : "progress-bar-info")("ngStyle", i0__namespace.ɵɵpureFunction1(2, _c3, ft_r7.progress + "%"));
|
|
183
225
|
} }
|
|
184
|
-
function
|
|
185
|
-
i0__namespace.ɵɵelementStart(0, "div",
|
|
186
|
-
i0__namespace.ɵɵ
|
|
187
|
-
i0__namespace.ɵɵpipe(2, "stateClass");
|
|
226
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
227
|
+
i0__namespace.ɵɵelementStart(0, "div", 49);
|
|
228
|
+
i0__namespace.ɵɵtext(1);
|
|
188
229
|
i0__namespace.ɵɵelementEnd();
|
|
189
230
|
} if (rf & 2) {
|
|
190
231
|
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
191
232
|
i0__namespace.ɵɵadvance();
|
|
192
|
-
i0__namespace.ɵɵ
|
|
233
|
+
i0__namespace.ɵɵtextInterpolate1("", ft_r7.progress + "%", " ");
|
|
193
234
|
} }
|
|
194
|
-
function
|
|
195
|
-
const
|
|
196
|
-
i0__namespace.ɵɵelementStart(0, "div",
|
|
197
|
-
i0__namespace.ɵɵlistener("click", function
|
|
198
|
-
i0__namespace.ɵɵelement(2, "i");
|
|
235
|
+
function FileUploadComponent_ul_4_div_1_li_1_div_15_Template(rf, ctx) { if (rf & 1) {
|
|
236
|
+
const _r8 = i0__namespace.ɵɵgetCurrentView();
|
|
237
|
+
i0__namespace.ɵɵelementStart(0, "div", 43)(1, "a", 50);
|
|
238
|
+
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_div_15_Template_a_click_1_listener() { i0__namespace.ɵɵrestoreView(_r8); const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.abortFileUpload(ft_r7)); });
|
|
239
|
+
i0__namespace.ɵɵelement(2, "i", 51);
|
|
199
240
|
i0__namespace.ɵɵelementEnd()();
|
|
241
|
+
} }
|
|
242
|
+
function FileUploadComponent_ul_4_div_1_li_1_a_17_Template(rf, ctx) { if (rf & 1) {
|
|
243
|
+
const _r9 = i0__namespace.ɵɵgetCurrentView();
|
|
244
|
+
i0__namespace.ɵɵelementStart(0, "a", 52);
|
|
245
|
+
i0__namespace.ɵɵlistener("click", function FileUploadComponent_ul_4_div_1_li_1_a_17_Template_a_click_0_listener() { i0__namespace.ɵɵrestoreView(_r9); const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.clear(ft_r7)); });
|
|
246
|
+
i0__namespace.ɵɵelement(1, "i");
|
|
247
|
+
i0__namespace.ɵɵelementEnd();
|
|
200
248
|
} if (rf & 2) {
|
|
201
249
|
const ctx_r1 = i0__namespace.ɵɵnextContext(4);
|
|
202
|
-
i0__namespace.ɵɵadvance();
|
|
203
250
|
i0__namespace.ɵɵpropertyInterpolate("title", ctx_r1.cleariconhint);
|
|
204
251
|
i0__namespace.ɵɵadvance();
|
|
205
252
|
i0__namespace.ɵɵclassMap(ctx_r1.cleariconclass);
|
|
206
253
|
} }
|
|
207
|
-
function FileUploadComponent_ul_4_div_1_li_1_div_14_Template(rf, ctx) { if (rf & 1) {
|
|
208
|
-
i0__namespace.ɵɵelementStart(0, "div", 43);
|
|
209
|
-
i0__namespace.ɵɵelement(1, "span");
|
|
210
|
-
i0__namespace.ɵɵpipe(2, "stateClass");
|
|
211
|
-
i0__namespace.ɵɵelementEnd();
|
|
212
|
-
} if (rf & 2) {
|
|
213
|
-
const ft_r7 = i0__namespace.ɵɵnextContext(2).$implicit;
|
|
214
|
-
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
215
|
-
i0__namespace.ɵɵpropertyInterpolate("title", ft_r7.errMsg || ctx_r1.appLocale.MESSAGE_FILE_UPLOAD_FAILED);
|
|
216
|
-
i0__namespace.ɵɵadvance();
|
|
217
|
-
i0__namespace.ɵɵclassMapInterpolate1("status-icon ", i0__namespace.ɵɵpipeBind1(2, 4, ft_r7.status), "");
|
|
218
|
-
} }
|
|
219
254
|
function FileUploadComponent_ul_4_div_1_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
220
|
-
i0__namespace.ɵɵelementStart(0, "li",
|
|
221
|
-
i0__namespace.ɵɵelement(2, "div",
|
|
255
|
+
i0__namespace.ɵɵelementStart(0, "li", 30)(1, "div", 31);
|
|
256
|
+
i0__namespace.ɵɵelement(2, "div", 32);
|
|
222
257
|
i0__namespace.ɵɵpipe(3, "fileIconClass");
|
|
223
|
-
i0__namespace.ɵɵelementStart(4, "div",
|
|
258
|
+
i0__namespace.ɵɵelementStart(4, "div", 33)(5, "p", 34)(6, "span", 35);
|
|
224
259
|
i0__namespace.ɵɵtext(7);
|
|
225
260
|
i0__namespace.ɵɵelementEnd();
|
|
226
|
-
i0__namespace.ɵɵ
|
|
227
|
-
i0__namespace.ɵɵ
|
|
261
|
+
i0__namespace.ɵɵtemplate(8, FileUploadComponent_ul_4_div_1_li_1_span_8_Template, 2, 5, "span", 36);
|
|
262
|
+
i0__namespace.ɵɵelement(9, "br");
|
|
263
|
+
i0__namespace.ɵɵtemplate(10, FileUploadComponent_ul_4_div_1_li_1_span_10_Template, 3, 4, "span", 37)(11, FileUploadComponent_ul_4_div_1_li_1_span_11_Template, 2, 6, "span", 38)(12, FileUploadComponent_ul_4_div_1_li_1_span_12_Template, 2, 0, "span", 39);
|
|
228
264
|
i0__namespace.ɵɵelementEnd();
|
|
229
|
-
i0__namespace.ɵɵtemplate(
|
|
265
|
+
i0__namespace.ɵɵtemplate(13, FileUploadComponent_ul_4_div_1_li_1_div_13_Template, 2, 4, "div", 40)(14, FileUploadComponent_ul_4_div_1_li_1_div_14_Template, 2, 1, "div", 41);
|
|
230
266
|
i0__namespace.ɵɵelementEnd();
|
|
231
|
-
i0__namespace.ɵɵtemplate(
|
|
232
|
-
i0__namespace.ɵɵ
|
|
267
|
+
i0__namespace.ɵɵtemplate(15, FileUploadComponent_ul_4_div_1_li_1_div_15_Template, 3, 0, "div", 42);
|
|
268
|
+
i0__namespace.ɵɵelementStart(16, "div", 43);
|
|
269
|
+
i0__namespace.ɵɵtemplate(17, FileUploadComponent_ul_4_div_1_li_1_a_17_Template, 2, 4, "a", 44);
|
|
270
|
+
i0__namespace.ɵɵelementEnd()()();
|
|
233
271
|
} if (rf & 2) {
|
|
234
272
|
const ft_r7 = i0__namespace.ɵɵnextContext().$implicit;
|
|
235
273
|
const ctx_r1 = i0__namespace.ɵɵnextContext(2);
|
|
236
274
|
i0__namespace.ɵɵadvance(2);
|
|
237
|
-
i0__namespace.ɵɵclassMapInterpolate1("media-left media-middle file-icon ", i0__namespace.ɵɵpipeBind1(3,
|
|
275
|
+
i0__namespace.ɵɵclassMapInterpolate1("media-left media-middle file-icon ", i0__namespace.ɵɵpipeBind1(3, 13, ctx_r1.getFileExtension(ft_r7.name)), "");
|
|
238
276
|
i0__namespace.ɵɵpropertyInterpolate("title", ctx_r1.getFileExtension(ft_r7.name));
|
|
239
277
|
i0__namespace.ɵɵadvance(5);
|
|
240
|
-
i0__namespace.ɵɵtextInterpolate(ft_r7.name);
|
|
278
|
+
i0__namespace.ɵɵtextInterpolate(ft_r7.storageName || ft_r7.name);
|
|
279
|
+
i0__namespace.ɵɵadvance();
|
|
280
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "success");
|
|
241
281
|
i0__namespace.ɵɵadvance(2);
|
|
242
282
|
i0__namespace.ɵɵproperty("ngIf", ft_r7.fileLength !== 0);
|
|
243
283
|
i0__namespace.ɵɵadvance();
|
|
244
|
-
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "
|
|
284
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "error");
|
|
245
285
|
i0__namespace.ɵɵadvance();
|
|
246
|
-
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "
|
|
286
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "error");
|
|
247
287
|
i0__namespace.ɵɵadvance();
|
|
248
|
-
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "
|
|
288
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "onProgress" || ctx_r1.showprogressbar);
|
|
249
289
|
i0__namespace.ɵɵadvance();
|
|
250
|
-
i0__namespace.ɵɵproperty("ngIf",
|
|
290
|
+
i0__namespace.ɵɵproperty("ngIf", (ft_r7.status === "onProgress" || ctx_r1.showprogressbar && ctx_r1.showprogressbarpercentage) && ft_r7.progress);
|
|
251
291
|
i0__namespace.ɵɵadvance();
|
|
252
|
-
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "
|
|
292
|
+
i0__namespace.ɵɵproperty("ngIf", ft_r7.status === "onProgress" || ft_r7.status === "queued");
|
|
293
|
+
i0__namespace.ɵɵadvance(2);
|
|
294
|
+
i0__namespace.ɵɵproperty("ngIf", ctx_r1.cleariconclass !== "" && ft_r7.status !== "onProgress");
|
|
253
295
|
} }
|
|
254
296
|
function FileUploadComponent_ul_4_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
255
297
|
i0__namespace.ɵɵelementStart(0, "div");
|
|
256
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_li_1_Template,
|
|
298
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_li_1_Template, 18, 15, "li", 29);
|
|
257
299
|
i0__namespace.ɵɵelementEnd();
|
|
258
300
|
} if (rf & 2) {
|
|
259
301
|
const ft_r7 = ctx.$implicit;
|
|
@@ -261,25 +303,25 @@
|
|
|
261
303
|
i0__namespace.ɵɵproperty("ngIf", ft_r7.status !== "abort");
|
|
262
304
|
} }
|
|
263
305
|
function FileUploadComponent_ul_4_Template(rf, ctx) { if (rf & 1) {
|
|
264
|
-
i0__namespace.ɵɵelementStart(0, "ul",
|
|
265
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_Template, 2, 1, "div",
|
|
306
|
+
i0__namespace.ɵɵelementStart(0, "ul", 27);
|
|
307
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_4_div_1_Template, 2, 1, "div", 28);
|
|
266
308
|
i0__namespace.ɵɵelementEnd();
|
|
267
309
|
} if (rf & 2) {
|
|
268
310
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
269
311
|
i0__namespace.ɵɵproperty("ngStyle", i0__namespace.ɵɵpureFunction2(2, _c2, ctx_r1.filelistheight, ctx_r1.overflow));
|
|
270
312
|
i0__namespace.ɵɵadvance();
|
|
271
|
-
i0__namespace.ɵɵproperty("ngForOf", ctx_r1.
|
|
313
|
+
i0__namespace.ɵɵproperty("ngForOf", ctx_r1.uploadedFiles);
|
|
272
314
|
} }
|
|
273
315
|
function FileUploadComponent_ul_5_li_1_Template(rf, ctx) { if (rf & 1) {
|
|
274
|
-
i0__namespace.ɵɵelementStart(0, "li",
|
|
275
|
-
i0__namespace.ɵɵelement(2, "div",
|
|
276
|
-
i0__namespace.ɵɵelementStart(3, "div",
|
|
316
|
+
i0__namespace.ɵɵelementStart(0, "li", 30)(1, "div", 31);
|
|
317
|
+
i0__namespace.ɵɵelement(2, "div", 55);
|
|
318
|
+
i0__namespace.ɵɵelementStart(3, "div", 33)(4, "p", 56)(5, "label", 35);
|
|
277
319
|
i0__namespace.ɵɵtext(6);
|
|
278
320
|
i0__namespace.ɵɵelementEnd();
|
|
279
321
|
i0__namespace.ɵɵelement(7, "br");
|
|
280
322
|
i0__namespace.ɵɵelementEnd()();
|
|
281
|
-
i0__namespace.ɵɵelementStart(8, "div",
|
|
282
|
-
i0__namespace.ɵɵelement(9, "span",
|
|
323
|
+
i0__namespace.ɵɵelementStart(8, "div", 43);
|
|
324
|
+
i0__namespace.ɵɵelement(9, "span", 57);
|
|
283
325
|
i0__namespace.ɵɵelementEnd()()();
|
|
284
326
|
} if (rf & 2) {
|
|
285
327
|
const ft_r10 = ctx.$implicit;
|
|
@@ -287,8 +329,8 @@
|
|
|
287
329
|
i0__namespace.ɵɵtextInterpolate(ft_r10.name);
|
|
288
330
|
} }
|
|
289
331
|
function FileUploadComponent_ul_5_Template(rf, ctx) { if (rf & 1) {
|
|
290
|
-
i0__namespace.ɵɵelementStart(0, "ul",
|
|
291
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li",
|
|
332
|
+
i0__namespace.ɵɵelementStart(0, "ul", 53);
|
|
333
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_ul_5_li_1_Template, 10, 1, "li", 54);
|
|
292
334
|
i0__namespace.ɵɵelementEnd();
|
|
293
335
|
} if (rf & 2) {
|
|
294
336
|
const ctx_r1 = i0__namespace.ɵɵnextContext();
|
|
@@ -405,8 +447,8 @@
|
|
|
405
447
|
* @param $files
|
|
406
448
|
*/
|
|
407
449
|
onSelectEventCall($event, $files) {
|
|
408
|
-
this.multipleSelectedFiles = this.multiple ? [...this.multipleSelectedFiles, ...$files] : $files;
|
|
409
450
|
this.selectedFiles = $files;
|
|
451
|
+
this.uploadedFiles = this.multiple ? [...this.uploadedFiles, ...$files] : $files;
|
|
410
452
|
setTimeout(() => {
|
|
411
453
|
this.invokeEventCallback('select', {
|
|
412
454
|
$event: $.extend($event.$files || {}, $files),
|
|
@@ -428,12 +470,8 @@
|
|
|
428
470
|
}
|
|
429
471
|
/*this function to clear the specified file. if argument is not provided, it clears the complete list */
|
|
430
472
|
clear(fileObj) {
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
}
|
|
434
|
-
else {
|
|
435
|
-
this.selectedFiles = (fileObj) ? this.selectedFiles.filter((file) => file !== fileObj) : [];
|
|
436
|
-
}
|
|
473
|
+
this.selectedFiles = (fileObj) ? this.selectedFiles.filter((file) => file !== fileObj) : [];
|
|
474
|
+
this.uploadedFiles = (fileObj) ? this.uploadedFiles.filter((file) => file !== fileObj) : [];
|
|
437
475
|
}
|
|
438
476
|
/*this function to set the class names for clear icon */
|
|
439
477
|
setClearIconClass(classValue) {
|
|
@@ -581,7 +619,7 @@
|
|
|
581
619
|
this.app = app;
|
|
582
620
|
this.onSelectEvt = onSelectEvt;
|
|
583
621
|
this.selectedFiles = [];
|
|
584
|
-
this.
|
|
622
|
+
this.uploadedFiles = [];
|
|
585
623
|
this.selectedFolders = [];
|
|
586
624
|
this.fileTransfers = {};
|
|
587
625
|
this.caption = 'Upload';
|
|
@@ -607,12 +645,6 @@
|
|
|
607
645
|
this.defaultAllowedExtensions = this.allowedFileUploadExtensions.split(',').map(item => item.trim()).map(item => item.endsWith('/*') ? item : `.${item}`);
|
|
608
646
|
this.chooseFilter = this.defaultAllowedExtensions.includes('*/*') ? '' : this.defaultAllowedExtensions;
|
|
609
647
|
this.fileUploadMessage = 'Drop your files here or click here to browse';
|
|
610
|
-
this.uploadedFiles = {
|
|
611
|
-
fileName: '',
|
|
612
|
-
path: '',
|
|
613
|
-
length: '',
|
|
614
|
-
status: ''
|
|
615
|
-
};
|
|
616
648
|
this.uploadUrl = 'services';
|
|
617
649
|
// styler(this.nativeElement, this);
|
|
618
650
|
}
|
|
@@ -636,9 +668,9 @@
|
|
|
636
668
|
static { this.ɵfac = function FileUploadComponent_Factory(t) { return new (t || FileUploadComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject(i1__namespace.App), i0__namespace.ɵɵinjectAttribute('select.event'), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
|
|
637
669
|
static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: FileUploadComponent, selectors: [["", "wmFileUpload", ""]], features: [i0__namespace.ɵɵProvidersFeature([
|
|
638
670
|
i3.provideAsWidgetRef(FileUploadComponent)
|
|
639
|
-
]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 6, vars: 5, consts: [["init-widget", "", 1, "app-fileupload"], ["class", "app-multi-file-upload", 4, "ngIf"], ["class", "app-single-file-upload", 4, "ngIf"], ["focus-target", "", "class", "app-button btn btn-default", 3, "disabled", "click", 4, "ngIf"], ["class", "list-group file-upload", 3, "ngStyle", 4, "ngIf"], ["class", "list-group file-upload", 3, "ngStyle", "title", 4, "ngIf"], [1, "app-multi-file-upload"], ["id", "dropzone", 1, "drop-box", 3, "click", "dragover", "drop", "ngClass"], [1, "message"], [1, "
|
|
671
|
+
]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 6, vars: 5, consts: [["init-widget", "", 1, "app-fileupload"], ["class", "app-multi-file-upload", 4, "ngIf"], ["class", "app-single-file-upload", 4, "ngIf"], ["focus-target", "", "class", "app-button btn btn-default", 3, "disabled", "click", 4, "ngIf"], ["class", "list-group file-upload", 3, "ngStyle", 4, "ngIf"], ["class", "list-group file-upload", 3, "ngStyle", "title", 4, "ngIf"], [1, "app-multi-file-upload"], ["id", "dropzone", 1, "drop-box", 3, "click", "dragover", "drop", "ngClass"], [1, "message"], [1, "upload-label", 3, "innerHtml"], [1, "form-horizontal", 3, "name"], ["class", "file-input", "type", "file", "name", "files", "multiple", "", 3, "disabled", "accept", "click", "change", 4, "ngIf"], ["href", "javascript:void(0);", 1, "app-anchor", "upload-label"], ["class", "upload-extensions", 3, "innerHtml", 4, "ngIf"], ["class", "upload-extensions", 4, "ngIf"], ["type", "file", "name", "files", "multiple", "", 1, "file-input", 3, "click", "change", "disabled", "accept"], [1, "upload-extensions", 3, "innerHtml"], [1, "upload-extensions"], [1, "app-single-file-upload"], [1, "app-button-wrapper"], ["class", "file-input", "type", "file", "name", "files", 3, "disabled", "accept", "click", "change", 4, "ngIf"], ["id", "dropzone", "focus-target", "", 1, "app-button", "btn", "btn-default", 3, "ngClass"], ["aria-hidden", "true"], [1, "caption", 3, "innerHTML"], [1, "app-files-upload-status", "single"], ["type", "file", "name", "files", 1, "file-input", 3, "click", "change", "disabled", "accept"], ["focus-target", "", 1, "app-button", "btn", "btn-default", 3, "click", "disabled"], [1, "list-group", "file-upload", 3, "ngStyle"], [4, "ngFor", "ngForOf"], ["class", "list-group-item file-upload-status", 4, "ngIf"], [1, "list-group-item", "file-upload-status"], [1, "media", "upload-file-list"], [3, "title"], [1, "media-body", "media-middle", "file-details"], [1, "uploaddetails", "col-md-3"], [1, "upload-title"], [3, "class", 4, "ngIf"], ["class", "filesize", 4, "ngIf"], [3, "class", "title", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], ["class", "progress col-md-7 upload-progress", 4, "ngIf"], ["class", "col-md-1 upload-progress-percentage", 4, "ngIf"], ["class", "media-right media-middle", 4, "ngIf"], [1, "media-right", "media-middle"], ["class", "btn btn-transparent btn-default status-icon", "type", "button", 3, "title", "click", 4, "ngIf"], [1, "filesize"], [1, "error-message"], [1, "progress", "col-md-7", "upload-progress"], [1, "progress-bar", "progress-bar-striped", 3, "ngClass", "ngStyle"], [1, "col-md-1", "upload-progress-percentage"], ["type", "button", 1, "btn", "btn-transparent", "file-upload-stop", 3, "click"], [1, "wi", "wi-close"], ["type", "button", 1, "btn", "btn-transparent", "btn-default", "status-icon", 3, "click", "title"], [1, "list-group", "file-upload", 3, "ngStyle", "title"], ["class", "list-group-item file-upload-status", 4, "ngFor", "ngForOf"], [1, "media-left", "media-middle", "file-icon", "fa", "fa-folder-o"], [1, "uploaddetails"], [1, "status-icon", "wi", "wi-cancel", "text-danger"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
|
|
640
672
|
i0__namespace.ɵɵelementStart(0, "div", 0);
|
|
641
|
-
i0__namespace.ɵɵtemplate(1, FileUploadComponent_div_1_Template,
|
|
673
|
+
i0__namespace.ɵɵtemplate(1, FileUploadComponent_div_1_Template, 12, 13, "div", 1)(2, FileUploadComponent_div_2_Template, 9, 10, "div", 2)(3, FileUploadComponent_button_3_Template, 3, 5, "button", 3)(4, FileUploadComponent_ul_4_Template, 2, 5, "ul", 4)(5, FileUploadComponent_ul_5_Template, 2, 6, "ul", 5);
|
|
642
674
|
i0__namespace.ɵɵelementEnd();
|
|
643
675
|
} if (rf & 2) {
|
|
644
676
|
i0__namespace.ɵɵadvance();
|
|
@@ -648,7 +680,7 @@
|
|
|
648
680
|
i0__namespace.ɵɵadvance();
|
|
649
681
|
i0__namespace.ɵɵproperty("ngIf", ctx._isCordova);
|
|
650
682
|
i0__namespace.ɵɵadvance();
|
|
651
|
-
i0__namespace.ɵɵproperty("ngIf", ctx.
|
|
683
|
+
i0__namespace.ɵɵproperty("ngIf", ctx.uploadedFiles.length > 0);
|
|
652
684
|
i0__namespace.ɵɵadvance();
|
|
653
685
|
i0__namespace.ɵɵproperty("ngIf", ctx.selectedFolders.length > 0);
|
|
654
686
|
} }, dependencies: [i2__namespace.NgClass, i2__namespace.NgForOf, i2__namespace.NgIf, i2__namespace.NgStyle, i3__namespace.FileIconClassPipe, i3__namespace.FileSizePipe, i3__namespace.StateClassPipe], encapsulation: 2 }); }
|
|
@@ -657,7 +689,7 @@
|
|
|
657
689
|
type: i0.Component,
|
|
658
690
|
args: [{ selector: '[wmFileUpload]', providers: [
|
|
659
691
|
i3.provideAsWidgetRef(FileUploadComponent)
|
|
660
|
-
], template: "<div class=\"app-fileupload\" init-widget>\n <!-- drag and drop files UI in web -->\n <div class=\"app-multi-file-upload\" *ngIf=\"!_isMobileType && multiple\">\n <div id=\"dropzone\" class=\"drop-box\" (click)=\"triggerFileSelect()\" [ngClass]=\"{'highlight-drop-box' : highlightDropArea}\" (dragover)=\"dragOverHandler($event);\" (drop)=\"onFileDrop($event);\">\n <i class=\"{{iconclass}}\"></i>\n <div class=\"message\">\n <label [innerHtml]=\"caption\" class=\"
|
|
692
|
+
], template: "<div class=\"app-fileupload\" init-widget>\n <!-- drag and drop files UI in web -->\n <div class=\"app-multi-file-upload\" *ngIf=\"!_isMobileType && multiple\">\n <div id=\"dropzone\" class=\"drop-box\" (click)=\"triggerFileSelect()\" [ngClass]=\"{'highlight-drop-box' : highlightDropArea}\" (dragover)=\"dragOverHandler($event);\" (drop)=\"onFileDrop($event);\">\n <i class=\"{{iconclass}}\"></i>\n <div class=\"message\">\n <label [innerHtml]=\"caption\" class=\"upload-label\"></label>\n <form class=\"form-horizontal\" name=\"{{formName}}\">\n <input class=\"file-input\" [attr.aria-label]=\"hint || 'File selection field'\" type=\"file\" name=\"files\" *ngIf=\"multiple\" [disabled]=\"disabled\" [accept]=\"chooseFilter\" (click)=\"onFileElemClick($event)\" (change)=\"onFileSelect($event, $event.target.files)\" multiple >\n <a class=\"app-anchor upload-label\" href=\"javascript:void(0);\">{{ fileUploadMessage }}</a>\n </form>\n <label *ngIf=\"chooseFilter\" [innerHtml]=\"chooseFilter + ' only '\" class=\"upload-extensions\"></label>\n <span *ngIf=\"chooseFilter && maxfilesize\" class=\"upload-extensions\"> . </span>\n <label *ngIf=\"maxfilesize\" [innerHtml]=\"maxfilesize + 'MB max'\" class=\"upload-extensions\"></label>\n </div>\n </div>\n </div>\n <!-- single file upload in web and single , multiple file upload UI in mobile runmode -->\n <div class=\"app-single-file-upload\" *ngIf=\"!_isCordova && (!multiple || _isMobileType)\">\n <div class=\"app-button-wrapper\">\n <form class=\"form-horizontal\" name=\"{{formName}}\">\n <!-- support for file upload in Mobileapp in its runmode (Web) -->\n <input class=\"file-input\" [attr.aria-label]=\"hint || 'File selection field'\" type=\"file\" name=\"files\" *ngIf=\"multiple\" [disabled]=\"disabled\" [accept]=\"chooseFilter\" (click)=\"onFileElemClick($event)\" (change)=\"onFileSelect($event, $event.target.files)\" multiple>\n <input class=\"file-input\" [attr.aria-label]=\"hint || 'File selection field'\" type=\"file\" name=\"files\" *ngIf=\"!multiple\" [disabled]=\"disabled\" [accept]=\"chooseFilter\" (click)=\"onFileElemClick($event)\" (change)=\"onFileSelect($event, $event.target.files)\" >\n <button id=\"dropzone\" focus-target class=\"app-button btn btn-default\" [ngClass]=\"{'highlight-drop-box' : highlightDropArea}\">\n <i class=\"{{iconclass}}\" aria-hidden=\"true\"></i>\n <span class=\"caption\" [innerHTML]=\"caption\"></span>\n </button>\n </form>\n </div>\n <div class=\"app-files-upload-status single\"></div>\n </div>\n <!-- support for file upload in Mobile Application (device) -->\n <button *ngIf=\"_isCordova\" focus-target class=\"app-button btn btn-default\" (click)=\"openFileSelector()\" [disabled]=\"disabled\">\n <i class=\"{{iconclass}}\"></i>\n <span class=\"caption\" [innerHTML]=\"caption\"></span>\n </button>\n <!-- list of selectedfiles UI -->\n <ul class=\"list-group file-upload\" [ngStyle]=\"{height: filelistheight, overflow: overflow}\" *ngIf=\"uploadedFiles.length > 0\" >\n <div *ngFor=\"let ft of uploadedFiles\">\n <li class=\"list-group-item file-upload-status\" *ngIf=\"ft.status !== 'abort'\">\n <div class=\"media upload-file-list\">\n <div class=\"media-left media-middle file-icon {{getFileExtension(ft.name) | fileIconClass}}\" title=\"{{getFileExtension(ft.name)}}\"></div>\n <div class=\"media-body media-middle file-details\">\n <p class=\"uploaddetails col-md-3\">\n <span class=\"upload-title\">{{ ft.storageName || ft.name }}</span>\n <span *ngIf=\"ft.status === 'success'\"\n class=\"status-icon {{ft.status | stateClass }}\"></span>\n <br/>\n <span class=\"filesize\" *ngIf=\"ft.fileLength !== 0\">{{ft.size | filesize:0}}</span>\n <span *ngIf=\"ft.status === 'error'\"\n class=\"status-icon {{ft.status | stateClass }}\"\n title=\"{{ft.errMsg || this.appLocale.MESSAGE_FILE_UPLOAD_FAILED}}\"></span>\n <span *ngIf=\"ft.status === 'error'\" class=\"error-message\">Upload Failed</span>\n </p>\n <div *ngIf=\"ft.status === 'onProgress' || showprogressbar\"\n class=\"progress col-md-7 upload-progress\">\n <div [ngClass]=\"ft.status === 'error' ? 'progress-bar-danger' : 'progress-bar-info'\"\n [ngStyle]=\"{width: (ft.progress +'%')}\"\n class=\"progress-bar progress-bar-striped\"></div>\n </div>\n <div *ngIf=\"(ft.status === 'onProgress' || showprogressbar && showprogressbarpercentage) && ft.progress \"\n class=\"col-md-1 upload-progress-percentage\">{{ ft.progress + '%' }}\n </div>\n </div>\n <div class=\"media-right media-middle\" *ngIf=\"ft.status === 'onProgress' || ft.status === 'queued'\">\n <a class=\"btn btn-transparent file-upload-stop\" type=\"button\" (click)=\"abortFileUpload(ft)\">\n <i class=\"wi wi-close\"></i>\n </a>\n </div>\n <div class=\"media-right media-middle\">\n <a (click)=\"clear(ft)\" *ngIf=\"cleariconclass !== '' && ft.status !== 'onProgress'\"\n class=\"btn btn-transparent btn-default status-icon\" title=\"{{cleariconhint}}\" type=\"button\">\n <i class=\"{{cleariconclass}}\"></i>\n </a>\n </div>\n </div>\n </li>\n </div>\n </ul>\n <!-- list of selectedfolders UI to show the error in title -->\n <ul class=\"list-group file-upload\" [ngStyle]=\"{height: filelistheight, overflow: overflow}\" title=\"{{this.appLocale.MESSAGE_FOLDER_UPLOADS_NOT_ALLOWED}}\" *ngIf=\"selectedFolders.length > 0\" >\n <li *ngFor=\"let ft of selectedFolders\" class=\"list-group-item file-upload-status\">\n <div class=\"media upload-file-list\">\n <div class=\"media-left media-middle file-icon fa fa-folder-o\"></div>\n <div class=\"media-body media-middle file-details\">\n <p class=\"uploaddetails\">\n <label class=\"upload-title\">{{ft.name}}</label><br/>\n </p>\n </div>\n <div class=\"media-right media-middle\" >\n <span class=\"status-icon wi wi-cancel text-danger\"></span>\n </div>\n </div>\n </li>\n </ul>\n</div>\n" }]
|
|
661
693
|
}], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.App }, { type: undefined, decorators: [{
|
|
662
694
|
type: i0.Attribute,
|
|
663
695
|
args: ['select.event']
|