@adins/ucviewgeneric 5.0.2-multiversion.1 → 5.0.4-multiversion.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.
Files changed (21) hide show
  1. package/{fesm2020 → fesm2022}/adins-ucviewgeneric.mjs +903 -854
  2. package/{fesm2020 → fesm2022}/adins-ucviewgeneric.mjs.map +1 -1
  3. package/index.d.ts +157 -5
  4. package/package.json +3 -11
  5. package/esm2020/adins-ucviewgeneric.mjs +0 -5
  6. package/esm2020/lib/model/grid-view-obj.model.mjs +0 -8
  7. package/esm2020/lib/model/input-grid-obj.model.mjs +0 -24
  8. package/esm2020/lib/model/uc-view-generic-obj.model.mjs +0 -34
  9. package/esm2020/lib/ucviewgeneric.component.mjs +0 -767
  10. package/esm2020/lib/ucviewgeneric.module.mjs +0 -48
  11. package/esm2020/lib/ucviewgeneric.service.mjs +0 -14
  12. package/esm2020/public-api.mjs +0 -7
  13. package/fesm2015/adins-ucviewgeneric.mjs +0 -894
  14. package/fesm2015/adins-ucviewgeneric.mjs.map +0 -1
  15. package/lib/model/grid-view-obj.model.d.ts +0 -21
  16. package/lib/model/input-grid-obj.model.d.ts +0 -29
  17. package/lib/model/uc-view-generic-obj.model.d.ts +0 -29
  18. package/lib/ucviewgeneric.component.d.ts +0 -55
  19. package/lib/ucviewgeneric.module.d.ts +0 -15
  20. package/lib/ucviewgeneric.service.d.ts +0 -6
  21. package/public-api.d.ts +0 -3
package/{fesm2020 → fesm2022}/adins-ucviewgeneric.mjs RENAMED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, EventEmitter, isDevMode, Component, Input, Output, NgModule } from '@angular/core';
2
+ import { Injectable, EventEmitter, isDevMode, Output, Input, Component, NgModule } from '@angular/core';
3
3
  import * as i1 from '@angular/router';
4
4
  import { RouterModule } from '@angular/router';
5
5
  import * as i2 from '@angular/common/http';
@@ -20,872 +20,921 @@ import * as i10 from '@adins/ucdatepipe';
20
20
  import { UcdatepipeModule } from '@adins/ucdatepipe';
21
21
  import { UcgridviewModule } from '@adins/ucgridview';
22
22
 
23
- class UcviewgenericService {
24
- constructor() { }
25
- }
26
- /** @nocollapse */ UcviewgenericService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
27
- /** @nocollapse */ UcviewgenericService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericService, providedIn: 'root' });
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericService, decorators: [{
29
- type: Injectable,
30
- args: [{
31
- providedIn: 'root'
32
- }]
33
- }], ctorParameters: function () { return []; } });
23
+ class UcviewgenericService {
24
+ constructor() { }
25
+ /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
26
+ /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericService, providedIn: 'root' });
27
+ }
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericService, decorators: [{
29
+ type: Injectable,
30
+ args: [{
31
+ providedIn: 'root'
32
+ }]
33
+ }], ctorParameters: () => [] });
34
34
 
