@adins/ucviewgeneric 2.3.1 → 2.3.2-hotfix.0

package/fesm2020/adins-ucviewgeneric.mjs

@@ -0,0 +1,482 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i2 from '@angular/common/http';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i4 from 'ngx-cookie';
+import * as CryptoJS from 'crypto-js';
+import * as i5 from '@adins/fe-core';
+import * as i6 from '@adins/uc-subsection';
+import { UcSubsectionModule } from '@adins/uc-subsection';
+import * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class UcviewgenericService {
+    constructor() { }
+}
+/** @nocollapse */ /** @nocollapse */ UcviewgenericService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ UcviewgenericService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class UcViewGenericObj {
+    constructor() {
+        this.viewInput = "";
+        this.viewEnvironment = "";
+        this.ddlEnvironments = new Array();
+        this.listEnvironments = new Array();
+        this.whereValue = new Array();
+    }
+}
+class EnviObj {
+    constructor() {
+        this.name = "";
+        this.environment = "";
+    }
+}
+class WhereValueObj {
+    constructor() {
+        this.property = "";
+    }
+}
+class EnvisObj {
+    constructor() {
+        this.environment = "";
+        this.url = "";
+    }
+}
+
+class UcviewgenericComponent {
+    constructor(route, http, translateService, cookieService, credentialService) {
+        this.route = route;
+        this.http = http;
+        this.translateService = translateService;
+        this.cookieService = cookieService;
+        this.credentialService = credentialService;
+        this.viewGenericObj = new UcViewGenericObj();
+        this.callback = new EventEmitter();
+        this.UserAccess = {}; //JSON.parse(this.GetCookie(this.cookieService, "UserAccess"));
+        this.viewList = "";
+        this.isReady = false;
+        this.route.queryParams.subscribe(params => {
+            this.getList = params;
+        });
+        this.translateService.setDefaultLang('en');
+        this.translateService.use(localStorage.getItem('lang') || 'en');
+    }
+    ngOnInit() {
+        console.log("viewgeneric");
+        this.UserAccess = this.credentialService.GetUserAccess();
+        this.initiateForm();
+    }
+    initiateForm() {
+        this.getJSON(this.viewGenericObj.viewInput).subscribe(data => {
+            this.viewList = data;
+            this.viewInfoObjList = [];
+            for (let j = 0; j < this.viewList.subsection.length; j++) {
+                this.viewInfoObjList.push(j);
+            }
+            for (let i = 0; i < this.viewList.subsection.length; i++) {
+                if (this.viewList.subsection[i].querystring != null) {
+                    let queryObj;
+                    if (this.viewGenericObj.whereValue.length == 0) {
+                        this.viewList.subsection[i].querystring.whereQuery = Object.values(this.getList);
+                    }
+                    else {
+                        this.viewList.subsection[i].querystring.whereQuery = this.viewGenericObj.whereValue;
+                    }
+                    if (this.viewList.subsection[i].mainInfoPath != undefined && this.viewList.subsection[i].mainInfoPath != "") {
+                        if (this.viewGenericObj.viewEnvironment != undefined && this.viewGenericObj.viewEnvironment != "") {
+                            this.viewList.subsection[i].fullpath = this.viewGenericObj.viewEnvironment + this.viewList.subsection[i].mainInfoPath;
+                        }
+                        else {
+                            this.viewList.subsection[i].fullpath = this.viewList.subsection[i].mainInfoUrl;
+                        }
+                    }
+                    else {
+                        this.viewList.subsection[i].fullpath = this.viewList.subsection[i].mainInfoUrl;
+                    }
+                    queryObj = {
+                        querystring: this.viewList.subsection[i].querystring
+                    };
+                    this.http.post(this.viewList.subsection[i].fullpath, queryObj).subscribe((response) => {
+                        this.viewInfoObjList[i] = response["Data"][0];
+                        for (let y = 0; y < this.viewList.subsection[i].mainInfo.length; y++) {
+                            if (this.viewList.subsection[i].mainInfo[y].propertyList != undefined && this.viewList.subsection[i].mainInfo[y].propertyList.length != 0) {
+                                const propertyList = this.viewList.subsection[i].mainInfo[y].propertyList;
+                                let concat = "";
+                                for (let z = 0; z < propertyList.length; z++) {
+                                    concat = concat + propertyList[z].prefix + this.viewInfoObjList[i][propertyList[z].property] + propertyList[z].suffix;
+                                }
+                                this.viewList.subsection[i].mainInfo[y].concat = concat;
+                            }
+                            //switch case
+                            if (this.viewList.subsection[i].mainInfo[y].type == "switch") {
+                                for (let z = 0; z < this.viewList.subsection[i].mainInfo[y].case.length; z++) {
+                                    let Empty = new Array();
+                                    this.viewList.subsection[i].mainInfo[y].case[z].Hidden = false;
+                                    //check hideIfEmpty
+                                    if (this.viewList.subsection[i].mainInfo[y].case[z].result.hideIfEmpty != undefined && this.viewList.subsection[i].mainInfo[y].case[z].result.hideIfEmpty != null) {
+                                        if (this.viewList.subsection[i].mainInfo[y].case[z].result.type != "concat") {
+                                            Empty.push(this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z].result.property] != undefined
+                                                && this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z].result.property] != null
+                                                && this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z].result.property] != "" ? false : true);
+                                        }
+                                        else { // type concat
+                                            if (this.viewList.subsection[i].mainInfo[y].case[z].result.propertyList != undefined && this.viewList.subsection[i].mainInfo[y].case[z].result.propertyList.length != 0) {
+                                                const propertyList = this.viewList.subsection[i].mainInfo[y].case[z].result.propertyList;
+                                                let concat = "";
+                                                for (let a = 0; a < propertyList.length; a++) {
+                                                    concat = concat + propertyList[a].prefix + this.viewInfoObjList[i][propertyList[a].property] + propertyList[a].suffix;
+                                                    Empty.push(this.viewInfoObjList[i][propertyList[a].property] != undefined
+                                                        && this.viewInfoObjList[i][propertyList[a].property] != null
+                                                        && this.viewInfoObjList[i][propertyList[a].property] != "" ? false : true);
+                                                }
+                                                this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
+                                            }
+                                        }
+                                        if (Empty.includes(true) && this.viewList.subsection[i].mainInfo[y].case[z].result.hideIfEmpty) {
+                                            this.viewList.subsection[i].mainInfo[y].case[z].Hidden = true;
+                                            this.viewList.subsection[i].mainInfo[y].isHide = true;
+                                        }
+                                    }
+                                    else {
+                                        //concat
+                                        if (this.viewList.subsection[i].mainInfo[y].case[z].result.propertyList != undefined && this.viewList.subsection[i].mainInfo[y].case[z].result.propertyList.length != 0) {
+                                            const propertyList = this.viewList.subsection[i].mainInfo[y].case[z].result.propertyList;
+                                            let concat = "";
+                                            for (let a = 0; a < propertyList.length; a++) {
+                                                concat = concat + propertyList[a].prefix + this.viewInfoObjList[i][propertyList[a].property] + propertyList[a].suffix;
+                                            }
+                                            this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
+                                        }
+                                    }
+                                }
+                            }
+                            if (this.viewList.subsection[i].mainInfo[y].type == "link" && (this.viewGenericObj.navigationConst != undefined || this.viewGenericObj.navigationConst != null)) {
+                                let tempLink = this.viewGenericObj.navigationConst[this.viewList.subsection[i].mainInfo[y].path];
+                                if (tempLink != undefined && tempLink != null) {
+                                    this.viewList.subsection[i].mainInfo[y].path = tempLink;
+                                }
+                            }
+                            if (this.viewList.subsection[i].mainInfo[y].type == "link"
+                                && this.viewGenericObj.listEnvironments != undefined && this.viewGenericObj.listEnvironments.length != 0) {
+                                for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
+                                    if (this.viewList.subsection[i].mainInfo[y].environment == this.viewGenericObj.listEnvironments[z].environment) {
+                                        this.viewList.subsection[i].mainInfo[y].isFullpath = true;
+                                        this.viewList.subsection[i].mainInfo[y].fullpath = this.viewGenericObj.listEnvironments[z].url + this.viewList.subsection[i].mainInfo[y].path;
+                                        break;
+                                    }
+                                }
+                            }
+                            else if (this.viewList.subsection[i].mainInfo[y].type == "link") {
+                                this.viewList.subsection[i].mainInfo[y].isFullpath = false;
+                                this.viewList.subsection[i].mainInfo[y].fullpath = this.viewList.subsection[i].mainInfo[y].path;
+                            }
+                        }
+                        this.isReady = true;
+                    }, (error) => {
+                        console.log(error);
+                    });
+                }
+                else {
+                    if (this.viewList.subsection[i].mainInfoPath != undefined && this.viewList.subsection[i].mainInfoPath != "") {
+                        if (this.viewGenericObj.viewEnvironment != undefined && this.viewGenericObj.viewEnvironment != "") {
+                            this.viewList.subsection[i].fullpath = this.viewGenericObj.viewEnvironment + this.viewList.subsection[i].mainInfoPath;
+                        }
+                        else {
+                            this.viewList.subsection[i].fullpath = this.viewList.subsection[i].mainInfoUrl;
+                        }
+                    }
+                    else {
+                        this.viewList.subsection[i].fullpath = this.viewList.subsection[i].mainInfoUrl;
+                    }
+                    this.http.post(this.viewList.subsection[i].fullpath, this.getList).subscribe((response) => {
+                        this.viewInfoObjList[i] = response["Data"];
+                    }, (error) => {
+                        console.log(error);
+                    });
+                }
+            }
+        });
+    }
+    getJSON(url) {
+        return this.http.get(url);
+    }
+    GetCookie(cookieService, key) {
+        let value = cookieService.get(key);
+        if (value == undefined || value.trim() == '')
+            return null;
+        return this.DecryptString(value, "AdInsFOU12345678");
+    }
+    DecryptString(chipperText, chipperKey) {
+        if (chipperKey == undefined || chipperKey.trim() == '' ||
+            chipperText == undefined || chipperText.trim() == '')
+            return chipperText;
+        let chipperKeyArr = CryptoJS.enc.Utf8.parse(chipperKey);
+        let iv = CryptoJS.lib.WordArray.create([0x00, 0x00, 0x00, 0x00]);
+        let decrypted = CryptoJS.AES.decrypt(chipperText, chipperKeyArr, { iv: iv });
+        let plainText = decrypted.toString(CryptoJS.enc.Utf8);
+        return plainText;
+    }
+    genAction(viewObj, param) {
+        let arrList = {};
+        for (let i = 0; i < param.length; i++) {
+            if (viewObj[param[i].type] != undefined || viewObj[param[i].property] != undefined) {
+                arrList[param[i].type] = viewObj[param[i].property];
+            }
+            else {
+                arrList[param[i].type] = param[i].property;
+            }
+        }
+        return arrList;
+    }
+    genRouterLink(urlLink) {
+        let tempLink = urlLink;
+        if (this.viewGenericObj.navigationConst != undefined && this.viewGenericObj.navigationConst[urlLink] != null) {
+            tempLink = this.viewGenericObj.navigationConst[urlLink];
+        }
+        return tempLink;
+    }
+    redirectFullPath(fullpath, param, target) {
+        let queryParam = "";
+        const ListObj = Object.keys(param);
+        for (let i = 0; i < ListObj.length; i++) {
+            if (queryParam != "") {
+                queryParam = queryParam + "&" + ListObj[i] + "=" + param[ListObj[i]];
+            }
+            else {
+                queryParam = ListObj[i] + "=" + param[ListObj[i]];
+            }
+        }
+        window.open(fullpath + "?" + queryParam, target);
+    }
+    callbackFunction(item, key = "") {
+        let CBObj = {
+            ViewObj: item,
+            Key: key
+        };
+        this.callback.emit(CBObj);
+    }
+    switchCase(item, condList) {
+        let condition = false;
+        if (!item)
+            return false;
+        for (let i = 0; i < condList.conditions.length; i++) {
+            if (condList.conditions[i].restriction == "EQ") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] == condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] == this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "NEQ") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] != condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] != this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "GT") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] > condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] > this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "GTE") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] >= condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] >= this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "LT") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] < condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] < this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "LTE") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] <= condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] <= this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "IN") {
+                if (condList.conditions[i].isUser != true) {
+                    if (condList.conditions[i].value.findIndex(x => x == item[condList.conditions[i].property]) >= 0) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (condList.conditions[i].value.findIndex(x => x == this.UserAccess["UserName"]) >= 0) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "NIN") {
+                if (condList.conditions[i].isUser != true) {
+                    if (condList.conditions[i].value.findIndex(x => x == item[condList.conditions[i].property]) == -1) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (condList.conditions[i].value.findIndex(x => x == this.UserAccess["UserName"]) == -1) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+        }
+        return condition;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ UcviewgenericComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.HttpClient }, { token: i3.TranslateService }, { token: i4.CookieService }, { token: i5.CredentialService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ UcviewgenericComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", 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 class=\"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\">&nbsp;%</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: i6.UcSubsectionComponent, selector: "lib-ucSubsection", inputs: ["title", "panel", "id"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericComponent, decorators: [{
+            type: Component,
+            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 class=\"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\">&nbsp;%</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>" }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.HttpClient }, { type: i3.TranslateService }, { type: i4.CookieService }, { type: i5.CredentialService }]; }, propDecorators: { viewGenericObj: [{
+                type: Input
+            }], callback: [{
+                type: Output
+            }] } });
+
+class UcviewgenericModule {
+}
+/** @nocollapse */ /** @nocollapse */ UcviewgenericModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ UcviewgenericModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericModule, declarations: [UcviewgenericComponent], imports: [CommonModule,
+        RouterModule,
+        UcSubsectionModule, i3.TranslateModule], exports: [UcviewgenericComponent] });
+/** @nocollapse */ /** @nocollapse */ UcviewgenericModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericModule, imports: [[
+            CommonModule,
+            RouterModule,
+            UcSubsectionModule,
+            TranslateModule.forChild()
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: UcviewgenericModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UcviewgenericComponent],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        UcSubsectionModule,
+                        TranslateModule.forChild()
+                    ],
+                    exports: [UcviewgenericComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of ucviewgeneric
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UcviewgenericComponent, UcviewgenericModule, UcviewgenericService };
+//# sourceMappingURL=adins-ucviewgeneric.mjs.map