@adins/ucviewgeneric 3.1.3 → 3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -0
- package/esm2020/lib/model/grid-view-obj.model.mjs +8 -0
- package/esm2020/lib/model/input-grid-obj.model.mjs +23 -0
- package/esm2020/lib/ucviewgeneric.component.mjs +201 -78
- package/esm2020/lib/ucviewgeneric.module.mjs +15 -11
- package/fesm2015/adins-ucviewgeneric.mjs +233 -74
- package/fesm2015/adins-ucviewgeneric.mjs.map +1 -1
- package/fesm2020/adins-ucviewgeneric.mjs +230 -74
- package/fesm2020/adins-ucviewgeneric.mjs.map +1 -1
- package/lib/model/grid-view-obj.model.d.ts +18 -0
- package/lib/model/input-grid-obj.model.d.ts +25 -0
- package/lib/ucviewgeneric.component.d.ts +16 -8
- package/lib/ucviewgeneric.module.d.ts +3 -2
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import { __awaiter } from 'tslib';
|
|
3
4
|
import * as CryptoJS from 'crypto-js';
|
|
4
5
|
import * as i1 from '@angular/router';
|
|
5
6
|
import { RouterModule } from '@angular/router';
|
|
@@ -9,7 +10,9 @@ import { TranslateModule } from '@ngx-translate/core';
|
|
|
9
10
|
import * as i4 from 'ngx-cookie';
|
|
10
11
|
import * as i5 from '@adins/uc-subsection';
|
|
11
12
|
import { UcSubsectionModule } from '@adins/uc-subsection';
|
|
12
|
-
import * as i6 from '@
|
|
13
|
+
import * as i6 from '@adins/ucgridview';
|
|
14
|
+
import { UcgridviewModule } from '@adins/ucgridview';
|
|
15
|
+
import * as i7 from '@angular/common';
|
|
13
16
|
import { CommonModule } from '@angular/common';
|
|
14
17
|
|
|
15
18
|
class UcviewgenericService {
|
|
@@ -53,6 +56,37 @@ class EnvisObj {
|
|
|
53
56
|
}
|
|
54
57
|
}
|
|
55
58
|
|
|
59
|
+
class GridViewObj {
|
|
60
|
+
constructor() {
|
|
61
|
+
this.gridViews = [];
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
class GridViewInput {
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
class InputGridObj {
|
|
68
|
+
constructor() {
|
|
69
|
+
this.apiUrl = "";
|
|
70
|
+
this.deleteUrl = "";
|
|
71
|
+
this.pageNow = 0;
|
|
72
|
+
this.pageSize = 0;
|
|
73
|
+
this.pagingJson = "";
|
|
74
|
+
this.switchValue = new Array();
|
|
75
|
+
this.addGridList = new Array();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
class SwitchValueObj {
|
|
79
|
+
constructor() {
|
|
80
|
+
this.property = "";
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
class InputAddGridObj {
|
|
84
|
+
constructor() {
|
|
85
|
+
this.AddGridLabel = "";
|
|
86
|
+
this.AddGridProperty = "";
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
56
90
|
class UcviewgenericComponent {
|
|
57
91
|
constructor(route, http, translateService, cookieService) {
|
|
58
92
|
this.route = route;
|
|
@@ -60,16 +94,18 @@ class UcviewgenericComponent {
|
|
|
60
94
|
this.translateService = translateService;
|
|
61
95
|
this.cookieService = cookieService;
|
|
62
96
|
this.viewGenericObj = new UcViewGenericObj();
|
|
97
|
+
this.gridViewObj = new GridViewObj();
|
|
63
98
|
this.callback = new EventEmitter();
|
|
64
99
|
this.UserAccess = JSON.parse(this.GetCookie(this.cookieService, "UserAccess"));
|
|
100
|
+
this.inputGridViewObjs = new Array();
|
|
65
101
|
this.viewList = "";
|
|
66
102
|
this.isReady = false;
|
|
67
103
|
this.IsCard = true;
|
|
68
|
-
this.route.queryParams.subscribe(params => {
|
|
104
|
+
this.route.queryParams.subscribe((params) => {
|
|
69
105
|
this.getList = params;
|
|
70
106
|
});
|
|
71
|
-
this.translateService.setDefaultLang(
|
|
72
|
-
this.translateService.use(localStorage.getItem(
|
|
107
|
+
this.translateService.setDefaultLang("en");
|
|
108
|
+
this.translateService.use(localStorage.getItem("lang") || "en");
|
|
73
109
|
}
|
|
74
110
|
ngOnInit() {
|
|
75
111
|
console.log("viewgeneric");
|
|
@@ -77,18 +113,58 @@ class UcviewgenericComponent {
|
|
|
77
113
|
this.CheckIsCard();
|
|
78
114
|
}
|
|
79
115
|
CheckIsCard() {
|
|
80
|
-
if (this.viewGenericObj.IsCard == undefined ||
|
|
116
|
+
if (this.viewGenericObj.IsCard == undefined ||
|
|
117
|
+
this.viewGenericObj.IsCard == null)
|
|
81
118
|
return;
|
|
82
119
|
this.IsCard = this.viewGenericObj.IsCard;
|
|
83
120
|
}
|
|
84
121
|
initiateForm() {
|
|
85
|
-
if (this.viewGenericObj.dataInput !== undefined &&
|
|
122
|
+
if (this.viewGenericObj.dataInput !== undefined &&
|
|
123
|
+
Object.keys(this.viewGenericObj.dataInput).length !== 0) {
|
|
86
124
|
this.setConfiguration(Object.assign({}, this.viewGenericObj.dataInput));
|
|
125
|
+
this.initializeGridViews();
|
|
87
126
|
return;
|
|
88
127
|
}
|
|
89
|
-
this.getJSON(this.viewGenericObj.viewInput).subscribe(data => {
|
|
128
|
+
this.getJSON(this.viewGenericObj.viewInput).subscribe((data) => {
|
|
90
129
|
this.setConfiguration(data);
|
|
91
130
|
});
|
|
131
|
+
this.initializeGridViews();
|
|
132
|
+
}
|
|
133
|
+
initializeGridViews() {
|
|
134
|
+
if (this.gridViewObj && this.gridViewObj.gridViews.length > 0) {
|
|
135
|
+
this.gridViewObj.gridViews.map((gridView) => __awaiter(this, void 0, void 0, function* () {
|
|
136
|
+
const inputGridObj = new InputGridObj();
|
|
137
|
+
inputGridObj.dataInput = gridView.tableInput;
|
|
138
|
+
inputGridObj.resultData = { Data: [] };
|
|
139
|
+
yield this.GetGridViewData(gridView.getData, inputGridObj);
|
|
140
|
+
this.inputGridViewObjs.push(inputGridObj);
|
|
141
|
+
}));
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
getEnvironment(envi) {
|
|
145
|
+
const filteredEnvis = this.viewGenericObj.listEnvironments.filter((v) => v.environment == envi);
|
|
146
|
+
return filteredEnvis.length > 0 ? filteredEnvis[0] : null;
|
|
147
|
+
}
|
|
148
|
+
GetGridViewData(meta, inputGridObj) {
|
|
149
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
150
|
+
let templListData = [];
|
|
151
|
+
const enviUrl = meta.environment && this.getEnvironment(meta.environment);
|
|
152
|
+
yield this.http
|
|
153
|
+
.post(enviUrl ? enviUrl.url + meta.apiPath : meta.apiPath, meta.reqObj)
|
|
154
|
+
.toPromise()
|
|
155
|
+
.then((response) => {
|
|
156
|
+
templListData = response[meta.customObjName || "ReturnObject"];
|
|
157
|
+
inputGridObj.apiUrl = meta.apiPath;
|
|
158
|
+
inputGridObj.resultData["Data"] = new Array();
|
|
159
|
+
inputGridObj.resultData.Data = templListData;
|
|
160
|
+
})
|
|
161
|
+
.catch((error) => {
|
|
162
|
+
console.log(error);
|
|
163
|
+
});
|
|
164
|
+
});
|
|
165
|
+
}
|
|
166
|
+
gridEvent(ev) {
|
|
167
|
+
this.callbackFunction(ev.RowObj, ev.Key);
|
|
92
168
|
}
|
|
93
169
|
setConfiguration(data) {
|
|
94
170
|
var _a;
|
|
@@ -98,36 +174,53 @@ class UcviewgenericComponent {
|
|
|
98
174
|
this.viewInfoObjList.push(j);
|
|
99
175
|
}
|
|
100
176
|
for (let i = 0; i < this.viewList.subsection.length; i++) {
|
|
101
|
-
if (this.viewList.subsection[i].querystring != null &&
|
|
177
|
+
if (this.viewList.subsection[i].querystring != null &&
|
|
178
|
+
this.viewList.subsection[i].querystring.name != "") {
|
|
102
179
|
let queryObj;
|
|
103
180
|
if (this.viewGenericObj.whereValue.length == 0) {
|
|
104
|
-
this.viewList.subsection[i].querystring.whereQuery = Object.values(this.getList);
|
|
181
|
+
this.viewList.subsection[i].querystring.whereQuery = (Object).values(this.getList);
|
|
105
182
|
}
|
|
106
183
|
else {
|
|
107
|
-
this.viewList.subsection[i].querystring.whereQuery =
|
|
184
|
+
this.viewList.subsection[i].querystring.whereQuery =
|
|
185
|
+
this.viewGenericObj.whereValue;
|
|
108
186
|
}
|
|
109
|
-
if (this.viewList.subsection[i].mainInfoPath != undefined &&
|
|
110
|
-
|
|
111
|
-
|
|
187
|
+
if (this.viewList.subsection[i].mainInfoPath != undefined &&
|
|
188
|
+
this.viewList.subsection[i].mainInfoPath != "") {
|
|
189
|
+
if (this.viewGenericObj.viewEnvironment != undefined &&
|
|
190
|
+
this.viewGenericObj.viewEnvironment != "") {
|
|
191
|
+
this.viewList.subsection[i].fullpath =
|
|
192
|
+
this.viewGenericObj.viewEnvironment +
|
|
193
|
+
this.viewList.subsection[i].mainInfoPath;
|
|
112
194
|
}
|
|
113
195
|
else {
|
|
114
|
-
this.viewList.subsection[i].fullpath =
|
|
196
|
+
this.viewList.subsection[i].fullpath =
|
|
197
|
+
this.viewList.subsection[i].mainInfoUrl;
|
|
115
198
|
}
|
|
116
199
|
}
|
|
117
200
|
else {
|
|
118
|
-
this.viewList.subsection[i].fullpath =
|
|
201
|
+
this.viewList.subsection[i].fullpath =
|
|
202
|
+
this.viewList.subsection[i].mainInfoUrl;
|
|
119
203
|
}
|
|
120
204
|
queryObj = {
|
|
121
|
-
querystring: this.viewList.subsection[i].querystring
|
|
205
|
+
querystring: this.viewList.subsection[i].querystring,
|
|
122
206
|
};
|
|
123
|
-
this.http
|
|
207
|
+
this.http
|
|
208
|
+
.post(this.viewList.subsection[i].fullpath, queryObj)
|
|
209
|
+
.subscribe((response) => {
|
|
124
210
|
this.viewInfoObjList[i] = response["Data"][0];
|
|
125
211
|
for (let y = 0; y < this.viewList.subsection[i].mainInfo.length; y++) {
|
|
126
|
-
if (this.viewList.subsection[i].mainInfo[y].propertyList !=
|
|
212
|
+
if (this.viewList.subsection[i].mainInfo[y].propertyList !=
|
|
213
|
+
undefined &&
|
|
214
|
+
this.viewList.subsection[i].mainInfo[y].propertyList.length !=
|
|
215
|
+
0) {
|
|
127
216
|
const propertyList = this.viewList.subsection[i].mainInfo[y].propertyList;
|
|
128
217
|
let concat = "";
|
|
129
218
|
for (let z = 0; z < propertyList.length; z++) {
|
|
130
|
-
concat =
|
|
219
|
+
concat =
|
|
220
|
+
concat +
|
|
221
|
+
propertyList[z].prefix +
|
|
222
|
+
this.viewInfoObjList[i][propertyList[z].property] +
|
|
223
|
+
propertyList[z].suffix;
|
|
131
224
|
}
|
|
132
225
|
this.viewList.subsection[i].mainInfo[y].concat = concat;
|
|
133
226
|
}
|
|
@@ -135,64 +228,103 @@ class UcviewgenericComponent {
|
|
|
135
228
|
if (this.viewList.subsection[i].mainInfo[y].type == "switch") {
|
|
136
229
|
for (let z = 0; z < this.viewList.subsection[i].mainInfo[y].case.length; z++) {
|
|
137
230
|
let Empty = new Array();
|
|
138
|
-
this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
|
|
231
|
+
this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
|
|
232
|
+
false;
|
|
139
233
|
//check hideIfEmpty
|
|
140
|
-
if (this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
234
|
+
if (this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
235
|
+
.hideIfEmpty != undefined &&
|
|
236
|
+
this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
237
|
+
.hideIfEmpty != null) {
|
|
238
|
+
if (this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
239
|
+
.type != "concat") {
|
|
240
|
+
Empty.push(this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
|
|
241
|
+
.result.property] != undefined &&
|
|
242
|
+
this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
|
|
243
|
+
.result.property] != null &&
|
|
244
|
+
this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
|
|
245
|
+
.result.property] != ""
|
|
246
|
+
? false
|
|
247
|
+
: true);
|
|
145
248
|
}
|
|
146
|
-
else {
|
|
147
|
-
|
|
148
|
-
|
|
249
|
+
else {
|
|
250
|
+
// type concat
|
|
251
|
+
if (this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
252
|
+
.propertyList != undefined &&
|
|
253
|
+
this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
254
|
+
.propertyList.length != 0) {
|
|
255
|
+
const propertyList = this.viewList.subsection[i].mainInfo[y].case[z]
|
|
256
|
+
.result.propertyList;
|
|
149
257
|
let concat = "";
|
|
150
258
|
for (let a = 0; a < propertyList.length; a++) {
|
|
151
|
-
concat =
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
259
|
+
concat =
|
|
260
|
+
concat +
|
|
261
|
+
propertyList[a].prefix +
|
|
262
|
+
this.viewInfoObjList[i][propertyList[a].property] +
|
|
263
|
+
propertyList[a].suffix;
|
|
264
|
+
Empty.push(this.viewInfoObjList[i][propertyList[a].property] != undefined &&
|
|
265
|
+
this.viewInfoObjList[i][propertyList[a].property] != null &&
|
|
266
|
+
this.viewInfoObjList[i][propertyList[a].property] != ""
|
|
267
|
+
? false
|
|
268
|
+
: true);
|
|
155
269
|
}
|
|
156
270
|
this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
|
|
157
271
|
}
|
|
158
272
|
}
|
|
159
|
-
if (Empty.includes(true) &&
|
|
160
|
-
this.viewList.subsection[i].mainInfo[y].case[z].
|
|
273
|
+
if (Empty.includes(true) &&
|
|
274
|
+
this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
275
|
+
.hideIfEmpty) {
|
|
276
|
+
this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
|
|
277
|
+
true;
|
|
161
278
|
this.viewList.subsection[i].mainInfo[y].isHide = true;
|
|
162
279
|
}
|
|
163
280
|
}
|
|
164
281
|
else {
|
|
165
282
|
//concat
|
|
166
|
-
if (this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
167
|
-
|
|
283
|
+
if (this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
284
|
+
.propertyList != undefined &&
|
|
285
|
+
this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
286
|
+
.propertyList.length != 0) {
|
|
287
|
+
const propertyList = this.viewList.subsection[i].mainInfo[y].case[z].result
|
|
288
|
+
.propertyList;
|
|
168
289
|
let concat = "";
|
|
169
290
|
for (let a = 0; a < propertyList.length; a++) {
|
|
170
|
-
concat =
|
|
291
|
+
concat =
|
|
292
|
+
concat +
|
|
293
|
+
propertyList[a].prefix +
|
|
294
|
+
this.viewInfoObjList[i][propertyList[a].property] +
|
|
295
|
+
propertyList[a].suffix;
|
|
171
296
|
}
|
|
172
297
|
this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
|
|
173
298
|
}
|
|
174
299
|
}
|
|
175
300
|
}
|
|
176
301
|
}
|
|
177
|
-
if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
|
|
302
|
+
if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
|
|
303
|
+
(this.viewGenericObj.navigationConst != undefined ||
|
|
304
|
+
this.viewGenericObj.navigationConst != null)) {
|
|
178
305
|
let tempLink = this.viewGenericObj.navigationConst[this.viewList.subsection[i].mainInfo[y].path];
|
|
179
306
|
if (tempLink != undefined && tempLink != null) {
|
|
180
307
|
this.viewList.subsection[i].mainInfo[y].path = tempLink;
|
|
181
308
|
}
|
|
182
309
|
}
|
|
183
|
-
if (this.viewList.subsection[i].mainInfo[y].type == "link"
|
|
184
|
-
|
|
310
|
+
if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
|
|
311
|
+
this.viewGenericObj.listEnvironments != undefined &&
|
|
312
|
+
this.viewGenericObj.listEnvironments.length != 0) {
|
|
185
313
|
for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
|
|
186
|
-
if (this.viewList.subsection[i].mainInfo[y].environment ==
|
|
314
|
+
if (this.viewList.subsection[i].mainInfo[y].environment ==
|
|
315
|
+
this.viewGenericObj.listEnvironments[z].environment) {
|
|
187
316
|
this.viewList.subsection[i].mainInfo[y].isFullpath = true;
|
|
188
|
-
this.viewList.subsection[i].mainInfo[y].fullpath =
|
|
317
|
+
this.viewList.subsection[i].mainInfo[y].fullpath =
|
|
318
|
+
this.viewGenericObj.listEnvironments[z].url +
|
|
319
|
+
this.viewList.subsection[i].mainInfo[y].path;
|
|
189
320
|
break;
|
|
190
321
|
}
|
|
191
322
|
}
|
|
192
323
|
}
|
|
193
324
|
else if (this.viewList.subsection[i].mainInfo[y].type == "link") {
|
|
194
325
|
this.viewList.subsection[i].mainInfo[y].isFullpath = false;
|
|
195
|
-
this.viewList.subsection[i].mainInfo[y].fullpath =
|
|
326
|
+
this.viewList.subsection[i].mainInfo[y].fullpath =
|
|
327
|
+
this.viewList.subsection[i].mainInfo[y].path;
|
|
196
328
|
}
|
|
197
329
|
}
|
|
198
330
|
this.isReady = true;
|
|
@@ -201,24 +333,34 @@ class UcviewgenericComponent {
|
|
|
201
333
|
});
|
|
202
334
|
}
|
|
203
335
|
else {
|
|
204
|
-
if (this.viewList.subsection[i].mainInfoPath != undefined &&
|
|
205
|
-
|
|
336
|
+
if (this.viewList.subsection[i].mainInfoPath != undefined &&
|
|
337
|
+
this.viewList.subsection[i].mainInfoPath != "") {
|
|
338
|
+
if (this.viewList.subsection[i].environment != undefined &&
|
|
339
|
+
this.viewList.subsection[i].mainInfoPath != "") {
|
|
206
340
|
for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
|
|
207
|
-
if (this.viewList.subsection[i].environment ==
|
|
208
|
-
this.
|
|
341
|
+
if (this.viewList.subsection[i].environment ==
|
|
342
|
+
this.viewGenericObj.listEnvironments[z].environment) {
|
|
343
|
+
this.viewList.subsection[i].fullpath =
|
|
344
|
+
this.viewGenericObj.listEnvironments[z].url +
|
|
345
|
+
this.viewList.subsection[i].mainInfoPath;
|
|
209
346
|
break;
|
|
210
347
|
}
|
|
211
348
|
}
|
|
212
349
|
}
|
|
213
|
-
else if (this.viewGenericObj.viewEnvironment != undefined &&
|
|
214
|
-
this.
|
|
350
|
+
else if (this.viewGenericObj.viewEnvironment != undefined &&
|
|
351
|
+
this.viewGenericObj.viewEnvironment != "") {
|
|
352
|
+
this.viewList.subsection[i].fullpath =
|
|
353
|
+
this.viewGenericObj.viewEnvironment +
|
|
354
|
+
this.viewList.subsection[i].mainInfoPath;
|
|
215
355
|
}
|
|
216
356
|
else {
|
|
217
|
-
this.viewList.subsection[i].fullpath =
|
|
357
|
+
this.viewList.subsection[i].fullpath =
|
|
358
|
+
this.viewList.subsection[i].mainInfoUrl;
|
|
218
359
|
}
|
|
219
360
|
}
|
|
220
361
|
else {
|
|
221
|
-
this.viewList.subsection[i].fullpath =
|
|
362
|
+
this.viewList.subsection[i].fullpath =
|
|
363
|
+
this.viewList.subsection[i].mainInfoUrl;
|
|
222
364
|
}
|
|
223
365
|
const reqObj = (_a = this.viewList.subsection[i].reqObj) !== null && _a !== void 0 ? _a : this.getList;
|
|
224
366
|
if (this.viewList.subsection[i].reqObj !== undefined) {
|
|
@@ -227,11 +369,13 @@ class UcviewgenericComponent {
|
|
|
227
369
|
}
|
|
228
370
|
}
|
|
229
371
|
this.http.post(this.viewList.subsection[i].fullpath, reqObj).subscribe((response) => {
|
|
230
|
-
if (this.viewList.subsection[i].resObjName === undefined ||
|
|
372
|
+
if (this.viewList.subsection[i].resObjName === undefined ||
|
|
373
|
+
this.viewList.subsection[i].resObjName === "") {
|
|
231
374
|
this.viewInfoObjList[i] = response;
|
|
232
375
|
}
|
|
233
376
|
else {
|
|
234
|
-
this.viewInfoObjList[i] =
|
|
377
|
+
this.viewInfoObjList[i] =
|
|
378
|
+
response[this.viewList.subsection[i].resObjName];
|
|
235
379
|
}
|
|
236
380
|
this.isReady = true;
|
|
237
381
|
}, (error) => {
|
|
@@ -245,24 +389,29 @@ class UcviewgenericComponent {
|
|
|
245
389
|
}
|
|
246
390
|
GetCookie(cookieService, key) {
|
|
247
391
|
let value = cookieService.get(key);
|
|
248
|
-
if (value == undefined || value.trim() ==
|
|
392
|
+
if (value == undefined || value.trim() == "")
|
|
249
393
|
return null;
|
|
250
394
|
return this.DecryptString(value, "AdInsFOU12345678");
|
|
251
395
|
}
|
|
252
396
|
DecryptString(chipperText, chipperKey) {
|
|
253
|
-
if (chipperKey == undefined ||
|
|
254
|
-
|
|
397
|
+
if (chipperKey == undefined ||
|
|
398
|
+
chipperKey.trim() == "" ||
|
|
399
|
+
chipperText == undefined ||
|
|
400
|
+
chipperText.trim() == "")
|
|
255
401
|
return chipperText;
|
|
256
402
|
let chipperKeyArr = CryptoJS.enc.Utf8.parse(chipperKey);
|
|
257
403
|
let iv = CryptoJS.lib.WordArray.create([0x00, 0x00, 0x00, 0x00]);
|
|
258
|
-
let decrypted = CryptoJS.AES.decrypt(chipperText, chipperKeyArr, {
|
|
404
|
+
let decrypted = CryptoJS.AES.decrypt(chipperText, chipperKeyArr, {
|
|
405
|
+
iv: iv,
|
|
406
|
+
});
|
|
259
407
|
let plainText = decrypted.toString(CryptoJS.enc.Utf8);
|
|
260
408
|
return plainText;
|
|
261
409
|
}
|
|
262
410
|
genAction(viewObj, param) {
|
|
263
411
|
let arrList = {};
|
|
264
412
|
for (let i = 0; i < param.length; i++) {
|
|
265
|
-
if (viewObj[param[i].type] != undefined ||
|
|
413
|
+
if (viewObj[param[i].type] != undefined ||
|
|
414
|
+
viewObj[param[i].property] != undefined) {
|
|
266
415
|
arrList[param[i].type] = viewObj[param[i].property];
|
|
267
416
|
}
|
|
268
417
|
else {
|
|
@@ -273,7 +422,8 @@ class UcviewgenericComponent {
|
|
|
273
422
|
}
|
|
274
423
|
genRouterLink(urlLink) {
|
|
275
424
|
let tempLink = urlLink;
|
|
276
|
-
if (this.viewGenericObj.navigationConst != undefined &&
|
|
425
|
+
if (this.viewGenericObj.navigationConst != undefined &&
|
|
426
|
+
this.viewGenericObj.navigationConst[urlLink] != null) {
|
|
277
427
|
tempLink = this.viewGenericObj.navigationConst[urlLink];
|
|
278
428
|
}
|
|
279
429
|
return tempLink;
|
|
@@ -294,7 +444,7 @@ class UcviewgenericComponent {
|
|
|
294
444
|
callbackFunction(item, key = "") {
|
|
295
445
|
let CBObj = {
|
|
296
446
|
ViewObj: item,
|
|
297
|
-
Key: key
|
|
447
|
+
Key: key,
|
|
298
448
|
};
|
|
299
449
|
this.callback.emit(CBObj);
|
|
300
450
|
}
|
|
@@ -305,7 +455,8 @@ class UcviewgenericComponent {
|
|
|
305
455
|
for (let i = 0; i < condList.conditions.length; i++) {
|
|
306
456
|
if (condList.conditions[i].restriction == "EQ") {
|
|
307
457
|
if (condList.conditions[i].isUser != true) {
|
|
308
|
-
if (item[condList.conditions[i].property] ==
|
|
458
|
+
if (item[condList.conditions[i].property] ==
|
|
459
|
+
condList.conditions[i].value) {
|
|
309
460
|
condition = true;
|
|
310
461
|
}
|
|
311
462
|
else {
|
|
@@ -325,7 +476,8 @@ class UcviewgenericComponent {
|
|
|
325
476
|
}
|
|
326
477
|
else if (condList.conditions[i].restriction == "NEQ") {
|
|
327
478
|
if (condList.conditions[i].isUser != true) {
|
|
328
|
-
if (item[condList.conditions[i].property] !=
|
|
479
|
+
if (item[condList.conditions[i].property] !=
|
|
480
|
+
condList.conditions[i].value) {
|
|
329
481
|
condition = true;
|
|
330
482
|
}
|
|
331
483
|
else {
|
|
@@ -365,7 +517,8 @@ class UcviewgenericComponent {
|
|
|
365
517
|
}
|
|
366
518
|
else if (condList.conditions[i].restriction == "GTE") {
|
|
367
519
|
if (condList.conditions[i].isUser != true) {
|
|
368
|
-
if (item[condList.conditions[i].property] >=
|
|
520
|
+
if (item[condList.conditions[i].property] >=
|
|
521
|
+
condList.conditions[i].value) {
|
|
369
522
|
condition = true;
|
|
370
523
|
}
|
|
371
524
|
else {
|
|
@@ -405,7 +558,8 @@ class UcviewgenericComponent {
|
|
|
405
558
|
}
|
|
406
559
|
else if (condList.conditions[i].restriction == "LTE") {
|
|
407
560
|
if (condList.conditions[i].isUser != true) {
|
|
408
|
-
if (item[condList.conditions[i].property] <=
|
|
561
|
+
if (item[condList.conditions[i].property] <=
|
|
562
|
+
condList.conditions[i].value) {
|
|
409
563
|
condition = true;
|
|
410
564
|
}
|
|
411
565
|
else {
|
|
@@ -425,7 +579,7 @@ class UcviewgenericComponent {
|
|
|
425
579
|
}
|
|
426
580
|
else if (condList.conditions[i].restriction == "IN") {
|
|
427
581
|
if (condList.conditions[i].isUser != true) {
|
|
428
|
-
if (condList.conditions[i].value.findIndex(x => x == item[condList.conditions[i].property]) >= 0) {
|
|
582
|
+
if (condList.conditions[i].value.findIndex((x) => x == item[condList.conditions[i].property]) >= 0) {
|
|
429
583
|
condition = true;
|
|
430
584
|
}
|
|
431
585
|
else {
|
|
@@ -434,7 +588,7 @@ class UcviewgenericComponent {
|
|
|
434
588
|
}
|
|
435
589
|
}
|
|
436
590
|
else {
|
|
437
|
-
if (condList.conditions[i].value.findIndex(x => x == this.UserAccess["UserName"]) >= 0) {
|
|
591
|
+
if (condList.conditions[i].value.findIndex((x) => x == this.UserAccess["UserName"]) >= 0) {
|
|
438
592
|
condition = true;
|
|
439
593
|
}
|
|
440
594
|
else {
|
|
@@ -445,7 +599,7 @@ class UcviewgenericComponent {
|
|
|
445
599
|
}
|
|
446
600
|
else if (condList.conditions[i].restriction == "NIN") {
|
|
447
601
|
if (condList.conditions[i].isUser != true) {
|
|
448
|
-
if (condList.conditions[i].value.findIndex(x => x == item[condList.conditions[i].property]) == -1) {
|
|
602
|
+
if (condList.conditions[i].value.findIndex((x) => x == item[condList.conditions[i].property]) == -1) {
|
|
449
603
|
condition = true;
|
|
450
604
|
}
|
|
451
605
|
else {
|
|
@@ -454,7 +608,7 @@ class UcviewgenericComponent {
|
|
|
454
608
|
}
|
|
455
609
|
}
|
|
456
610
|
else {
|
|
457
|
-
if (condList.conditions[i].value.findIndex(x => x == this.UserAccess["UserName"]) == -1) {
|
|
611
|
+
if (condList.conditions[i].value.findIndex((x) => x == this.UserAccess["UserName"]) == -1) {
|
|
458
612
|
condition = true;
|
|
459
613
|
}
|
|
460
614
|
else {
|
|
@@ -468,12 +622,14 @@ class UcviewgenericComponent {
|
|
|
468
622
|
}
|
|
469
623
|
}
|
|
470
624
|
/** @nocollapse */ UcviewgenericComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.HttpClient }, { token: i3.TranslateService }, { token: i4.CookieService }], target: i0.ɵɵFactoryTarget.Component });
|
|
471
|
-
/** @nocollapse */ UcviewgenericComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UcviewgenericComponent, selector: "lib-ucviewgeneric", inputs: { viewGenericObj: "viewGenericObj" }, outputs: { callback: "callback" }, ngImport: i0, template: "<section id=\"horizontal-form-layouts\">\r\n <div class=\"row text-left\">\r\n <div class=\"col-md-12\">\r\n <div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n <h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n </div>\r\n <div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n <div class=\"px-3\">\r\n <lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n [panel]=\"ss.subSectionId\">\r\n </lib-ucSubsection>\r\n <div class=\"form-body\" [id]='ss.subSectionId'>\r\n <div class=\"form-group row\">\r\n <div *ngFor=\"let mi of ss?.mainInfo\"\r\n [ngClass]=\"{ 'col-md-6': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n <span\r\n *ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n <div class=\"row\">\r\n <div class=\"col-md-6\" *ngIf=\"mi.type != 'switch'\">\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{mi.label}}</label>\r\n </div>\r\n <div class=\"col-md-6\" *ngIf=\"mi.type == 'switch'\">\r\n <div *ngFor=\"let case of mi?.case\">\r\n <div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{case.result.label}}</label>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n 'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n <span\r\n *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 <ng-template #emptyLabel>\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>-</label>\r\n </ng-template>\r\n <ng-template #nonEmptyLabel>\r\n <span *ngIf=\"mi.type == 'text'\">\r\n <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] }}\r\n </label>\r\n <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>-\r\n </label>\r\n </span>\r\n <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision : '0.2' :'en-US'}} <span *ngIf=\"mi?.IsPrcnt\"> %</span> </label>\r\n <label *ngIf=\"mi.type == 'date'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] | date: (mi?.dateFormat) ? mi?.dateFormat : 'dd-MMM-yyyy'}} </label>\r\n <label *ngIf=\"mi.type == 'link'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <a *ngIf=\"!mi?.isFullpath\" [routerLink]=\"genRouterLink(mi.path)\" [target]=\"mi.target\"\r\n [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] }}</span>\r\n </a>\r\n <a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\"\r\n (click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] }}</span>\r\n </a>\r\n </label>\r\n <label *ngIf=\"mi.type == 'callback'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">\r\n {{ viewInfoObjList[i][mi.property] }}\r\n </a>\r\n </label>\r\n <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\r\n <span *ngIf=\"mi.type == 'boolean'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <label *ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n <label *ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n <!-- <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n </span>\r\n <span *ngIf=\"mi.type == 'concat'\">\r\n <label class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ mi.concat }}\r\n </label>\r\n </span>\r\n <span *ngIf=\"mi.type == 'switch'\">\r\n <span *ngFor=\"let cs of mi?.case\">\r\n <span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n <span class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'text'\">{{ viewInfoObjList[i][cs.result.property]\r\n }}\r\n </span>\r\n <span [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'decimal'\">{{\r\n viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n <span [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'date'\">{{ viewInfoObjList[i][cs.result.property] |\r\n date: 'dd-MMM-yyyy' }}\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'link'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>\r\n <a [target]=\"cs.result.target\" [routerLink]=\"genRouterLink(cs.result.path)\"\r\n [queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][cs.result.property] }}</span>\r\n </a>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'boolean'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>\r\n <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'true'\">Yes</span>\r\n <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'false'\">No</span>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'concat'\">\r\n <label class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ cs.result.concat }}\r\n </label>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'callback'\">\r\n <span\r\n *ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n <ng-template #textCallback>\r\n <span>\r\n <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n viewInfoObjList[i][cs.result.property] }}</a>\r\n </span>\r\n </ng-template>\r\n <ng-template #iconCallback>\r\n <span>\r\n <a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'success p-0' : cs.result.anchor]\"\r\n (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n <i class=\"font-medium-3 mr-2\"\r\n [ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n </i>\r\n <span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n [ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">\r\n {{cs.result.tooltip}}\r\n </span>\r\n </a>\r\n </span>\r\n </ng-template>\r\n </span>\r\n </span>\r\n </span>\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>", components: [{ type: i5.UcSubsectionComponent, selector: "lib-ucSubsection", inputs: ["title", "panel", "id"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "number": i6.DecimalPipe, "date": i6.DatePipe } });
|
|
625
|
+
/** @nocollapse */ UcviewgenericComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UcviewgenericComponent, selector: "lib-ucviewgeneric", inputs: { viewGenericObj: "viewGenericObj", gridViewObj: "gridViewObj" }, outputs: { callback: "callback" }, ngImport: i0, template: "<section id=\"horizontal-form-layouts\">\r\n <div class=\"row text-left\">\r\n <div class=\"col-md-12\">\r\n <div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n <h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n </div>\r\n <div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n <div class=\"px-3\">\r\n <lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n [panel]=\"ss.subSectionId\">\r\n </lib-ucSubsection>\r\n <div class=\"form-body\" [id]='ss.subSectionId'>\r\n <div class=\"form-group row\">\r\n <div *ngFor=\"let mi of ss?.mainInfo\"\r\n [ngClass]=\"{ 'col-md-6': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n <span\r\n *ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n <div class=\"row\">\r\n <div class=\"col-md-6\" *ngIf=\"mi.type != 'switch'\">\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{mi.label}}</label>\r\n </div>\r\n <div class=\"col-md-6\" *ngIf=\"mi.type == 'switch'\">\r\n <div *ngFor=\"let case of mi?.case\">\r\n <div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{case.result.label}}</label>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n 'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n <span\r\n *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 <ng-template #emptyLabel>\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>-</label>\r\n </ng-template>\r\n <ng-template #nonEmptyLabel>\r\n <span *ngIf=\"mi.type == 'text'\">\r\n <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] }}\r\n </label>\r\n <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>-\r\n </label>\r\n </span>\r\n <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision : '0.2' :'en-US'}} <span *ngIf=\"mi?.IsPrcnt\"> %</span> </label>\r\n <label *ngIf=\"mi.type == 'date'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] | date: (mi?.dateFormat) ? mi?.dateFormat : 'dd-MMM-yyyy'}} </label>\r\n <label *ngIf=\"mi.type == 'link'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <a *ngIf=\"!mi?.isFullpath\" [routerLink]=\"genRouterLink(mi.path)\" [target]=\"mi.target\"\r\n [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] }}</span>\r\n </a>\r\n <a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\"\r\n (click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] }}</span>\r\n </a>\r\n </label>\r\n <label *ngIf=\"mi.type == 'callback'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">\r\n {{ viewInfoObjList[i][mi.property] }}\r\n </a>\r\n </label>\r\n <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\r\n <span *ngIf=\"mi.type == 'boolean'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <label *ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n <label *ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n <!-- <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n </span>\r\n <span *ngIf=\"mi.type == 'concat'\">\r\n <label class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ mi.concat }}\r\n </label>\r\n </span>\r\n <span *ngIf=\"mi.type == 'switch'\">\r\n <span *ngFor=\"let cs of mi?.case\">\r\n <span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n <span class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'text'\">{{ viewInfoObjList[i][cs.result.property]\r\n }}\r\n </span>\r\n <span [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'decimal'\">{{\r\n viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n <span [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'date'\">{{ viewInfoObjList[i][cs.result.property] |\r\n date: 'dd-MMM-yyyy' }}\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'link'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>\r\n <a [target]=\"cs.result.target\" [routerLink]=\"genRouterLink(cs.result.path)\"\r\n [queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][cs.result.property] }}</span>\r\n </a>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'boolean'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>\r\n <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'true'\">Yes</span>\r\n <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'false'\">No</span>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'concat'\">\r\n <label class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ cs.result.concat }}\r\n </label>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'callback'\">\r\n <span\r\n *ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n <ng-template #textCallback>\r\n <span>\r\n <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n viewInfoObjList[i][cs.result.property] }}</a>\r\n </span>\r\n </ng-template>\r\n <ng-template #iconCallback>\r\n <span>\r\n <a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'success p-0' : cs.result.anchor]\"\r\n (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n <i class=\"font-medium-3 mr-2\"\r\n [ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n </i>\r\n <span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n [ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">\r\n {{cs.result.tooltip}}\r\n </span>\r\n </a>\r\n </span>\r\n </ng-template>\r\n </span>\r\n </span>\r\n </span>\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"px-3 grid-view\" *ngIf=\"gridViewObj.gridViews.length > 0\">\r\n <div *ngFor=\"let gridView of inputGridViewObjs;let i = index\">\r\n <lib-ucSubsection\r\n *ngIf=\"gridViewObj.gridViews[i].subsection && gridViewObj.gridViews[i].subsection !== ''\"\r\n [id]=\"'grid-subsection-id'+i\"\r\n [title]=\"gridViewObj.gridViews[i].subsection\"\r\n [panel]=\"'grid-subsection-panel-'+i\">\r\n </lib-ucSubsection>\r\n <div class=\"form-body\" [id]=\"'grid-subsection-panel-'+i\">\r\n <lib-ucgridview [gridInput]=\"gridView\" (callback)=\"gridEvent($event)\" (isRefresh)=\"GetGridViewData(gridViewObj.gridViews[i], gridView)\"></lib-ucgridview>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n", components: [{ type: i5.UcSubsectionComponent, selector: "lib-ucSubsection", inputs: ["title", "panel", "id"] }, { type: i6.UcgridviewComponent, selector: "lib-ucgridview", inputs: ["gridInput", "additionalObj"], outputs: ["output", "callback", "callbackCheckBox", "isRefresh"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "number": i7.DecimalPipe, "date": i7.DatePipe } });
|
|
472
626
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericComponent, decorators: [{
|
|
473
627
|
type: Component,
|
|
474
|
-
args: [{ selector: 'lib-ucviewgeneric', styles: [], template: "<section id=\"horizontal-form-layouts\">\r\n <div class=\"row text-left\">\r\n <div class=\"col-md-12\">\r\n <div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n <h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n </div>\r\n <div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n <div class=\"px-3\">\r\n <lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n [panel]=\"ss.subSectionId\">\r\n </lib-ucSubsection>\r\n <div class=\"form-body\" [id]='ss.subSectionId'>\r\n <div class=\"form-group row\">\r\n <div *ngFor=\"let mi of ss?.mainInfo\"\r\n [ngClass]=\"{ 'col-md-6': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n <span\r\n *ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n <div class=\"row\">\r\n <div class=\"col-md-6\" *ngIf=\"mi.type != 'switch'\">\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{mi.label}}</label>\r\n </div>\r\n <div class=\"col-md-6\" *ngIf=\"mi.type == 'switch'\">\r\n <div *ngFor=\"let case of mi?.case\">\r\n <div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{case.result.label}}</label>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n 'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n <span\r\n *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 <ng-template #emptyLabel>\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>-</label>\r\n </ng-template>\r\n <ng-template #nonEmptyLabel>\r\n <span *ngIf=\"mi.type == 'text'\">\r\n <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] }}\r\n </label>\r\n <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>-\r\n </label>\r\n </span>\r\n <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision : '0.2' :'en-US'}} <span *ngIf=\"mi?.IsPrcnt\"> %</span> </label>\r\n <label *ngIf=\"mi.type == 'date'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] | date: (mi?.dateFormat) ? mi?.dateFormat : 'dd-MMM-yyyy'}} </label>\r\n <label *ngIf=\"mi.type == 'link'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <a *ngIf=\"!mi?.isFullpath\" [routerLink]=\"genRouterLink(mi.path)\" [target]=\"mi.target\"\r\n [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] }}</span>\r\n </a>\r\n <a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\"\r\n (click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] }}</span>\r\n </a>\r\n </label>\r\n <label *ngIf=\"mi.type == 'callback'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">\r\n {{ viewInfoObjList[i][mi.property] }}\r\n </a>\r\n </label>\r\n <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\r\n <span *ngIf=\"mi.type == 'boolean'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <label *ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n <label *ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n <!-- <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n </span>\r\n <span *ngIf=\"mi.type == 'concat'\">\r\n <label class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ mi.concat }}\r\n </label>\r\n </span>\r\n <span *ngIf=\"mi.type == 'switch'\">\r\n <span *ngFor=\"let cs of mi?.case\">\r\n <span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n <span class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'text'\">{{ viewInfoObjList[i][cs.result.property]\r\n }}\r\n </span>\r\n <span [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'decimal'\">{{\r\n viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n <span [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'date'\">{{ viewInfoObjList[i][cs.result.property] |\r\n date: 'dd-MMM-yyyy' }}\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'link'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>\r\n <a [target]=\"cs.result.target\" [routerLink]=\"genRouterLink(cs.result.path)\"\r\n [queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][cs.result.property] }}</span>\r\n </a>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'boolean'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>\r\n <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'true'\">Yes</span>\r\n <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'false'\">No</span>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'concat'\">\r\n <label class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ cs.result.concat }}\r\n </label>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'callback'\">\r\n <span\r\n *ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n <ng-template #textCallback>\r\n <span>\r\n <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n viewInfoObjList[i][cs.result.property] }}</a>\r\n </span>\r\n </ng-template>\r\n <ng-template #iconCallback>\r\n <span>\r\n <a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'success p-0' : cs.result.anchor]\"\r\n (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n <i class=\"font-medium-3 mr-2\"\r\n [ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n </i>\r\n <span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n [ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">\r\n {{cs.result.tooltip}}\r\n </span>\r\n </a>\r\n </span>\r\n </ng-template>\r\n </span>\r\n </span>\r\n </span>\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>" }]
|
|
628
|
+
args: [{ selector: "lib-ucviewgeneric", styles: [], template: "<section id=\"horizontal-form-layouts\">\r\n <div class=\"row text-left\">\r\n <div class=\"col-md-12\">\r\n <div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n <h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n </div>\r\n <div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n <div class=\"px-3\">\r\n <lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n [panel]=\"ss.subSectionId\">\r\n </lib-ucSubsection>\r\n <div class=\"form-body\" [id]='ss.subSectionId'>\r\n <div class=\"form-group row\">\r\n <div *ngFor=\"let mi of ss?.mainInfo\"\r\n [ngClass]=\"{ 'col-md-6': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n <span\r\n *ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n <div class=\"row\">\r\n <div class=\"col-md-6\" *ngIf=\"mi.type != 'switch'\">\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{mi.label}}</label>\r\n </div>\r\n <div class=\"col-md-6\" *ngIf=\"mi.type == 'switch'\">\r\n <div *ngFor=\"let case of mi?.case\">\r\n <div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{case.result.label}}</label>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n 'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n <span\r\n *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 <ng-template #emptyLabel>\r\n <label class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>-</label>\r\n </ng-template>\r\n <ng-template #nonEmptyLabel>\r\n <span *ngIf=\"mi.type == 'text'\">\r\n <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] }}\r\n </label>\r\n <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>-\r\n </label>\r\n </span>\r\n <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision : '0.2' :'en-US'}} <span *ngIf=\"mi?.IsPrcnt\"> %</span> </label>\r\n <label *ngIf=\"mi.type == 'date'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ viewInfoObjList[i][mi.property] | date: (mi?.dateFormat) ? mi?.dateFormat : 'dd-MMM-yyyy'}} </label>\r\n <label *ngIf=\"mi.type == 'link'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <a *ngIf=\"!mi?.isFullpath\" [routerLink]=\"genRouterLink(mi.path)\" [target]=\"mi.target\"\r\n [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] }}</span>\r\n </a>\r\n <a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\"\r\n (click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][mi.property] }}</span>\r\n </a>\r\n </label>\r\n <label *ngIf=\"mi.type == 'callback'\" class=\"label-control\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">\r\n {{ viewInfoObjList[i][mi.property] }}\r\n </a>\r\n </label>\r\n <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\r\n <span *ngIf=\"mi.type == 'boolean'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n <label *ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n <label *ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n <!-- <label\r\n *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n </span>\r\n <span *ngIf=\"mi.type == 'concat'\">\r\n <label class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ mi.concat }}\r\n </label>\r\n </span>\r\n <span *ngIf=\"mi.type == 'switch'\">\r\n <span *ngFor=\"let cs of mi?.case\">\r\n <span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n <span class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'text'\">{{ viewInfoObjList[i][cs.result.property]\r\n }}\r\n </span>\r\n <span [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'decimal'\">{{\r\n viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n <span [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate *ngIf=\"cs.result.type == 'date'\">{{ viewInfoObjList[i][cs.result.property] |\r\n date: 'dd-MMM-yyyy' }}\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'link'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>\r\n <a [target]=\"cs.result.target\" [routerLink]=\"genRouterLink(cs.result.path)\"\r\n [queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n viewInfoObjList[i][cs.result.property] }}</span>\r\n </a>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'boolean'\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n translate>\r\n <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'true'\">Yes</span>\r\n <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'false'\">No</span>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'concat'\">\r\n <label class=\"label-control breakword\"\r\n [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n {{ cs.result.concat }}\r\n </label>\r\n </span>\r\n <span *ngIf=\"cs.result.type == 'callback'\">\r\n <span\r\n *ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n <ng-template #textCallback>\r\n <span>\r\n <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n viewInfoObjList[i][cs.result.property] }}</a>\r\n </span>\r\n </ng-template>\r\n <ng-template #iconCallback>\r\n <span>\r\n <a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'success p-0' : cs.result.anchor]\"\r\n (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n <i class=\"font-medium-3 mr-2\"\r\n [ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n </i>\r\n <span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n [ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">\r\n {{cs.result.tooltip}}\r\n </span>\r\n </a>\r\n </span>\r\n </ng-template>\r\n </span>\r\n </span>\r\n </span>\r\n </span>\r\n </ng-template>\r\n </div>\r\n </div>\r\n </span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"px-3 grid-view\" *ngIf=\"gridViewObj.gridViews.length > 0\">\r\n <div *ngFor=\"let gridView of inputGridViewObjs;let i = index\">\r\n <lib-ucSubsection\r\n *ngIf=\"gridViewObj.gridViews[i].subsection && gridViewObj.gridViews[i].subsection !== ''\"\r\n [id]=\"'grid-subsection-id'+i\"\r\n [title]=\"gridViewObj.gridViews[i].subsection\"\r\n [panel]=\"'grid-subsection-panel-'+i\">\r\n </lib-ucSubsection>\r\n <div class=\"form-body\" [id]=\"'grid-subsection-panel-'+i\">\r\n <lib-ucgridview [gridInput]=\"gridView\" (callback)=\"gridEvent($event)\" (isRefresh)=\"GetGridViewData(gridViewObj.gridViews[i], gridView)\"></lib-ucgridview>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</section>\r\n" }]
|
|
475
629
|
}], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.HttpClient }, { type: i3.TranslateService }, { type: i4.CookieService }]; }, propDecorators: { viewGenericObj: [{
|
|
476
630
|
type: Input
|
|
631
|
+
}], gridViewObj: [{
|
|
632
|
+
type: Input
|
|
477
633
|
}], callback: [{
|
|
478
634
|
type: Output
|
|
479
635
|
}] } });
|
|
@@ -483,12 +639,14 @@ class UcviewgenericModule {
|
|
|
483
639
|
/** @nocollapse */ UcviewgenericModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
484
640
|
/** @nocollapse */ UcviewgenericModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericModule, declarations: [UcviewgenericComponent], imports: [CommonModule,
|
|
485
641
|
RouterModule,
|
|
486
|
-
UcSubsectionModule,
|
|
642
|
+
UcSubsectionModule,
|
|
643
|
+
UcgridviewModule, i3.TranslateModule], exports: [UcviewgenericComponent] });
|
|
487
644
|
/** @nocollapse */ UcviewgenericModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericModule, imports: [[
|
|
488
645
|
CommonModule,
|
|
489
646
|
RouterModule,
|
|
490
647
|
UcSubsectionModule,
|
|
491
|
-
|
|
648
|
+
UcgridviewModule,
|
|
649
|
+
TranslateModule.forChild(),
|
|
492
650
|
]] });
|
|
493
651
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericModule, decorators: [{
|
|
494
652
|
type: NgModule,
|
|
@@ -498,9 +656,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
498
656
|
CommonModule,
|
|
499
657
|
RouterModule,
|
|
500
658
|
UcSubsectionModule,
|
|
501
|
-
|
|
659
|
+
UcgridviewModule,
|
|
660
|
+
TranslateModule.forChild(),
|
|
502
661
|
],
|
|
503
|
-
exports: [UcviewgenericComponent]
|
|
662
|
+
exports: [UcviewgenericComponent],
|
|
504
663
|
}]
|
|
505
664
|
}] });
|
|
506
665
|
|