35
- class UcViewGenericObj {
36
- constructor() {
37
- this.IsCard = true;
38
- //EXPERIMENTAL BaseView API
39
- this.Experimental = false;
40
- this.viewInput = "";
41
- this.viewEnvironment = "";
42
- this.ddlEnvironments = new Array();
43
- this.listEnvironments = new Array();
44
- this.whereValue = new Array();
45
- this.IsCard = true;
46
- this.dicts = {};
47
- this.Experimental = false;
48
- this.environment = {};
49
- }
50
- }
51
- class EnviObj {
52
- constructor() {
53
- this.name = "";
54
- this.environment = "";
55
- }
56
- }
57
- class WhereValueObj {
58
- constructor() {
59
- this.property = "";
60
- }
61
- }
62
- class EnvisObj {
63
- constructor() {
64
- this.environment = "";
65
- this.url = "";
66
- }
35
+ class UcViewGenericObj {
36
+ viewInput;
37
+ viewEnvironment;
38
+ navigationConst;
39
+ ddlEnvironments;
40
+ listEnvironments;
41
+ whereValue;
42
+ IsCard = true;
43
+ dataInput;
44
+ dicts;
45
+ environment;
46
+ //EXPERIMENTAL BaseView API
47
+ Experimental = false;
48
+ constructor() {
49
+ this.viewInput = "";
50
+ this.viewEnvironment = "";
51
+ this.ddlEnvironments = new Array();
52
+ this.listEnvironments = new Array();
53
+ this.whereValue = new Array();
54
+ this.IsCard = true;
55
+ this.dicts = {};
56
+ this.Experimental = false;
57
+ this.environment = {};
58
+ }
59
+ }
60
+ class EnviObj {
61
+ name;
62
+ environment;
63
+ constructor() {
64
+ this.name = "";
65
+ this.environment = "";
66
+ }
67
+ }
68
+ class WhereValueObj {
69
+ property;
70
+ value;
71
+ constructor() {
72
+ this.property = "";
73
+ }
74
+ }
75
+ class EnvisObj {
76
+ environment;
77
+ url;
78
+ constructor() {
79
+ this.environment = "";
80
+ this.url = "";
81
+ }
67
82
  }
68
83
 
69
- class GridViewObj {
70
- constructor() {
71
- this.gridViews = [];
72
- }
73
- }
74
- class GridViewInput {
84
+ class GridViewObj {
85
+ gridViews;
86
+ constructor() {
87
+ this.gridViews = [];
88
+ }
89
+ }
90
+ class GridViewInput {
91
+ subsection;
92
+ isSubsection;
93
+ usePagination;
94
+ title;
95
+ getData;
96
+ tableInput;
75
97
  }
76
98
 
77
- class InputGridObj {
78
- constructor() {
79
- this.apiUrl = "";
80
- this.deleteUrl = "";
81
- this.pageNow = 0;
82
- this.pageSize = 0;
83
- this.pagingJson = "";
84
- this.switchValue = new Array();
85
- this.addGridList = new Array();
86
- this.classPadding = "";
87
- }
88
- }
89
- class SwitchValueObj {
90
- constructor() {
91
- this.property = "";
92
- }
93
- }
94
- class InputAddGridObj {
95
- constructor() {
96
- this.AddGridLabel = "";
97
- this.AddGridProperty = "";
98
- }
99
+ class InputGridObj {
100
+ resultData;
101
+ searchComp;
102
+ apiUrl;
103
+ deleteUrl;
104
+ pageNow;
105
+ pageSize;
106
+ pagingJson;
107
+ navigationConst;
108
+ switchValue;
109
+ addGridList;
110
+ dataInput;
111
+ classPadding;
112
+ usePagination;
113
+ isSubsection;
114
+ title;
115
+ constructor() {
116
+ this.apiUrl = "";
117
+ this.deleteUrl = "";
118
+ this.pageNow = 0;
119
+ this.pageSize = 0;
120
+ this.pagingJson = "";
121
+ this.switchValue = new Array();
122
+ this.addGridList = new Array();
123
+ this.classPadding = "";
124
+ }
125
+ }
126
+ class SwitchValueObj {
127
+ property;
128
+ value;
129
+ constructor() {
130
+ this.property = "";
131
+ }
132
+ }
133
+ class InputAddGridObj {
134
+ AddGridLabel;
135
+ AddGridProperty;
136
+ constructor() {
137
+ this.AddGridLabel = "";
138
+ this.AddGridProperty = "";
139
+ }
99
140
  }
100
141
 
101
- class UcviewgenericComponent {
102
- constructor(route, http, translateService, cookieService, ngxRouter) {
103
- this.route = route;
104
- this.http = http;
105
- this.translateService = translateService;
106
- this.cookieService = cookieService;
107
- this.ngxRouter = ngxRouter;
108
- this.viewGenericObj = new UcViewGenericObj();
109
- this.gridViewObj = new GridViewObj();
110
- this.refresh = new EventEmitter();
111
- this.callback = new EventEmitter();
112
- this.inputGridViewObjs = new Array();
113
- this.viewList = "";
114
- this.isReady = false;
115
- this.IsCard = true;
116
- this.isCollapsed = false;
117
- this.route.queryParams.subscribe((params) => {
118
- this.getList = this.ngxRouter.getQueryParams(params);
119
- });
120
- if (!this.UserAccess) {
121
- this.UserAccess = JSON.parse(this.GetCookie(this.cookieService, "UserAccess"));
122
- }
123
- this.translateService.setDefaultLang("en");
124
- this.translateService.use(localStorage.getItem("lang") || "en");
125
- }
126
- ngOnInit() {
127
- // EXPERIMENTAL BaseView API
128
- // TODO: remove after stable
129
- if (this.viewGenericObj.Experimental === undefined) {
130
- this.viewGenericObj.Experimental = false;
131
- }
132
- // END EXPERIMENTAL
133
- this.initiateForm();
134
- this.CheckIsCard();
135
- this.refresh.subscribe((isUpdate) => {
136
- if (!isUpdate) {
137
- return;
138
- }
139
- // Refresh view content
140
- this.initiateForm();
141
- this.refresh.emit(false);
142
- });
143
- }
144
- onCollapse(ev) {
145
- this.isCollapsed = !!ev?.isCollapsed;
146
- }
147
- CheckIsCard() {
148
- if (this.viewGenericObj.IsCard == undefined ||
149
- this.viewGenericObj.IsCard == null)
150
- return;
151
- this.IsCard = this.viewGenericObj.IsCard;
152
- }
153
- initiateForm() {
154
- if (this.viewGenericObj.dataInput !== undefined &&
155
- Object.keys(this.viewGenericObj.dataInput).length !== 0) {
156
- this.setConfiguration({ ...this.viewGenericObj.dataInput });
157
- this.gridViewObj.gridViews =
158
- this.viewGenericObj.dataInput.subsection[0]?.gridViews || [];
159
- this.initializeGridViews();
160
- return;
161
- }
162
- this.getJSON(this.viewGenericObj.viewInput).subscribe((data) => {
163
- this.setConfiguration(data);
164
- });
165
- this.initializeGridViews();
166
- }
167
- initializeGridViews() {
168
- if (this.gridViewObj && this.gridViewObj.gridViews.length === 0) {
169
- return;
170
- }
171
- this.gridViewObj.gridViews.map(async (gridView) => {
172
- const inputGridObj = new InputGridObj();
173
- inputGridObj.dataInput = gridView.tableInput;
174
- inputGridObj.resultData = { Data: [] };
175
- inputGridObj.isSubsection = gridView.isSubsection || false;
176
- inputGridObj.usePagination = gridView.usePagination || true;
177
- inputGridObj.title = gridView.title || "";
178
- await this.GetGridViewData(gridView.getData, inputGridObj);
179
- this.inputGridViewObjs.push(inputGridObj);
180
- });
181
- }
182
- getEnvironment(envi) {
183
- const filteredEnvis = this.viewGenericObj.listEnvironments.filter((v) => v.environment == envi);
184
- return filteredEnvis.length > 0 ? filteredEnvis[0] : null;
185
- }
186
- async GetGridViewData(meta, inputGridObj) {
187
- let templListData = [];
188
- const enviUrl = meta.environment && this.getEnvironment(meta.environment);
189
- await this.http
190
- .post(enviUrl ? enviUrl.url + meta.apiPath : meta.apiPath, meta.reqObj)
191
- .toPromise()
192
- .then((response) => {
193
- templListData = response[meta.customObjName || "ReturnObject"];
194
- inputGridObj.apiUrl = meta.apiPath;
195
- inputGridObj.resultData["Data"] = new Array();
196
- inputGridObj.resultData.Data = templListData;
197
- })
198
- .catch((error) => {
199
- console.log(error);
200
- });
201
- }
202
- gridEvent(ev) {
203
- this.callbackFunction(ev.RowObj, ev.Key);
204
- }
205
- setConfiguration(data) {
206
- this.viewList = data;
207
- this.viewInfoObjList = [];
208
- for (let j = 0; j < this.viewList.subsection.length; j++) {
209
- this.viewInfoObjList.push(j);
210
- }
211
- for (let i = 0; i < this.viewList.subsection.length; i++) {
212
- if (this.viewList.subsection[i].querystring != null &&
213
- this.viewList.subsection[i].querystring.name != "") {
214
- let queryObj;
215
- if (this.viewGenericObj.whereValue.length == 0) {
216
- this.viewList.subsection[i].querystring.whereQuery = (Object).values(this.getList);
217
- }
218
- else {
219
- this.viewList.subsection[i].querystring.whereQuery =
220
- this.viewGenericObj.whereValue;
221
- }
222
- if (this.viewList.subsection[i].mainInfoPath != undefined &&
223
- this.viewList.subsection[i].mainInfoPath != "") {
224
- if (this.viewGenericObj.viewEnvironment != undefined &&
225
- this.viewGenericObj.viewEnvironment != "") {
226
- this.viewList.subsection[i].fullpath =
227
- this.viewGenericObj.viewEnvironment +
228
- this.viewList.subsection[i].mainInfoPath;
229
- }
230
- else {
231
- this.viewList.subsection[i].fullpath =
232
- this.viewList.subsection[i].mainInfoUrl;
233
- }
234
- }
235
- else {
236
- this.viewList.subsection[i].fullpath =
237
- this.viewList.subsection[i].mainInfoUrl;
238
- }
239
- // EXPERIMENTAL BaseView API
240
- // TODO: remove after stable
241
- if (this.viewGenericObj.Experimental) {
242
- const _environmentUrl = this.viewGenericObj.viewEnvironment.substring(0, this.viewGenericObj.viewEnvironment.length - 3);
243
- const _qryView = this.viewList.subsection[i].querystring.name;
244
- this.viewList.subsection[i].fullpath = `${_environmentUrl}/v1/BaseView/${_qryView}`;
245
- }
246
- // END EXPERIMENTAL
247
- queryObj = {
248
- querystring: this.viewList.subsection[i].querystring,
249
- };
250
- this.http
251
- .post(this.viewList.subsection[i].fullpath, queryObj)
252
- .subscribe((response) => {
253
- this.viewInfoObjList[i] = response["Data"][0];
254
- for (let y = 0; y < this.viewList.subsection[i].mainInfo.length; y++) {
255
- if (this.viewList.subsection[i].mainInfo[y].propertyList !=
256
- undefined &&
257
- this.viewList.subsection[i].mainInfo[y].propertyList.length !=
258
- 0) {
259
- const propertyList = this.viewList.subsection[i].mainInfo[y].propertyList;
260
- let concat = "";
261
- for (let z = 0; z < propertyList.length; z++) {
262
- concat =
263
- concat +
264
- propertyList[z].prefix +
265
- this.viewInfoObjList[i][propertyList[z].property] +
266
- propertyList[z].suffix;
267
- }
268
- this.viewList.subsection[i].mainInfo[y].concat = concat;
269
- }
270
- //switch case
271
- if (this.viewList.subsection[i].mainInfo[y].type == "switch") {
272
- for (let z = 0; z < this.viewList.subsection[i].mainInfo[y].case.length; z++) {
273
- let Empty = new Array();
274
- this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
275
- false;
276
- //check hideIfEmpty
277
- if (this.viewList.subsection[i].mainInfo[y].case[z].result
278
- .hideIfEmpty != undefined &&
279
- this.viewList.subsection[i].mainInfo[y].case[z].result
280
- .hideIfEmpty != null) {
281
- if (this.viewList.subsection[i].mainInfo[y].case[z].result
282
- .type != "concat") {
283
- Empty.push(this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
284
- .result.property] != undefined &&
285
- this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
286
- .result.property] != null &&
287
- this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
288
- .result.property] != ""
289
- ? false
290
- : true);
291
- }
292
- else {
293
- // type concat
294
- if (this.viewList.subsection[i].mainInfo[y].case[z].result
295
- .propertyList != undefined &&
296
- this.viewList.subsection[i].mainInfo[y].case[z].result
297
- .propertyList.length != 0) {
298
- const propertyList = this.viewList.subsection[i].mainInfo[y].case[z]
299
- .result.propertyList;
300
- let concat = "";
301
- for (let a = 0; a < propertyList.length; a++) {
302
- concat =
303
- concat +
304
- propertyList[a].prefix +
305
- this.viewInfoObjList[i][propertyList[a].property] +
306
- propertyList[a].suffix;
307
- Empty.push(this.viewInfoObjList[i][propertyList[a].property] != undefined &&
308
- this.viewInfoObjList[i][propertyList[a].property] != null &&
309
- this.viewInfoObjList[i][propertyList[a].property] != ""
310
- ? false
311
- : true);
312
- }
313
- this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
314
- }
315
- }
316
- if (Empty.includes(true) &&
317
- this.viewList.subsection[i].mainInfo[y].case[z].result
318
- .hideIfEmpty) {
319
- this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
320
- true;
321
- this.viewList.subsection[i].mainInfo[y].isHide = true;
322
- }
323
- }
324
- else {
325
- //concat
326
- if (this.viewList.subsection[i].mainInfo[y].case[z].result
327
- .propertyList != undefined &&
328
- this.viewList.subsection[i].mainInfo[y].case[z].result
329
- .propertyList.length != 0) {
330
- const propertyList = this.viewList.subsection[i].mainInfo[y].case[z].result
331
- .propertyList;
332
- let concat = "";
333
- for (let a = 0; a < propertyList.length; a++) {
334
- concat =
335
- concat +
336
- propertyList[a].prefix +
337
- this.viewInfoObjList[i][propertyList[a].property] +
338
- propertyList[a].suffix;
339
- }
340
- this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
341
- }
342
- }
343
- }
344
- }
345
- if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
346
- (this.viewGenericObj.navigationConst != undefined ||
347
- this.viewGenericObj.navigationConst != null)) {
348
- let tempLink = this.viewGenericObj.navigationConst[this.viewList.subsection[i].mainInfo[y].path];
349
- if (tempLink != undefined && tempLink != null) {
350
- this.viewList.subsection[i].mainInfo[y].path = tempLink;
351
- }
352
- }
353
- if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
354
- this.viewGenericObj.listEnvironments != undefined &&
355
- this.viewGenericObj.listEnvironments.length != 0) {
356
- for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
357
- if (this.viewList.subsection[i].mainInfo[y].environment ==
358
- this.viewGenericObj.listEnvironments[z].environment) {
359
- this.viewList.subsection[i].mainInfo[y].isFullpath = true;
360
- this.viewList.subsection[i].mainInfo[y].fullpath =
361
- this.viewGenericObj.listEnvironments[z].url +
362
- this.viewList.subsection[i].mainInfo[y].path;
363
- break;
364
- }
365
- }
366
- }
367
- else if (this.viewList.subsection[i].mainInfo[y].type == "link") {
368
- this.viewList.subsection[i].mainInfo[y].isFullpath = false;
369
- this.viewList.subsection[i].mainInfo[y].fullpath =
370
- this.viewList.subsection[i].mainInfo[y].path;
371
- }
372
- }
373
- this.isReady = true;
374
- }, (error) => {
375
- console.log(error);
376
- });
377
- }
378
- else {
379
- if (this.viewList.subsection[i].mainInfoPath != undefined &&
380
- this.viewList.subsection[i].mainInfoPath != "") {
381
- if (this.viewList.subsection[i].environment != undefined &&
382
- this.viewList.subsection[i].mainInfoPath != "") {
383
- for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
384
- if (this.viewList.subsection[i].environment ==
385
- this.viewGenericObj.listEnvironments[z].environment) {
386
- this.viewList.subsection[i].fullpath =
387
- this.viewGenericObj.listEnvironments[z].url +
388
- this.viewList.subsection[i].mainInfoPath;
389
- break;
390
- }
391
- }
392
- }
393
- else if (this.viewGenericObj.viewEnvironment != undefined &&
394
- this.viewGenericObj.viewEnvironment != "") {
395
- this.viewList.subsection[i].fullpath =
396
- this.viewGenericObj.viewEnvironment +
397
- this.viewList.subsection[i].mainInfoPath;
398
- }
399
- else {
400
- this.viewList.subsection[i].fullpath =
401
- this.viewList.subsection[i].mainInfoUrl;
402
- }
403
- }
404
- else {
405
- this.viewList.subsection[i].fullpath =
406
- this.viewList.subsection[i].mainInfoUrl;
407
- }
408
- const reqObj = this.viewList.subsection[i].reqObj || this.getList;
409
- if (this.viewList.subsection[i].reqObj !== undefined) {
410
- for (const [key, value] of Object.entries(this.viewList.subsection[i].reqObj)) {
411
- reqObj[key] =
412
- this.getList[value] ||
413
- this.viewGenericObj.dicts[value];
414
- if (reqObj[key] == undefined) {
415
- reqObj[key] = value;
416
- }
417
- }
418
- }
419
- this.http.post(this.viewList.subsection[i].fullpath, reqObj).subscribe((response) => {
420
- if (this.viewList.subsection[i].resObjName === undefined ||
421
- this.viewList.subsection[i].resObjName === "") {
422
- this.viewInfoObjList[i] = response;
423
- }
424
- else {
425
- this.viewInfoObjList[i] =
426
- response[this.viewList.subsection[i].resObjName];
427
- }
428
- this.isReady = true;
429
- }, (error) => {
430
- console.log(error);
431
- });
432
- }
433
- }
434
- }
435
- getJSON(url) {
436
- return this.http.get(url);
437
- }
438
- GetCookie(cookieService, key) {
439
- let value = cookieService.get(key);
440
- if (value == undefined || value.trim() == "")
441
- return null;
442
- const _key = this.viewGenericObj?.environment?.ChipperKeyCookie ?? "AdInsFOU12345678";
443
- return this.DecryptString(value, _key);
444
- }
445
- DecryptString(chipperText, chipperKey) {
446
- if (chipperKey == undefined ||
447
- chipperKey.trim() == "" ||
448
- chipperText == undefined ||
449
- chipperText.trim() == "")
450
- return chipperText;
451
- let chipperKeyArr = CryptoJS.enc.Utf8.parse(chipperKey);
452
- let iv = CryptoJS.lib.WordArray.create([0x00, 0x00, 0x00, 0x00]);
453
- let decrypted = CryptoJS.AES.decrypt(chipperText, chipperKeyArr, {
454
- iv: iv,
455
- });
456
- let plainText = decrypted.toString(CryptoJS.enc.Utf8);
457
- return plainText;
458
- }
459
- genAction(viewObj, param) {
460
- let arrList = {};
461
- for (let i = 0; i < param.length; i++) {
462
- if (viewObj[param[i].type] != undefined ||
463
- viewObj[param[i].property] != undefined) {
464
- arrList[param[i].type] = viewObj[param[i].property];
465
- }
466
- else {
467
- arrList[param[i].type] = param[i].property;
468
- }
469
- }
470
- // Set state of data to router service
471
- if (!isDevMode() &&
472
- (this.viewGenericObj?.environment?.useSafeUrl ?? false)) {
473
- return this.ngxRouter.createQueryParams(arrList);
474
- }
475
- return arrList;
476
- }
477
- genRouterLink(urlLink) {
478
- let tempLink = urlLink;
479
- if (this.viewGenericObj.navigationConst != undefined &&
480
- this.viewGenericObj.navigationConst[urlLink] != null) {
481
- tempLink = this.viewGenericObj.navigationConst[urlLink];
482
- }
483
- return tempLink;
484
- }
485
- redirectFullPath(fullpath, param, target, item) {
486
- let queryParam = "";
487
- let _fullpath = fullpath || "";
488
- if (_fullpath == "") {
489
- _fullpath = this.genFullpath(item.environment, item.path);
490
- }
491
- const ListObj = Object.keys(param);
492
- for (let i = 0; i < ListObj.length; i++) {
493
- if (queryParam != "") {
494
- queryParam = queryParam + "&" + ListObj[i] + "=" + param[ListObj[i]];
495
- }
496
- else {
497
- queryParam = ListObj[i] + "=" + param[ListObj[i]];
498
- }
499
- }
500
- window.open(_fullpath + "?" + queryParam, target);
501
- }
502
- genFullpath(environment, path) {
503
- const _envi = this.getEnvironment(environment);
504
- if (_envi === null) {
505
- return environment + path;
506
- }
507
- return _envi.url + path;
508
- }
509
- callbackFunction(item, key = "") {
510
- let CBObj = {
511
- ViewObj: item,
512
- Key: key,
513
- };
514
- this.callback.emit(CBObj);
515
- }
516
- isVisible(condList, i) {
517
- let result = true;
518
- if (condList === undefined)
519
- return result;
520
- const _temp = {
521
- ...this.viewGenericObj.dicts,
522
- dicts: { ...this.viewGenericObj.dicts },
523
- viewData: { ...this.viewInfoObjList[i] },
524
- };
525
- const conditions = Array.isArray(condList) ? condList : [condList];
526
- for (const criteria of conditions) {
527
- const restriction = criteria?.restriction.toUpperCase();
528
- const compareValue = this.parseValue(_temp, criteria?.value);
529
- const critValue = this.parseValue(_temp, criteria?.property);
530
- if (restriction === "EQ") {
531
- if (critValue === compareValue) {
532
- result = true;
533
- }
534
- else {
535
- result = false;
536
- break;
537
- }
538
- }
539
- else if (restriction === "NEQ") {
540
- if (critValue !== compareValue) {
541
- result = true;
542
- }
543
- else {
544
- result = false;
545
- break;
546
- }
547
- }
548
- else if (restriction === "GT") {
549
- if (critValue > compareValue) {
550
- result = true;
551
- }
552
- else {
553
- result = false;
554
- break;
555
- }
556
- }
557
- else if (restriction === "GTE") {
558
- if (critValue >= compareValue) {
559
- result = true;
560
- }
561
- else {
562
- result = false;
563
- break;
564
- }
565
- }
566
- else if (restriction === "LT") {
567
- if (critValue < compareValue) {
568
- result = true;
569
- }
570
- else {
571
- result = false;
572
- break;
573
- }
574
- }
575
- else if (restriction === "LTE") {
576
- if (critValue <= compareValue) {
577
- result = true;
578
- }
579
- else {
580
- result = false;
581
- break;
582
- }
583
- }
584
- else if (restriction === "IN") {
585
- const values = this.parseValue(_temp, criteria.value);
586
- if (values.includes(critValue)) {
587
- result = true;
588
- }
589
- else {
590
- result = false;
591
- break;
592
- }
593
- }
594
- else if (restriction === "NOTIN") {
595
- const values = this.parseValue(_temp, criteria.value);
596
- if (!values.includes(critValue)) {
597
- result = true;
598
- }
599
- else {
600
- result = false;
601
- break;
602
- }
603
- }
604
- }
605
- return result;
606
- }
607
- switchCase(item, condList) {
608
- let condition = false;
609
- if (!item)
610
- return false;
611
- for (let i = 0; i < condList.conditions.length; i++) {
612
- if (condList.conditions[i].restriction == "EQ") {
613
- if (condList.conditions[i].isUser != true) {
614
- if (item[condList.conditions[i].property] ==
615
- condList.conditions[i].value) {
616
- condition = true;
617
- }
618
- else {
619
- condition = false;
620
- break;
621
- }
622
- }
623
- else {
624
- if (item[condList.conditions[i].property] == this.UserAccess["UserName"]) {
625
- condition = true;
626
- }
627
- else {
628
- condition = false;
629
- break;
630
- }
631
- }
632
- }
633
- else if (condList.conditions[i].restriction == "NEQ") {
634
- if (condList.conditions[i].isUser != true) {
635
- if (item[condList.conditions[i].property] !=
636
- condList.conditions[i].value) {
637
- condition = true;
638
- }
639
- else {
640
- condition = false;
641
- break;
642
- }
643
- }
644
- else {
645
- if (item[condList.conditions[i].property] != this.UserAccess["UserName"]) {
646
- condition = true;
647
- }
648
- else {
649
- condition = false;
650
- break;
651
- }
652
- }
653
- }
654
- else if (condList.conditions[i].restriction == "GT") {
655
- if (condList.conditions[i].isUser != true) {
656
- if (item[condList.conditions[i].property] > condList.conditions[i].value) {
657
- condition = true;
658
- }
659
- else {
660
- condition = false;
661
- break;
662
- }
663
- }
664
- else {
665
- if (item[condList.conditions[i].property] > this.UserAccess["UserName"]) {
666
- condition = true;
667
- }
668
- else {
669
- condition = false;
670
- break;
671
- }
672
- }
673
- }
674
- else if (condList.conditions[i].restriction == "GTE") {
675
- if (condList.conditions[i].isUser != true) {
676
- if (item[condList.conditions[i].property] >=
677
- condList.conditions[i].value) {
678
- condition = true;
679
- }
680
- else {
681
- condition = false;
682
- break;
683
- }
684
- }
685
- else {
686
- if (item[condList.conditions[i].property] >= this.UserAccess["UserName"]) {
687
- condition = true;
688
- }
689
- else {
690
- condition = false;
691
- break;
692
- }
693
- }
694
- }
695
- else if (condList.conditions[i].restriction == "LT") {
696
- if (condList.conditions[i].isUser != true) {
697
- if (item[condList.conditions[i].property] < condList.conditions[i].value) {
698
- condition = true;
699
- }
700
- else {
701
- condition = false;
702
- break;
703
- }
704
- }
705
- else {
706
- if (item[condList.conditions[i].property] < this.UserAccess["UserName"]) {
707
- condition = true;
708
- }
709
- else {
710
- condition = false;
711
- break;
712
- }
713
- }
714
- }
715
- else if (condList.conditions[i].restriction == "LTE") {
716
- if (condList.conditions[i].isUser != true) {
717
- if (item[condList.conditions[i].property] <=
718
- condList.conditions[i].value) {
719
- condition = true;
720
- }
721
- else {
722
- condition = false;
723
- break;
724
- }
725
- }
726
- else {
727
- if (item[condList.conditions[i].property] <= this.UserAccess["UserName"]) {
728
- condition = true;
729
- }
730
- else {
731
- condition = false;
732
- break;
733
- }
734
- }
735
- }
736
- else if (condList.conditions[i].restriction == "IN") {
737
- if (condList.conditions[i].isUser != true) {
738
- if (condList.conditions[i].value.findIndex((x) => x == item[condList.conditions[i].property]) >= 0) {
739
- condition = true;
740
- }
741
- else {
742
- condition = false;
743
- break;
744
- }
745
- }
746
- else {
747
- if (condList.conditions[i].value.findIndex((x) => x == this.UserAccess["UserName"]) >= 0) {
748
- condition = true;
749
- }
750
- else {
751
- condition = false;
752
- break;
753
- }
754
- }
755
- }
756
- else if (condList.conditions[i].restriction == "NIN") {
757
- if (condList.conditions[i].isUser != true) {
758
- if (condList.conditions[i].value.findIndex((x) => x == item[condList.conditions[i].property]) == -1) {
759
- condition = true;
760
- }
761
- else {
762
- condition = false;
763
- break;
764
- }
765
- }
766
- else {
767
- if (condList.conditions[i].value.findIndex((x) => x == this.UserAccess["UserName"]) == -1) {
768
- condition = true;
769
- }
770
- else {
771
- condition = false;
772
- break;
773
- }
774
- }
775
- }
776
- }
777
- return condition;
778
- }
779
- isNumber(value) {
780
- if (value === null || value === undefined)
781
- return false;
782
- if (value === true || value === false)
783
- return false;
784
- if (value.length > 1 && value[0] === "0")
785
- return false;
786
- if (Array.isArray(value))
787
- return false;
788
- return !isNaN(Number(value));
789
- }
790
- isBoolean(value) {
791
- return (typeof value === "string" &&
792
- (value.toLowerCase() === "true" || value.toLowerCase() === "false"));
793
- }
794
- parseValue(object, property) {
795
- if (property === "") {
796
- return property;
797
- }
798
- if (property === "[]") {
799
- return [];
800
- }
801
- if (property !== "" && this.isNumber(property)) {
802
- return parseFloat(property);
803
- }
804
- if (this.isBoolean(property)) {
805
- return property.toLowerCase() === "true";
806
- }
807
- if (typeof property === "boolean") {
808
- return property;
809
- }
810
- const properties = property.split(".");
811
- let value = object;
812
- for (const prop of properties) {
813
- if (value.hasOwnProperty(prop)) {
814
- value = value[prop];
815
- }
816
- else {
817
- return property;
818
- }
819
- }
820
- if (value !== "" && this.isNumber(value)) {
821
- value = parseFloat(value);
822
- }
823
- if (this.isBoolean(value)) {
824
- value = value.toLowerCase() === "true";
825
- }
826
- if (value === null || value === "null") {
827
- value = "";
828
- }
829
- return value;
830
- }
831
- }
832
- /** @nocollapse */ UcviewgenericComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.HttpClient }, { token: i3.TranslateService }, { token: i4.CookieService }, { token: i5.NgxRouterService }], target: i0.ɵɵFactoryTarget.Component });
833
- /** @nocollapse */ UcviewgenericComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UcviewgenericComponent, selector: "lib-ucviewgeneric", inputs: { viewGenericObj: "viewGenericObj", gridViewObj: "gridViewObj", refresh: "refresh" }, outputs: { callback: "callback" }, ngImport: i0, template: "<!-- DO NOT BEAUTIFY / PRETTIFY THIS FILE - will cause the label cannot be highlighted/selected for copy -->\r\n<span hidden attr.version=\"3.4.18-canary.0\"></span>\r\n<section id=\"horizontal-form-layouts\">\r\n\t<div class=\"row text-left\">\r\n\t\t<div class=\"col-md-12\">\r\n\t\t\t<div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n\t\t\t\t<!-- <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n\t\t\t\t\t<h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n\t\t\t\t</div> -->\r\n\t\t\t\t<div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n\t\t\t\t\t\t\t[panel]=\"ss.subSectionId\" [legacy]=\"false\" (collapse)=\"onCollapse($event)\">\r\n\t\t\t\t\t\t</lib-ucSubsection>\r\n\t\t\t\t\t\t<div class=\"form-body border-top border-bottom\" [id]='ss.subSectionId' [(ngbCollapse)]=\"isCollapsed\">\r\n\t\t\t\t\t\t\t<div class=\"p-3\">\r\n\t\t\t\t\t\t\t\t<div class=\"form-group row\">\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let mi of ss?.mainInfo\">\r\n\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"isVisible(mi?.conditions, i)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{ 'col-xxl-2 col-xl-3 col-lg-4 col-md-6 col-xs-12 py-2': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\" *ngIf=\"mi.type != 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{mi.label}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\" *ngIf=\"mi.type == 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngFor=\"let case of mi?.case\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{case.result.label}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-12\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n\t\t\t\t\t\t\t\t\t\t\t 'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"(mi.type == 'boolean' && viewInfoObjList[i][mi.property] != null) || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null) || mi.type == 'switch' || mi.type =='concat'; then nonEmptyLabel else emptyLabel\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #emptyLabel>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'blank'\"></label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type != 'blank'\" class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>-</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #nonEmptyLabel>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'text'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>-\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'currency'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'0.2' :'en-US' }} <span *ngIf=\"mi?.IsPrcnt\">&nbsp;%</span> </label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'date'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] | ucdate: (mi?.dateFormat) ? mi?.dateFormat\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'dd-MMM-yyyy' }} </label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'link'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a *ngIf=\"!mi?.isFullpath\" class=\"d-block text-truncate\" style=\"max-width: 270px\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[title]=\"viewInfoObjList[i][mi.property]\" [routerLink]=\"genRouterLink(mi.path)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[target]=\"mi.target\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\" class=\"d-block text-truncate\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"max-width: 270px\" [title]=\"viewInfoObjList[i][mi.property]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target, mi)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'callback'\" class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] }}</textarea>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'boolean'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- <label\r\n\t\t\t\t\t\t\t\t\t\t\t *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'concat'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ mi.concat }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngFor=\"let cs of mi?.case\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate *ngIf=\"cs.result.type == 'text'\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'decimal'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>{{ viewInfoObjList[i][cs.result.property] | number: cs.result.precision ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcs.result.precision : '0.2' :'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.IsPrcnt\">&nbsp;%</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'date'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][cs.result.property] | ucdate: 'dd-MMM-yyyy'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'link'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control item-field\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"d-block text-truncate\" style=\"max-width: 270px\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[title]=\"viewInfoObjList[i][cs.result.property]\" [target]=\"cs.result.target\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[routerLink]=\"genRouterLink(cs.result.path)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'boolean'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][cs.result.property] == 'true' || viewInfoObjList[i][cs.result.property] == true\">Yes</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][cs.result.property] == 'false' || viewInfoObjList[i][cs.result.property] == false\">No</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'concat'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ cs.result.concat }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'callback'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #textCallback>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"a-link\" href=\"javascript:void(0);\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #iconCallback>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'a-link p-0' : cs.result.anchor]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"font-medium-3 mr-2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcs.result.tooltip }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"grid-view pb-3\" *ngIf=\"gridViewObj.gridViews.length > 0\">\r\n\t\t\t\t\t\t\t\t<div *ngFor=\"let gridView of inputGridViewObjs; let i = index\">\r\n\t\t\t\t\t\t\t\t\t<lib-ucSubsection\r\n\t\t\t\t\t\t\t\t\t\t*ngIf=\"gridViewObj.gridViews[i].subsection && gridViewObj.gridViews[i].subsection !== ''\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"'grid-subsection-id'+i\" [title]=\"gridViewObj.gridViews[i].subsection\"\r\n\t\t\t\t\t\t\t\t\t\t[panel]=\"'grid-subsection-panel-'+i\">\r\n\t\t\t\t\t\t\t\t\t</lib-ucSubsection>\r\n\t\t\t\t\t\t\t\t\t<div class=\"form-body\" [id]=\"'grid-subsection-panel-'+i\">\r\n\t\t\t\t\t\t\t\t\t\t<!-- <lib-ucgridview [gridInput]=\"gridView\" (callback)=\"gridEvent($event)\" (isRefresh)=\"GetGridViewData(gridViewObj.gridViews[i], gridView)\"></lib-ucgridview>-->\r\n\t\t\t\t\t\t\t\t\t\t<lib-uctable [gridObj]=\"gridView\" [standalone]=\"false\" (callback)=\"gridEvent($event)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[classPadding]=\"'px-0'\"></lib-uctable>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</section>", styles: [".label-field{color:var(--gray-font-2, #A1A3A5);font-size:12px!important;font-weight:500}.item-field{color:var(--Black_1, #3A4060);font-size:14px!important}.label-control{padding:0!important}.label-control>a{color:var(--blue, #246CFE)}.a-link{color:var(--blue, #246CFE);font-size:14px!important}@media (min-width: 1366px){.col-xxl-2{flex:0 0 20%;max-width:20%}}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7.UcSubsectionComponent, selector: "lib-ucSubsection", inputs: ["title", "panel", "id", "legacy", "isHidden"], outputs: ["collapse"] }, { kind: "directive", type: i8.NgbCollapse, selector: "[ngbCollapse]", inputs: ["animation", "ngbCollapse", "horizontal"], outputs: ["ngbCollapseChange", "shown", "hidden"], exportAs: ["ngbCollapse"] }, { kind: "component", type: i9.UctableComponent, selector: "lib-uctable", inputs: ["pageSize", "gridObj", "notify", "notifyUpdateFooter", "btnCallback", "dicts", "standalone", "classPadding"], outputs: ["callback", "cbUpdateDict"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i6.DecimalPipe, name: "number" }, { kind: "pipe", type: i10.UcDatePipe, name: "ucdate" }] });
834
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericComponent, decorators: [{
835
- type: Component,
836
- args: [{ selector: "lib-ucviewgeneric", standalone: false, template: "<!-- DO NOT BEAUTIFY / PRETTIFY THIS FILE - will cause the label cannot be highlighted/selected for copy -->\r\n<span hidden attr.version=\"3.4.18-canary.0\"></span>\r\n<section id=\"horizontal-form-layouts\">\r\n\t<div class=\"row text-left\">\r\n\t\t<div class=\"col-md-12\">\r\n\t\t\t<div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n\t\t\t\t<!-- <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n\t\t\t\t\t<h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n\t\t\t\t</div> -->\r\n\t\t\t\t<div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n\t\t\t\t\t\t\t[panel]=\"ss.subSectionId\" [legacy]=\"false\" (collapse)=\"onCollapse($event)\">\r\n\t\t\t\t\t\t</lib-ucSubsection>\r\n\t\t\t\t\t\t<div class=\"form-body border-top border-bottom\" [id]='ss.subSectionId' [(ngbCollapse)]=\"isCollapsed\">\r\n\t\t\t\t\t\t\t<div class=\"p-3\">\r\n\t\t\t\t\t\t\t\t<div class=\"form-group row\">\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let mi of ss?.mainInfo\">\r\n\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"isVisible(mi?.conditions, i)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{ 'col-xxl-2 col-xl-3 col-lg-4 col-md-6 col-xs-12 py-2': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\" *ngIf=\"mi.type != 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{mi.label}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\" *ngIf=\"mi.type == 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngFor=\"let case of mi?.case\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{case.result.label}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-12\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n\t\t\t\t\t\t\t\t\t\t\t 'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"(mi.type == 'boolean' && viewInfoObjList[i][mi.property] != null) || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null) || mi.type == 'switch' || mi.type =='concat'; then nonEmptyLabel else emptyLabel\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #emptyLabel>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'blank'\"></label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type != 'blank'\" class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>-</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #nonEmptyLabel>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'text'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>-\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'currency'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'0.2' :'en-US' }} <span *ngIf=\"mi?.IsPrcnt\">&nbsp;%</span> </label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'date'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] | ucdate: (mi?.dateFormat) ? mi?.dateFormat\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'dd-MMM-yyyy' }} </label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'link'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a *ngIf=\"!mi?.isFullpath\" class=\"d-block text-truncate\" style=\"max-width: 270px\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[title]=\"viewInfoObjList[i][mi.property]\" [routerLink]=\"genRouterLink(mi.path)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[target]=\"mi.target\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\" class=\"d-block text-truncate\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"max-width: 270px\" [title]=\"viewInfoObjList[i][mi.property]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target, mi)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'callback'\" class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] }}</textarea>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'boolean'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- <label\r\n\t\t\t\t\t\t\t\t\t\t\t *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'concat'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ mi.concat }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngFor=\"let cs of mi?.case\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate *ngIf=\"cs.result.type == 'text'\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'decimal'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>{{ viewInfoObjList[i][cs.result.property] | number: cs.result.precision ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcs.result.precision : '0.2' :'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.IsPrcnt\">&nbsp;%</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'date'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][cs.result.property] | ucdate: 'dd-MMM-yyyy'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'link'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control item-field\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"d-block text-truncate\" style=\"max-width: 270px\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[title]=\"viewInfoObjList[i][cs.result.property]\" [target]=\"cs.result.target\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[routerLink]=\"genRouterLink(cs.result.path)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'boolean'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][cs.result.property] == 'true' || viewInfoObjList[i][cs.result.property] == true\">Yes</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][cs.result.property] == 'false' || viewInfoObjList[i][cs.result.property] == false\">No</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'concat'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ cs.result.concat }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'callback'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #textCallback>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"a-link\" href=\"javascript:void(0);\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #iconCallback>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'a-link p-0' : cs.result.anchor]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"font-medium-3 mr-2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcs.result.tooltip }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"grid-view pb-3\" *ngIf=\"gridViewObj.gridViews.length > 0\">\r\n\t\t\t\t\t\t\t\t<div *ngFor=\"let gridView of inputGridViewObjs; let i = index\">\r\n\t\t\t\t\t\t\t\t\t<lib-ucSubsection\r\n\t\t\t\t\t\t\t\t\t\t*ngIf=\"gridViewObj.gridViews[i].subsection && gridViewObj.gridViews[i].subsection !== ''\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"'grid-subsection-id'+i\" [title]=\"gridViewObj.gridViews[i].subsection\"\r\n\t\t\t\t\t\t\t\t\t\t[panel]=\"'grid-subsection-panel-'+i\">\r\n\t\t\t\t\t\t\t\t\t</lib-ucSubsection>\r\n\t\t\t\t\t\t\t\t\t<div class=\"form-body\" [id]=\"'grid-subsection-panel-'+i\">\r\n\t\t\t\t\t\t\t\t\t\t<!-- <lib-ucgridview [gridInput]=\"gridView\" (callback)=\"gridEvent($event)\" (isRefresh)=\"GetGridViewData(gridViewObj.gridViews[i], gridView)\"></lib-ucgridview>-->\r\n\t\t\t\t\t\t\t\t\t\t<lib-uctable [gridObj]=\"gridView\" [standalone]=\"false\" (callback)=\"gridEvent($event)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[classPadding]=\"'px-0'\"></lib-uctable>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</section>", styles: [".label-field{color:var(--gray-font-2, #A1A3A5);font-size:12px!important;font-weight:500}.item-field{color:var(--Black_1, #3A4060);font-size:14px!important}.label-control{padding:0!important}.label-control>a{color:var(--blue, #246CFE)}.a-link{color:var(--blue, #246CFE);font-size:14px!important}@media (min-width: 1366px){.col-xxl-2{flex:0 0 20%;max-width:20%}}\n"] }]
837
- }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.HttpClient }, { type: i3.TranslateService }, { type: i4.CookieService }, { type: i5.NgxRouterService }]; }, propDecorators: { viewGenericObj: [{
838
- type: Input
839
- }], gridViewObj: [{
840
- type: Input
841
- }], refresh: [{
842
- type: Input
843
- }], callback: [{
844
- type: Output
142
+ class UcviewgenericComponent {
143
+ route;
144
+ http;
145
+ translateService;
146
+ cookieService;
147
+ ngxRouter;
148
+ viewGenericObj = new UcViewGenericObj();
149
+ gridViewObj = new GridViewObj();
150
+ refresh = new EventEmitter();
151
+ callback = new EventEmitter();
152
+ UserAccess;
153
+ inputGridViewObjs = new Array();
154
+ viewList = "";
155
+ getList;
156
+ viewInfoObjList;
157
+ isReady = false;
158
+ IsCard = true;
159
+ isCollapsed = false;
160
+ constructor(route, http, translateService, cookieService, ngxRouter) {
161
+ this.route = route;
162
+ this.http = http;
163
+ this.translateService = translateService;
164
+ this.cookieService = cookieService;
165
+ this.ngxRouter = ngxRouter;
166
+ this.route.queryParams.subscribe((params) => {
167
+ this.getList = this.ngxRouter.getQueryParams(params);
168
+ });
169
+ if (!this.UserAccess) {
170
+ this.UserAccess = JSON.parse(this.GetCookie(this.cookieService, "UserAccess"));
171
+ }
172
+ this.translateService.setDefaultLang("en");
173
+ this.translateService.use(localStorage.getItem("lang") || "en");
174
+ }
175
+ ngOnInit() {
176
+ // EXPERIMENTAL BaseView API
177
+ // TODO: remove after stable
178
+ if (this.viewGenericObj.Experimental === undefined) {
179
+ this.viewGenericObj.Experimental = false;
180
+ }
181
+ // END EXPERIMENTAL
182
+ this.initiateForm();
183
+ this.CheckIsCard();
184
+ this.refresh.subscribe((isUpdate) => {
185
+ if (!isUpdate) {
186
+ return;
187
+ }
188
+ // Refresh view content
189
+ this.initiateForm();
190
+ this.refresh.emit(false);
191
+ });
192
+ }
193
+ onCollapse(ev) {
194
+ this.isCollapsed = !!ev?.isCollapsed;
195
+ }
196
+ CheckIsCard() {
197
+ if (this.viewGenericObj.IsCard == undefined ||
198
+ this.viewGenericObj.IsCard == null)
199
+ return;
200
+ this.IsCard = this.viewGenericObj.IsCard;
201
+ }
202
+ initiateForm() {
203
+ if (this.viewGenericObj.dataInput !== undefined &&
204
+ Object.keys(this.viewGenericObj.dataInput).length !== 0) {
205
+ this.setConfiguration({ ...this.viewGenericObj.dataInput });
206
+ this.gridViewObj.gridViews =
207
+ this.viewGenericObj.dataInput.subsection[0]?.gridViews || [];
208
+ this.initializeGridViews();
209
+ return;
210
+ }
211
+ this.getJSON(this.viewGenericObj.viewInput).subscribe((data) => {
212
+ this.setConfiguration(data);
213
+ });
214
+ this.initializeGridViews();
215
+ }
216
+ initializeGridViews() {
217
+ if (this.gridViewObj && this.gridViewObj.gridViews.length === 0) {
218
+ return;
219
+ }
220
+ this.gridViewObj.gridViews.map(async (gridView) => {
221
+ const inputGridObj = new InputGridObj();
222
+ inputGridObj.dataInput = gridView.tableInput;
223
+ inputGridObj.resultData = { Data: [] };
224
+ inputGridObj.isSubsection = gridView.isSubsection || false;
225
+ inputGridObj.usePagination = gridView.usePagination || true;
226
+ inputGridObj.title = gridView.title || "";
227
+ await this.GetGridViewData(gridView.getData, inputGridObj);
228
+ this.inputGridViewObjs.push(inputGridObj);
229
+ });
230
+ }
231
+ getEnvironment(envi) {
232
+ const filteredEnvis = this.viewGenericObj.listEnvironments.filter((v) => v.environment == envi);
233
+ return filteredEnvis.length > 0 ? filteredEnvis[0] : null;
234
+ }
235
+ async GetGridViewData(meta, inputGridObj) {
236
+ let templListData = [];
237
+ const enviUrl = meta.environment && this.getEnvironment(meta.environment);
238
+ await this.http
239
+ .post(enviUrl ? enviUrl.url + meta.apiPath : meta.apiPath, meta.reqObj)
240
+ .toPromise()
241
+ .then((response) => {
242
+ templListData = response[meta.customObjName || "ReturnObject"];
243
+ inputGridObj.apiUrl = meta.apiPath;
244
+ inputGridObj.resultData["Data"] = new Array();
245
+ inputGridObj.resultData.Data = templListData;
246
+ })
247
+ .catch((error) => {
248
+ console.log(error);
249
+ });
250
+ }
251
+ gridEvent(ev) {
252
+ this.callbackFunction(ev.RowObj, ev.Key);
253
+ }
254
+ setConfiguration(data) {
255
+ this.viewList = data;
256
+ this.viewInfoObjList = [];
257
+ for (let j = 0; j < this.viewList.subsection.length; j++) {
258
+ this.viewInfoObjList.push(j);
259
+ }
260
+ for (let i = 0; i < this.viewList.subsection.length; i++) {
261
+ if (this.viewList.subsection[i].querystring != null &&
262
+ this.viewList.subsection[i].querystring.name != "") {
263
+ let queryObj;
264
+ if (this.viewGenericObj.whereValue.length == 0) {
265
+ this.viewList.subsection[i].querystring.whereQuery = (Object).values(this.getList);
266
+ }
267
+ else {
268
+ this.viewList.subsection[i].querystring.whereQuery =
269
+ this.viewGenericObj.whereValue;
270
+ }
271
+ if (this.viewList.subsection[i].mainInfoPath != undefined &&
272
+ this.viewList.subsection[i].mainInfoPath != "") {
273
+ if (this.viewGenericObj.viewEnvironment != undefined &&
274
+ this.viewGenericObj.viewEnvironment != "") {
275
+ this.viewList.subsection[i].fullpath =
276
+ this.viewGenericObj.viewEnvironment +
277
+ this.viewList.subsection[i].mainInfoPath;
278
+ }
279
+ else {
280
+ this.viewList.subsection[i].fullpath =
281
+ this.viewList.subsection[i].mainInfoUrl;
282
+ }
283
+ }
284
+ else {
285
+ this.viewList.subsection[i].fullpath =
286
+ this.viewList.subsection[i].mainInfoUrl;
287
+ }
288
+ // EXPERIMENTAL BaseView API
289
+ // TODO: remove after stable
290
+ if (this.viewGenericObj.Experimental) {
291
+ const _environmentUrl = this.viewGenericObj.viewEnvironment.substring(0, this.viewGenericObj.viewEnvironment.length - 3);
292
+ const _qryView = this.viewList.subsection[i].querystring.name;
293
+ this.viewList.subsection[i].fullpath = `${_environmentUrl}/v1/BaseView/${_qryView}`;
294
+ }
295
+ // END EXPERIMENTAL
296
+ queryObj = {
297
+ querystring: this.viewList.subsection[i].querystring,
298
+ };
299
+ this.http
300
+ .post(this.viewList.subsection[i].fullpath, queryObj)
301
+ .subscribe((response) => {
302
+ this.viewInfoObjList[i] = response["Data"][0];
303
+ for (let y = 0; y < this.viewList.subsection[i].mainInfo.length; y++) {
304
+ if (this.viewList.subsection[i].mainInfo[y].propertyList !=
305
+ undefined &&
306
+ this.viewList.subsection[i].mainInfo[y].propertyList.length !=
307
+ 0) {
308
+ const propertyList = this.viewList.subsection[i].mainInfo[y].propertyList;
309
+ let concat = "";
310
+ for (let z = 0; z < propertyList.length; z++) {
311
+ concat =
312
+ concat +
313
+ propertyList[z].prefix +
314
+ this.viewInfoObjList[i][propertyList[z].property] +
315
+ propertyList[z].suffix;
316
+ }
317
+ this.viewList.subsection[i].mainInfo[y].concat = concat;
318
+ }
319
+ //switch case
320
+ if (this.viewList.subsection[i].mainInfo[y].type == "switch") {
321
+ for (let z = 0; z < this.viewList.subsection[i].mainInfo[y].case.length; z++) {
322
+ let Empty = new Array();
323
+ this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
324
+ false;
325
+ //check hideIfEmpty
326
+ if (this.viewList.subsection[i].mainInfo[y].case[z].result
327
+ .hideIfEmpty != undefined &&
328
+ this.viewList.subsection[i].mainInfo[y].case[z].result
329
+ .hideIfEmpty != null) {
330
+ if (this.viewList.subsection[i].mainInfo[y].case[z].result
331
+ .type != "concat") {
332
+ Empty.push(this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
333
+ .result.property] != undefined &&
334
+ this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
335
+ .result.property] != null &&
336
+ this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
337
+ .result.property] != ""
338
+ ? false
339
+ : true);
340
+ }
341
+ else {
342
+ // type concat
343
+ if (this.viewList.subsection[i].mainInfo[y].case[z].result
344
+ .propertyList != undefined &&
345
+ this.viewList.subsection[i].mainInfo[y].case[z].result
346
+ .propertyList.length != 0) {
347
+ const propertyList = this.viewList.subsection[i].mainInfo[y].case[z]
348
+ .result.propertyList;
349
+ let concat = "";
350
+ for (let a = 0; a < propertyList.length; a++) {
351
+ concat =
352
+ concat +
353
+ propertyList[a].prefix +
354
+ this.viewInfoObjList[i][propertyList[a].property] +
355
+ propertyList[a].suffix;
356
+ Empty.push(this.viewInfoObjList[i][propertyList[a].property] != undefined &&
357
+ this.viewInfoObjList[i][propertyList[a].property] != null &&
358
+ this.viewInfoObjList[i][propertyList[a].property] != ""
359
+ ? false
360
+ : true);
361
+ }
362
+ this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
363
+ }
364
+ }
365
+ if (Empty.includes(true) &&
366
+ this.viewList.subsection[i].mainInfo[y].case[z].result
367
+ .hideIfEmpty) {
368
+ this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
369
+ true;
370
+ this.viewList.subsection[i].mainInfo[y].isHide = true;
371
+ }
372
+ }
373
+ else {
374
+ //concat
375
+ if (this.viewList.subsection[i].mainInfo[y].case[z].result
376
+ .propertyList != undefined &&
377
+ this.viewList.subsection[i].mainInfo[y].case[z].result
378
+ .propertyList.length != 0) {
379
+ const propertyList = this.viewList.subsection[i].mainInfo[y].case[z].result
380
+ .propertyList;
381
+ let concat = "";
382
+ for (let a = 0; a < propertyList.length; a++) {
383
+ concat =
384
+ concat +
385
+ propertyList[a].prefix +
386
+ this.viewInfoObjList[i][propertyList[a].property] +
387
+ propertyList[a].suffix;
388
+ }
389
+ this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
390
+ }
391
+ }
392
+ }
393
+ }
394
+ if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
395
+ (this.viewGenericObj.navigationConst != undefined ||
396
+ this.viewGenericObj.navigationConst != null)) {
397
+ let tempLink = this.viewGenericObj.navigationConst[this.viewList.subsection[i].mainInfo[y].path];
398
+ if (tempLink != undefined && tempLink != null) {
399
+ this.viewList.subsection[i].mainInfo[y].path = tempLink;
400
+ }
401
+ }
402
+ if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
403
+ this.viewGenericObj.listEnvironments != undefined &&
404
+ this.viewGenericObj.listEnvironments.length != 0) {
405
+ for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
406
+ if (this.viewList.subsection[i].mainInfo[y].environment ==
407
+ this.viewGenericObj.listEnvironments[z].environment) {
408
+ this.viewList.subsection[i].mainInfo[y].isFullpath = true;
409
+ this.viewList.subsection[i].mainInfo[y].fullpath =
410
+ this.viewGenericObj.listEnvironments[z].url +
411
+ this.viewList.subsection[i].mainInfo[y].path;
412
+ break;
413
+ }
414
+ }
415
+ }
416
+ else if (this.viewList.subsection[i].mainInfo[y].type == "link") {
417
+ this.viewList.subsection[i].mainInfo[y].isFullpath = false;
418
+ this.viewList.subsection[i].mainInfo[y].fullpath =
419
+ this.viewList.subsection[i].mainInfo[y].path;
420
+ }
421
+ }
422
+ this.isReady = true;
423
+ }, (error) => {
424
+ console.log(error);
425
+ });
426
+ }
427
+ else {
428
+ if (this.viewList.subsection[i].mainInfoPath != undefined &&
429
+ this.viewList.subsection[i].mainInfoPath != "") {
430
+ if (this.viewList.subsection[i].environment != undefined &&
431
+ this.viewList.subsection[i].mainInfoPath != "") {
432
+ for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
433
+ if (this.viewList.subsection[i].environment ==
434
+ this.viewGenericObj.listEnvironments[z].environment) {
435
+ this.viewList.subsection[i].fullpath =
436
+ this.viewGenericObj.listEnvironments[z].url +
437
+ this.viewList.subsection[i].mainInfoPath;
438
+ break;
439
+ }
440
+ }
441
+ }
442
+ else if (this.viewGenericObj.viewEnvironment != undefined &&
443
+ this.viewGenericObj.viewEnvironment != "") {
444
+ this.viewList.subsection[i].fullpath =
445
+ this.viewGenericObj.viewEnvironment +
446
+ this.viewList.subsection[i].mainInfoPath;
447
+ }
448
+ else {
449
+ this.viewList.subsection[i].fullpath =
450
+ this.viewList.subsection[i].mainInfoUrl;
451
+ }
452
+ }
453
+ else {
454
+ this.viewList.subsection[i].fullpath =
455
+ this.viewList.subsection[i].mainInfoUrl;
456
+ }
457
+ const reqObj = this.viewList.subsection[i].reqObj || this.getList;
458
+ if (this.viewList.subsection[i].reqObj !== undefined) {
459
+ for (const [key, value] of Object.entries(this.viewList.subsection[i].reqObj)) {
460
+ reqObj[key] =
461
+ this.getList[value] ||
462
+ this.viewGenericObj.dicts[value];
463
+ if (reqObj[key] == undefined) {
464
+ reqObj[key] = value;
465
+ }
466
+ }
467
+ }
468
+ this.http.post(this.viewList.subsection[i].fullpath, reqObj).subscribe((response) => {
469
+ if (this.viewList.subsection[i].resObjName === undefined ||
470
+ this.viewList.subsection[i].resObjName === "") {
471
+ this.viewInfoObjList[i] = response;
472
+ }
473
+ else {
474
+ this.viewInfoObjList[i] =
475
+ response[this.viewList.subsection[i].resObjName];
476
+ }
477
+ this.isReady = true;
478
+ }, (error) => {
479
+ console.log(error);
480
+ });
481
+ }
482
+ }
483
+ }
484
+ getJSON(url) {
485
+ return this.http.get(url);
486
+ }
487
+ GetCookie(cookieService, key) {
488
+ let value = cookieService.get(key);
489
+ if (value == undefined || value.trim() == "")
490
+ return null;
491
+ const _key = this.viewGenericObj?.environment?.ChipperKeyCookie ?? "AdInsFOU12345678";
492
+ return this.DecryptString(value, _key);
493
+ }
494
+ DecryptString(chipperText, chipperKey) {
495
+ if (chipperKey == undefined ||
496
+ chipperKey.trim() == "" ||
497
+ chipperText == undefined ||
498
+ chipperText.trim() == "")
499
+ return chipperText;
500
+ let chipperKeyArr = CryptoJS.enc.Utf8.parse(chipperKey);
501
+ let iv = CryptoJS.lib.WordArray.create([0x00, 0x00, 0x00, 0x00]);
502
+ let decrypted = CryptoJS.AES.decrypt(chipperText, chipperKeyArr, {
503
+ iv: iv,
504
+ });
505
+ let plainText = decrypted.toString(CryptoJS.enc.Utf8);
506
+ return plainText;
507
+ }
508
+ genAction(viewObj, param) {
509
+ let arrList = {};
510
+ for (let i = 0; i < param.length; i++) {
511
+ if (viewObj[param[i].type] != undefined ||
512
+ viewObj[param[i].property] != undefined) {
513
+ arrList[param[i].type] = viewObj[param[i].property];
514
+ }
515
+ else {
516
+ arrList[param[i].type] = param[i].property;
517
+ }
518
+ }
519
+ // Set state of data to router service
520
+ if (!isDevMode() &&
521
+ (this.viewGenericObj?.environment?.useSafeUrl ?? false)) {
522
+ return this.ngxRouter.createQueryParams(arrList);
523
+ }
524
+ return arrList;
525
+ }
526
+ genRouterLink(urlLink) {
527
+ let tempLink = urlLink;
528
+ if (this.viewGenericObj.navigationConst != undefined &&
529
+ this.viewGenericObj.navigationConst[urlLink] != null) {
530
+ tempLink = this.viewGenericObj.navigationConst[urlLink];
531
+ }
532
+ return tempLink;
533
+ }
534
+ redirectFullPath(fullpath, param, target, item) {
535
+ let queryParam = "";
536
+ let _fullpath = fullpath || "";
537
+ if (_fullpath == "") {
538
+ _fullpath = this.genFullpath(item.environment, item.path);
539
+ }
540
+ const ListObj = Object.keys(param);
541
+ for (let i = 0; i < ListObj.length; i++) {
542
+ if (queryParam != "") {
543
+ queryParam = queryParam + "&" + ListObj[i] + "=" + param[ListObj[i]];
544
+ }
545
+ else {
546
+ queryParam = ListObj[i] + "=" + param[ListObj[i]];
547
+ }
548
+ }
549
+ window.open(_fullpath + "?" + queryParam, target);
550
+ }
551
+ genFullpath(environment, path) {
552
+ const _envi = this.getEnvironment(environment);
553
+ if (_envi === null) {
554
+ return environment + path;
555
+ }
556
+ return _envi.url + path;
557
+ }
558
+ callbackFunction(item, key = "") {
559
+ let CBObj = {
560
+ ViewObj: item,
561
+ Key: key,
562
+ };
563
+ this.callback.emit(CBObj);
564
+ }
565
+ isVisible(condList, i) {
566
+ let result = true;
567
+ if (condList === undefined)
568
+ return result;
569
+ const _temp = {
570
+ ...this.viewGenericObj.dicts,
571
+ dicts: { ...this.viewGenericObj.dicts },
572
+ viewData: { ...this.viewInfoObjList[i] },
573
+ };
574
+ const conditions = Array.isArray(condList) ? condList : [condList];
575
+ for (const criteria of conditions) {
576
+ const restriction = criteria?.restriction.toUpperCase();
577
+ const compareValue = this.parseValue(_temp, criteria?.value);
578
+ const critValue = this.parseValue(_temp, criteria?.property);
579
+ if (restriction === "EQ") {
580
+ if (critValue === compareValue) {
581
+ result = true;
582
+ }
583
+ else {
584
+ result = false;
585
+ break;
586
+ }
587
+ }
588
+ else if (restriction === "NEQ") {
589
+ if (critValue !== compareValue) {
590
+ result = true;
591
+ }
592
+ else {
593
+ result = false;
594
+ break;
595
+ }
596
+ }
597
+ else if (restriction === "GT") {
598
+ if (critValue > compareValue) {
599
+ result = true;
600
+ }
601
+ else {
602
+ result = false;
603
+ break;
604
+ }
605
+ }
606
+ else if (restriction === "GTE") {
607
+ if (critValue >= compareValue) {
608
+ result = true;
609
+ }
610
+ else {
611
+ result = false;
612
+ break;
613
+ }
614
+ }
615
+ else if (restriction === "LT") {
616
+ if (critValue < compareValue) {
617
+ result = true;
618
+ }
619
+ else {
620
+ result = false;
621
+ break;
622
+ }
623
+ }
624
+ else if (restriction === "LTE") {
625
+ if (critValue <= compareValue) {
626
+ result = true;
627
+ }
628
+ else {
629
+ result = false;
630
+ break;
631
+ }
632
+ }
633
+ else if (restriction === "IN") {
634
+ const values = this.parseValue(_temp, criteria.value);
635
+ if (values.includes(critValue)) {
636
+ result = true;
637
+ }
638
+ else {
639
+ result = false;
640
+ break;
641
+ }
642
+ }
643
+ else if (restriction === "NOTIN") {
644
+ const values = this.parseValue(_temp, criteria.value);
645
+ if (!values.includes(critValue)) {
646
+ result = true;
647
+ }
648
+ else {
649
+ result = false;
650
+ break;
651
+ }
652
+ }
653
+ }
654
+ return result;
655
+ }
656
+ switchCase(item, condList) {
657
+ let condition = false;
658
+ if (!item)
659
+ return false;
660
+ for (let i = 0; i < condList.conditions.length; i++) {
661
+ if (condList.conditions[i].restriction == "EQ") {
662
+ if (condList.conditions[i].isUser != true) {
663
+ if (item[condList.conditions[i].property] ==
664
+ condList.conditions[i].value) {
665
+ condition = true;
666
+ }
667
+ else {
668
+ condition = false;
669
+ break;
670
+ }
671
+ }
672
+ else {
673
+ if (item[condList.conditions[i].property] == this.UserAccess["UserName"]) {
674
+ condition = true;
675
+ }
676
+ else {
677
+ condition = false;
678
+ break;
679
+ }
680
+ }
681
+ }
682
+ else if (condList.conditions[i].restriction == "NEQ") {
683
+ if (condList.conditions[i].isUser != true) {
684
+ if (item[condList.conditions[i].property] !=
685
+ condList.conditions[i].value) {
686
+ condition = true;
687
+ }
688
+ else {
689
+ condition = false;
690
+ break;
691
+ }
692
+ }
693
+ else {
694
+ if (item[condList.conditions[i].property] != this.UserAccess["UserName"]) {
695
+ condition = true;
696
+ }
697
+ else {
698
+ condition = false;
699
+ break;
700
+ }
701
+ }
702
+ }
703
+ else if (condList.conditions[i].restriction == "GT") {
704
+ if (condList.conditions[i].isUser != true) {
705
+ if (item[condList.conditions[i].property] > condList.conditions[i].value) {
706
+ condition = true;
707
+ }
708
+ else {
709
+ condition = false;
710
+ break;
711
+ }
712
+ }
713
+ else {
714
+ if (item[condList.conditions[i].property] > this.UserAccess["UserName"]) {
715
+ condition = true;
716
+ }
717
+ else {
718
+ condition = false;
719
+ break;
720
+ }
721
+ }
722
+ }
723
+ else if (condList.conditions[i].restriction == "GTE") {
724
+ if (condList.conditions[i].isUser != true) {
725
+ if (item[condList.conditions[i].property] >=
726
+ condList.conditions[i].value) {
727
+ condition = true;
728
+ }
729
+ else {
730
+ condition = false;
731
+ break;
732
+ }
733
+ }
734
+ else {
735
+ if (item[condList.conditions[i].property] >= this.UserAccess["UserName"]) {
736
+ condition = true;
737
+ }
738
+ else {
739
+ condition = false;
740
+ break;
741
+ }
742
+ }
743
+ }
744
+ else if (condList.conditions[i].restriction == "LT") {
745
+ if (condList.conditions[i].isUser != true) {
746
+ if (item[condList.conditions[i].property] < condList.conditions[i].value) {
747
+ condition = true;
748
+ }
749
+ else {
750
+ condition = false;
751
+ break;
752
+ }
753
+ }
754
+ else {
755
+ if (item[condList.conditions[i].property] < this.UserAccess["UserName"]) {
756
+ condition = true;
757
+ }
758
+ else {
759
+ condition = false;
760
+ break;
761
+ }
762
+ }
763
+ }
764
+ else if (condList.conditions[i].restriction == "LTE") {
765
+ if (condList.conditions[i].isUser != true) {
766
+ if (item[condList.conditions[i].property] <=
767
+ condList.conditions[i].value) {
768
+ condition = true;
769
+ }
770
+ else {
771
+ condition = false;
772
+ break;
773
+ }
774
+ }
775
+ else {
776
+ if (item[condList.conditions[i].property] <= this.UserAccess["UserName"]) {
777
+ condition = true;
778
+ }
779
+ else {
780
+ condition = false;
781
+ break;
782
+ }
783
+ }
784
+ }
785
+ else if (condList.conditions[i].restriction == "IN") {
786
+ if (condList.conditions[i].isUser != true) {
787
+ if (condList.conditions[i].value.findIndex((x) => x == item[condList.conditions[i].property]) >= 0) {
788
+ condition = true;
789
+ }
790
+ else {
791
+ condition = false;
792
+ break;
793
+ }
794
+ }
795
+ else {
796
+ if (condList.conditions[i].value.findIndex((x) => x == this.UserAccess["UserName"]) >= 0) {
797
+ condition = true;
798
+ }
799
+ else {
800
+ condition = false;
801
+ break;
802
+ }
803
+ }
804
+ }
805
+ else if (condList.conditions[i].restriction == "NIN") {
806
+ if (condList.conditions[i].isUser != true) {
807
+ if (condList.conditions[i].value.findIndex((x) => x == item[condList.conditions[i].property]) == -1) {
808
+ condition = true;
809
+ }
810
+ else {
811
+ condition = false;
812
+ break;
813
+ }
814
+ }
815
+ else {
816
+ if (condList.conditions[i].value.findIndex((x) => x == this.UserAccess["UserName"]) == -1) {
817
+ condition = true;
818
+ }
819
+ else {
820
+ condition = false;
821
+ break;
822
+ }
823
+ }
824
+ }
825
+ }
826
+ return condition;
827
+ }
828
+ isNumber(value) {
829
+ if (value === null || value === undefined)
830
+ return false;
831
+ if (value === true || value === false)
832
+ return false;
833
+ if (value.length > 1 && value[0] === "0")
834
+ return false;
835
+ if (Array.isArray(value))
836
+ return false;
837
+ return !isNaN(Number(value));
838
+ }
839
+ isBoolean(value) {
840
+ return (typeof value === "string" &&
841
+ (value.toLowerCase() === "true" || value.toLowerCase() === "false"));
842
+ }
843
+ parseValue(object, property) {
844
+ if (property === "") {
845
+ return property;
846
+ }
847
+ if (property === "[]") {
848
+ return [];
849
+ }
850
+ if (property !== "" && this.isNumber(property)) {
851
+ return parseFloat(property);
852
+ }
853
+ if (this.isBoolean(property)) {
854
+ return property.toLowerCase() === "true";
855
+ }
856
+ if (typeof property === "boolean") {
857
+ return property;
858
+ }
859
+ const properties = property.split(".");
860
+ let value = object;
861
+ for (const prop of properties) {
862
+ if (value.hasOwnProperty(prop)) {
863
+ value = value[prop];
864
+ }
865
+ else {
866
+ return property;
867
+ }
868
+ }
869
+ if (value !== "" && this.isNumber(value)) {
870
+ value = parseFloat(value);
871
+ }
872
+ if (this.isBoolean(value)) {
873
+ value = value.toLowerCase() === "true";
874
+ }
875
+ if (value === null || value === "null") {
876
+ value = "";
877
+ }
878
+ return value;
879
+ }
880
+ /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.HttpClient }, { token: i3.TranslateService }, { token: i4.CookieService }, { token: i5.NgxRouterService }], target: i0.ɵɵFactoryTarget.Component });
881
+ /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.6", type: UcviewgenericComponent, isStandalone: false, selector: "lib-ucviewgeneric", inputs: { viewGenericObj: "viewGenericObj", gridViewObj: "gridViewObj", refresh: "refresh" }, outputs: { callback: "callback" }, ngImport: i0, template: "<!-- DO NOT BEAUTIFY / PRETTIFY THIS FILE - will cause the label cannot be highlighted/selected for copy -->\r\n<span hidden attr.version=\"3.4.18-canary.0\"></span>\r\n<section id=\"horizontal-form-layouts\">\r\n\t<div class=\"row text-left\">\r\n\t\t<div class=\"col-md-12\">\r\n\t\t\t<div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n\t\t\t\t<!-- <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n\t\t\t\t\t<h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n\t\t\t\t</div> -->\r\n\t\t\t\t<div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n\t\t\t\t\t\t\t[panel]=\"ss.subSectionId\" [legacy]=\"false\" (collapse)=\"onCollapse($event)\">\r\n\t\t\t\t\t\t</lib-ucSubsection>\r\n\t\t\t\t\t\t<div class=\"form-body border-top border-bottom\" [id]='ss.subSectionId' [(ngbCollapse)]=\"isCollapsed\">\r\n\t\t\t\t\t\t\t<div class=\"p-3\">\r\n\t\t\t\t\t\t\t\t<div class=\"form-group row\">\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let mi of ss?.mainInfo\">\r\n\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"isVisible(mi?.conditions, i)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{ 'col-xxl-2 col-xl-3 col-lg-4 col-md-6 col-xs-12 py-2': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\" *ngIf=\"mi.type != 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{mi.label}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\" *ngIf=\"mi.type == 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngFor=\"let case of mi?.case\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{case.result.label}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-12\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n\t\t\t\t\t\t\t\t\t\t\t 'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"(mi.type == 'boolean' && viewInfoObjList[i][mi.property] != null) || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null) || mi.type == 'switch' || mi.type =='concat'; then nonEmptyLabel else emptyLabel\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #emptyLabel>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'blank'\"></label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type != 'blank'\" class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>-</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #nonEmptyLabel>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'text'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>-\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'currency'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'0.2' :'en-US' }} <span *ngIf=\"mi?.IsPrcnt\">&nbsp;%</span> </label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'date'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] | ucdate: (mi?.dateFormat) ? mi?.dateFormat\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'dd-MMM-yyyy' }} </label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'link'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a *ngIf=\"!mi?.isFullpath\" class=\"d-block text-truncate\" style=\"max-width: 270px\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[title]=\"viewInfoObjList[i][mi.property]\" [routerLink]=\"genRouterLink(mi.path)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[target]=\"mi.target\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\" class=\"d-block text-truncate\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"max-width: 270px\" [title]=\"viewInfoObjList[i][mi.property]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target, mi)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'callback'\" class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] }}</textarea>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'boolean'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- <label\r\n\t\t\t\t\t\t\t\t\t\t\t *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'concat'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ mi.concat }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngFor=\"let cs of mi?.case\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate *ngIf=\"cs.result.type == 'text'\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'decimal'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>{{ viewInfoObjList[i][cs.result.property] | number: cs.result.precision ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcs.result.precision : '0.2' :'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.IsPrcnt\">&nbsp;%</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'date'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][cs.result.property] | ucdate: 'dd-MMM-yyyy'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'link'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control item-field\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"d-block text-truncate\" style=\"max-width: 270px\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[title]=\"viewInfoObjList[i][cs.result.property]\" [target]=\"cs.result.target\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[routerLink]=\"genRouterLink(cs.result.path)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'boolean'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][cs.result.property] == 'true' || viewInfoObjList[i][cs.result.property] == true\">Yes</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][cs.result.property] == 'false' || viewInfoObjList[i][cs.result.property] == false\">No</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'concat'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ cs.result.concat }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'callback'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #textCallback>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"a-link\" href=\"javascript:void(0);\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #iconCallback>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'a-link p-0' : cs.result.anchor]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"font-medium-3 mr-2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcs.result.tooltip }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"grid-view pb-3\" *ngIf=\"gridViewObj.gridViews.length > 0\">\r\n\t\t\t\t\t\t\t\t<div *ngFor=\"let gridView of inputGridViewObjs; let i = index\">\r\n\t\t\t\t\t\t\t\t\t<lib-ucSubsection\r\n\t\t\t\t\t\t\t\t\t\t*ngIf=\"gridViewObj.gridViews[i].subsection && gridViewObj.gridViews[i].subsection !== ''\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"'grid-subsection-id'+i\" [title]=\"gridViewObj.gridViews[i].subsection\"\r\n\t\t\t\t\t\t\t\t\t\t[panel]=\"'grid-subsection-panel-'+i\">\r\n\t\t\t\t\t\t\t\t\t</lib-ucSubsection>\r\n\t\t\t\t\t\t\t\t\t<div class=\"form-body\" [id]=\"'grid-subsection-panel-'+i\">\r\n\t\t\t\t\t\t\t\t\t\t<!-- <lib-ucgridview [gridInput]=\"gridView\" (callback)=\"gridEvent($event)\" (isRefresh)=\"GetGridViewData(gridViewObj.gridViews[i], gridView)\"></lib-ucgridview>-->\r\n\t\t\t\t\t\t\t\t\t\t<lib-uctable [gridObj]=\"gridView\" [standalone]=\"false\" (callback)=\"gridEvent($event)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[classPadding]=\"'px-0'\"></lib-uctable>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</section>", styles: [".label-field{color:var(--gray-font-2, #A1A3A5);font-size:12px!important;font-weight:500}.item-field{color:var(--Black_1, #3A4060);font-size:14px!important}.label-control{padding:0!important}.label-control>a{color:var(--blue, #246CFE)}.a-link{color:var(--blue, #246CFE);font-size:14px!important}@media (min-width: 1366px){.col-xxl-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i7.UcSubsectionComponent, selector: "lib-ucSubsection", inputs: ["title", "panel", "id", "legacy", "isHidden"], outputs: ["collapse"] }, { kind: "directive", type: i8.NgbCollapse, selector: "[ngbCollapse]", inputs: ["animation", "ngbCollapse", "horizontal"], outputs: ["ngbCollapseChange", "shown", "hidden"], exportAs: ["ngbCollapse"] }, { kind: "component", type: i9.UctableComponent, selector: "lib-uctable", inputs: ["pageSize", "gridObj", "notify", "notifyUpdateFooter", "btnCallback", "dicts", "standalone", "classPadding"], outputs: ["callback", "cbUpdateDict"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "pipe", type: i6.DecimalPipe, name: "number" }, { kind: "pipe", type: i10.UcDatePipe, name: "ucdate" }] });
882
+ }
883
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericComponent, decorators: [{
884
+ type: Component,
885
+ args: [{ selector: "lib-ucviewgeneric", standalone: false, template: "<!-- DO NOT BEAUTIFY / PRETTIFY THIS FILE - will cause the label cannot be highlighted/selected for copy -->\r\n<span hidden attr.version=\"3.4.18-canary.0\"></span>\r\n<section id=\"horizontal-form-layouts\">\r\n\t<div class=\"row text-left\">\r\n\t\t<div class=\"col-md-12\">\r\n\t\t\t<div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n\t\t\t\t<!-- <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n\t\t\t\t\t<h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n\t\t\t\t</div> -->\r\n\t\t\t\t<div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n\t\t\t\t\t\t\t[panel]=\"ss.subSectionId\" [legacy]=\"false\" (collapse)=\"onCollapse($event)\">\r\n\t\t\t\t\t\t</lib-ucSubsection>\r\n\t\t\t\t\t\t<div class=\"form-body border-top border-bottom\" [id]='ss.subSectionId' [(ngbCollapse)]=\"isCollapsed\">\r\n\t\t\t\t\t\t\t<div class=\"p-3\">\r\n\t\t\t\t\t\t\t\t<div class=\"form-group row\">\r\n\t\t\t\t\t\t\t\t\t<ng-container *ngFor=\"let mi of ss?.mainInfo\">\r\n\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"isVisible(mi?.conditions, i)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"{ 'col-xxl-2 col-xl-3 col-lg-4 col-md-6 col-xs-12 py-2': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\" *ngIf=\"mi.type != 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{mi.label}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\" *ngIf=\"mi.type == 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngFor=\"let case of mi?.case\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{case.result.label}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-12\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n\t\t\t\t\t\t\t\t\t\t\t 'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"(mi.type == 'boolean' && viewInfoObjList[i][mi.property] != null) || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null) || mi.type == 'switch' || mi.type =='concat'; then nonEmptyLabel else emptyLabel\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #emptyLabel>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'blank'\"></label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type != 'blank'\" class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>-</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #nonEmptyLabel>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'text'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>-\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'currency'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision :\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'0.2' :'en-US' }} <span *ngIf=\"mi?.IsPrcnt\">&nbsp;%</span> </label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'date'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] | ucdate: (mi?.dateFormat) ? mi?.dateFormat\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'dd-MMM-yyyy' }} </label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'link'\" class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a *ngIf=\"!mi?.isFullpath\" class=\"d-block text-truncate\" style=\"max-width: 270px\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[title]=\"viewInfoObjList[i][mi.property]\" [routerLink]=\"genRouterLink(mi.path)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[target]=\"mi.target\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\" class=\"d-block text-truncate\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"max-width: 270px\" [title]=\"viewInfoObjList[i][mi.property]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target, mi)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label *ngIf=\"mi.type == 'callback'\" class=\"label-control label-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][mi.property] }}</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][mi.property] }}</textarea>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'boolean'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- <label\r\n\t\t\t\t\t\t\t\t\t\t\t *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'concat'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ mi.concat }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"mi.type == 'switch'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngFor=\"let cs of mi?.case\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate *ngIf=\"cs.result.type == 'text'\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'decimal'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>{{ viewInfoObjList[i][cs.result.property] | number: cs.result.precision ?\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcs.result.precision : '0.2' :'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.IsPrcnt\">&nbsp;%</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'date'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ viewInfoObjList[i][cs.result.property] | ucdate: 'dd-MMM-yyyy'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'link'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"label-control item-field\" translate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"d-block text-truncate\" style=\"max-width: 270px\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[title]=\"viewInfoObjList[i][cs.result.property]\" [target]=\"cs.result.target\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[routerLink]=\"genRouterLink(cs.result.path)\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'boolean'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][cs.result.property] == 'true' || viewInfoObjList[i][cs.result.property] == true\">Yes</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"viewInfoObjList[i][cs.result.property] == 'false' || viewInfoObjList[i][cs.result.property] == false\">No</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'concat'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"label-control breakword item-field\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttranslate>{{ cs.result.concat }}</label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.type == 'callback'\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t*ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #textCallback>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"a-link\" href=\"javascript:void(0);\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tviewInfoObjList[i][cs.result.property] }}</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ng-template #iconCallback>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'a-link p-0' : cs.result.anchor]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"font-medium-3 mr-2\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</i>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">{{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcs.result.tooltip }}</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ng-template>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</ng-container>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"grid-view pb-3\" *ngIf=\"gridViewObj.gridViews.length > 0\">\r\n\t\t\t\t\t\t\t\t<div *ngFor=\"let gridView of inputGridViewObjs; let i = index\">\r\n\t\t\t\t\t\t\t\t\t<lib-ucSubsection\r\n\t\t\t\t\t\t\t\t\t\t*ngIf=\"gridViewObj.gridViews[i].subsection && gridViewObj.gridViews[i].subsection !== ''\"\r\n\t\t\t\t\t\t\t\t\t\t[id]=\"'grid-subsection-id'+i\" [title]=\"gridViewObj.gridViews[i].subsection\"\r\n\t\t\t\t\t\t\t\t\t\t[panel]=\"'grid-subsection-panel-'+i\">\r\n\t\t\t\t\t\t\t\t\t</lib-ucSubsection>\r\n\t\t\t\t\t\t\t\t\t<div class=\"form-body\" [id]=\"'grid-subsection-panel-'+i\">\r\n\t\t\t\t\t\t\t\t\t\t<!-- <lib-ucgridview [gridInput]=\"gridView\" (callback)=\"gridEvent($event)\" (isRefresh)=\"GetGridViewData(gridViewObj.gridViews[i], gridView)\"></lib-ucgridview>-->\r\n\t\t\t\t\t\t\t\t\t\t<lib-uctable [gridObj]=\"gridView\" [standalone]=\"false\" (callback)=\"gridEvent($event)\"\r\n\t\t\t\t\t\t\t\t\t\t\t[classPadding]=\"'px-0'\"></lib-uctable>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</section>", styles: [".label-field{color:var(--gray-font-2, #A1A3A5);font-size:12px!important;font-weight:500}.item-field{color:var(--Black_1, #3A4060);font-size:14px!important}.label-control{padding:0!important}.label-control>a{color:var(--blue, #246CFE)}.a-link{color:var(--blue, #246CFE);font-size:14px!important}@media (min-width: 1366px){.col-xxl-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}}\n"] }]
886
+ }], ctorParameters: () => [{ type: i1.ActivatedRoute }, { type: i2.HttpClient }, { type: i3.TranslateService }, { type: i4.CookieService }, { type: i5.NgxRouterService }], propDecorators: { viewGenericObj: [{
887
+ type: Input
888
+ }], gridViewObj: [{
889
+ type: Input
890
+ }], refresh: [{
891
+ type: Input
892
+ }], callback: [{
893
+ type: Output
845
894
  }] } });
846
895
 
847
- class UcviewgenericModule {
848
- }
849
- /** @nocollapse */ UcviewgenericModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
850
- /** @nocollapse */ UcviewgenericModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericModule, declarations: [UcviewgenericComponent], imports: [CommonModule,
851
- RouterModule,
852
- UcSubsectionModule,
853
- UcgridviewModule,
854
- UctableModule,
855
- NgbCollapseModule,
856
- UcdatepipeModule, i3.TranslateModule], exports: [UcviewgenericComponent] });
857
- /** @nocollapse */ UcviewgenericModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericModule, imports: [CommonModule,
858
- RouterModule,
859
- UcSubsectionModule,
860
- UcgridviewModule,
861
- UctableModule,
862
- NgbCollapseModule,
863
- UcdatepipeModule,
864
- TranslateModule.forChild()] });
865
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UcviewgenericModule, decorators: [{
866
- type: NgModule,
867
- args: [{
868
- declarations: [UcviewgenericComponent],
869
- imports: [
870
- CommonModule,
871
- RouterModule,
872
- UcSubsectionModule,
873
- UcgridviewModule,
874
- UctableModule,
875
- NgbCollapseModule,
876
- UcdatepipeModule,
877
- TranslateModule.forChild(),
878
- ],
879
- exports: [UcviewgenericComponent],
880
- }]
896
+ class UcviewgenericModule {
897
+ /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
898
+ /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericModule, declarations: [UcviewgenericComponent], imports: [CommonModule,
899
+ RouterModule,
900
+ UcSubsectionModule,
901
+ UcgridviewModule,
902
+ UctableModule,
903
+ NgbCollapseModule,
904
+ UcdatepipeModule, i3.TranslateModule], exports: [UcviewgenericComponent] });
905
+ /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericModule, imports: [CommonModule,
906
+ RouterModule,
907
+ UcSubsectionModule,
908
+ UcgridviewModule,
909
+ UctableModule,
910
+ NgbCollapseModule,
911
+ UcdatepipeModule,
912
+ TranslateModule.forChild()] });
913
+ }
914
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: UcviewgenericModule, decorators: [{
915
+ type: NgModule,
916
+ args: [{
917
+ declarations: [UcviewgenericComponent],
918
+ imports: [
919
+ CommonModule,
920
+ RouterModule,
921
+ UcSubsectionModule,
922
+ UcgridviewModule,
923
+ UctableModule,
924
+ NgbCollapseModule,
925
+ UcdatepipeModule,
926
+ TranslateModule.forChild(),
927
+ ],
928
+ exports: [UcviewgenericComponent],
929
+ }]
881
930
  }] });
882
931
 
883
- /*
884
- * Public API Surface of ucviewgeneric
932
+ /*
933
+ * Public API Surface of ucviewgeneric
885
934
  */
886
935
 
887
- /**
888
- * Generated bundle index. Do not edit.
936
+ /**
937
+ * Generated bundle index. Do not edit.
889
938
  */
890
939
 
891
940
  export { UcviewgenericComponent, UcviewgenericModule, UcviewgenericService };