@adins/ucviewgeneric 1.0.3 → 2.0.1

package/README.md

@@ -4,6 +4,12 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
 
 ## Version
 
+Version 2.0.1
+1. label position viewGeneric, textarea input disable, loop subsection
+
+Version 2.0.0
+1. Update ReadMe
+
 Version 1.0.3
 1. Update ReadMe
 
@@ -13,36 +19,52 @@ Version 1.0.2
 Version 1.0.1
 1. Added ReadMe
 
+## Dependency Module
+import this module : 
+- RouterModule
+- UcSubsectionModule ` npm i @adins/uc-subsection `
+
+## Selector
+lib-ucviewgeneric
+
 ## Input
 1. viewInput : view.json 
 
 ## Output
 
 ## JSON property
+view.json : 
+``` javascript
 {
-    "title": title view paging,
-    "subSectionId": uniqueId,
-    "subSectionTitle": "Main Information", sub-section title
-    "mainInfoUrl": full path API get data,
-    "mainInfo": [ view information list
+    "title": "title", // title view paging
+    "subsection": [ // subsection list
         {
-            "type": "link", text with link button
-            "label": "View Name", label information name
-            "property": "viewName", property to view
-            "path": "/test/paging", router path
-            "param": [ passing optional parameters 
+            "subSectionId": "id", // uniqueId
+            "subSectionTitle": "Main Information", // sub-section title
+            "mainInfoUrl": "", // full path API get data
+            "mainInfo": [ // view information list
+                {
+                    "type": "link", // text with link button
+                    "label": "View Name", // label information name
+                    "property": "viewName", // property to view
+                    "position": "left", // label position (left, center, right | default left) *optional
+                    "path": "/test/paging", // router path
+                    "param": [ // passing optional parameters 
+                        {
+                            "property": "vendorId", // property to pass
+                        }
+                    ]
+                },
                 {
-                    "property": "vendorId", property to pass
+                    "type": "text", // text only
+                    "label": "View Code",
+                    "property": "viewCode"
                 }
             ]
-        },
-        {
-            "type": "text", text only
-            "label": "View Code",
-            "property": "viewCode"
         }
     ]
 }
+```
 
 ## Code scaffolding
 

package/bundles/ucviewgeneric.umd.js

@@ -32,7 +32,6 @@
             this.route = route;
             this.http = http$$1;
             this.viewList = "";
-            this.mainInfoObj = "";
             this.route.queryParams.subscribe(( /**
              * @param {?} params
              * @return {?}
@@ -64,18 +63,28 @@
                  */function (data) {
                     console.log(data);
                     _this.viewList = data;
-                    _this.http.post(_this.viewList.mainInfoUrl, _this.getList).subscribe(( /**
-                     * @param {?} response
-                     * @return {?}
-                     */function (response) {
-                        console.log(response);
-                        _this.mainInfoObj = response["returnObject"];
-                    }), ( /**
-                     * @param {?} error
-                     * @return {?}
-                     */function (error) {
-                        console.log(error);
-                    }));
+                    _this.viewInfoObjList = [];
+                    for (var j = 0; j < _this.viewList.subsection.length; j++) {
+                        _this.viewInfoObjList.push(j);
+                    }
+                    var _loop_1 = function (i) {
+                        _this.http.post(_this.viewList.subsection[i].mainInfoUrl, _this.getList).subscribe(( /**
+                         * @param {?} response
+                         * @return {?}
+                         */function (response) {
+                            console.log(response);
+                            _this.viewInfoObjList[i] = response["returnObject"];
+                        }), ( /**
+                         * @param {?} error
+                         * @return {?}
+                         */function (error) {
+                            console.log(error);
+                        }));
+                    };
+                    for (var i = 0; i < _this.viewList.subsection.length; i++) {
+                        _loop_1(i);
+                    }
+                    console.log(_this.viewInfoObjList);
                 }));
             };
         /**
@@ -90,25 +99,27 @@
                 return this.http.get(url);
             };
         /**
+         * @param {?} viewObj
          * @param {?} param
          * @return {?}
          */
         UcviewgenericComponent.prototype.genAction = /**
+         * @param {?} viewObj
          * @param {?} param
          * @return {?}
          */
-            function (param) {
+            function (viewObj, param) {
                 /** @type {?} */
                 var arrList = {};
                 for (var i = 0; i < param.length; i++) {
-                    arrList[param[i].property] = this.mainInfoObj[param[i].property];
+                    arrList[param[i].property] = viewObj[param[i].property];
                 }
                 return arrList;
             };
         UcviewgenericComponent.decorators = [
             { type: i0.Component, args: [{
                         selector: 'lib-ucviewgeneric',
-                        template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h4 class=\"card-title\" id=\"horz-layout-colored-controls\" translate> {{ viewList.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <div class=\"px-3\">\r\n                <lib-ucSubsection *ngIf=\"viewList != ''\" [id]=\"viewList.subSectionId + 'id'\"\r\n                    [title]=\"viewList.subSectionTitle\" [panel]=\"viewList.subSectionId\">\r\n                </lib-ucSubsection>\r\n                <div class=\"form-body\" [id]='viewList.subSectionId'>\r\n                    <div class=\"form-group row\">\r\n                        <div class=\"col-md-6\" *ngFor=\"let mi of viewList?.mainInfo\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6\">\r\n                                    <label class=\"label-control\" name=\"VendorCode\" translate> {{ mi.label }} </label>\r\n                                </div>\r\n                                <div class=\"col-md-6\">\r\n                                    <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] }} </label>\r\n                                    <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | number}} </label>\r\n                                    <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                                    <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a\r\n                                            [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(mi.param)\">\r\n                                            {{ mainInfoObj[mi.property] }} </a></label>\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</div>"
+                        template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n      <div class=\"card-header\">\r\n        <h4 class=\"card-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\" [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 class=\"col-md-6\" *ngFor=\"let mi of ss?.mainInfo\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                      <label class=\"label-control\" translate> {{ mi.label }} </label>\r\n                    </div>\r\n                    <div class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n                    'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n                        <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] }} </label>\r\n                        <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | number}} </label>\r\n                        <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                        <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\"> {{ viewInfoObjList[i][mi.property] }} </a></label>\r\n                        <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\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  </div>"
                     }] }
         ];
         /** @nocollapse */

package/bundles/ucviewgeneric.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"ucviewgeneric.umd.js.map","sources":["ng://ucviewgeneric/lib/ucviewgeneric.service.ts","ng://ucviewgeneric/lib/ucviewgeneric.component.ts","ng://ucviewgeneric/lib/ucviewgeneric.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UcviewgenericService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Component({\n  selector: 'lib-ucviewgeneric',\n  templateUrl: './ucviewgeneric.component.html',\n  styles: []\n})\nexport class UcviewgenericComponent implements OnInit {\n\n  @Input() viewInput: any;\n  viewList: any = \"\";\n  mainInfoObj: any = \"\";\n  getList: any;\n\n  constructor(private route: ActivatedRoute, private http: HttpClient) { \n    this.route.queryParams.subscribe(params => {\n      this.getList = params;\n    });\n  }\n\n  ngOnInit() {\n    console.log(\"viewgeneric\");\n    this.initiateForm();\n  }\n\n  initiateForm() {\n    this.getJSON(this.viewInput).subscribe(data => {\n      console.log(data);\n      this.viewList = data;\n\n      this.http.post(this.viewList.mainInfoUrl, this.getList).subscribe(\n        (response) => {\n          console.log(response);\n          this.mainInfoObj = response[\"returnObject\"];\n        },\n        (error) => {\n          console.log(error);\n        })\n    })\n  }\n\n  public getJSON(url: string): Observable<any> {\n    return this.http.get(url);\n  }\n  \n  genAction(param) {\n    var arrList = {};\n\n    for (var i = 0; i < param.length; i++) {\n      arrList[param[i].property] = this.mainInfoObj[param[i].property];\n    }\n    return arrList;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { UcviewgenericComponent } from './ucviewgeneric.component';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { UcSubsectionModule } from '@adins/uc-subsection';\n\n@NgModule({\n  declarations: [UcviewgenericComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    UcSubsectionModule\n  ],\n  exports: [UcviewgenericComponent]\n})\nexport class UcviewgenericModule { }\n"],"names":["Injectable","http","Component","ActivatedRoute","HttpClient","Input","NgModule","CommonModule","RouterModule","UcSubsectionModule"],"mappings":";;;;;;;;;;AAAA;QAOE;SAAiB;;oBALlBA,aAAU,SAAC;wBACV,UAAU,EAAE,MAAM;qBACnB;;;;;mCAJD;KAEA;;;;;;ACFA;QAiBE,gCAAoB,KAAqB,EAAUC,OAAgB;YAAnE,iBAIC;YAJmB,UAAK,GAAL,KAAK,CAAgB;YAAU,SAAI,GAAJA,OAAI,CAAY;YAJnE,aAAQ,GAAQ,EAAE,CAAC;YACnB,gBAAW,GAAQ,EAAE,CAAC;YAIpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS;;;eAAC,UAAA,MAAM;gBACrC,KAAI,CAAC,OAAO,GAAG,MAAM,CAAC;aACvB,EAAC,CAAC;SACJ;;;;QAED,yCAAQ;;;YAAR;gBACE,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;gBAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;aACrB;;;;QAED,6CAAY;;;YAAZ;gBAAA,iBAcC;gBAbC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;;;mBAAC,UAAA,IAAI;oBACzC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAClB,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;oBAErB,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAI,CAAC,OAAO,CAAC,CAAC,SAAS;;;uBAC/D,UAAC,QAAQ;wBACP,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;wBACtB,KAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;qBAC7C;;;uBACD,UAAC,KAAK;wBACJ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;qBACpB,EAAC,CAAA;iBACL,EAAC,CAAA;aACH;;;;;QAEM,wCAAO;;;;YAAd,UAAe,GAAW;gBACxB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;aAC3B;;;;;QAED,0CAAS;;;;YAAT,UAAU,KAAK;;oBACT,OAAO,GAAG,EAAE;gBAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACrC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;iBAClE;gBACD,OAAO,OAAO,CAAC;aAChB;;oBAlDFC,YAAS,SAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,mtEAA6C;qBAE9C;;;;;wBARQC,qBAAc;wBACdC,eAAU;;;;gCAUhBC,QAAK;;QA4CR,6BAAC;KAnDD;;;;;;ACLA;QAMA;SASoC;;oBATnCC,WAAQ,SAAC;wBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;wBACtC,OAAO,EAAE;4BACPC,mBAAY;4BACZC,mBAAY;4BACZC,+BAAkB;yBACnB;wBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBAClC;;QACkC,0BAAC;KATpC;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ucviewgeneric.umd.js.map","sources":["ng://ucviewgeneric/lib/ucviewgeneric.service.ts","ng://ucviewgeneric/lib/ucviewgeneric.component.ts","ng://ucviewgeneric/lib/ucviewgeneric.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UcviewgenericService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Component({\n  selector: 'lib-ucviewgeneric',\n  templateUrl: './ucviewgeneric.component.html',\n  styles: []\n})\nexport class UcviewgenericComponent implements OnInit {\n\n  @Input() viewInput: any;\n  viewList: any = \"\";\n  getList: any;\n  viewInfoObjList: any;\n\n  constructor(private route: ActivatedRoute, private http: HttpClient) { \n    this.route.queryParams.subscribe(params => {\n      this.getList = params;\n    });\n  }\n\n  ngOnInit() {\n    console.log(\"viewgeneric\");\n    this.initiateForm();\n  }\n\n  initiateForm() {\n    this.getJSON(this.viewInput).subscribe(data => {\n      console.log(data);\n      this.viewList = data;\n      this.viewInfoObjList = [];\n\n      for (var j = 0; j < this.viewList.subsection.length; j++) {\n        this.viewInfoObjList.push(j);\n      }\n\n      for (let i = 0; i < this.viewList.subsection.length; i++) {\n        this.http.post(this.viewList.subsection[i].mainInfoUrl, this.getList).subscribe(\n          (response) => {\n            console.log(response);\n            this.viewInfoObjList[i] = response[\"returnObject\"];\n          },\n          (error) => {\n            console.log(error);\n          })\n      }\n      console.log(this.viewInfoObjList);\n    })\n  }\n\n  public getJSON(url: string): Observable<any> {\n    return this.http.get(url);\n  }\n  \n  genAction(viewObj, param) {\n    var arrList = {};\n\n    for (var i = 0; i < param.length; i++) {\n      arrList[param[i].property] = viewObj[param[i].property];\n    }\n    return arrList;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { UcviewgenericComponent } from './ucviewgeneric.component';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { UcSubsectionModule } from '@adins/uc-subsection';\n\n@NgModule({\n  declarations: [UcviewgenericComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    UcSubsectionModule\n  ],\n  exports: [UcviewgenericComponent]\n})\nexport class UcviewgenericModule { }\n"],"names":["Injectable","http","Component","ActivatedRoute","HttpClient","Input","NgModule","CommonModule","RouterModule","UcSubsectionModule"],"mappings":";;;;;;;;;;AAAA;QAOE;SAAiB;;oBALlBA,aAAU,SAAC;wBACV,UAAU,EAAE,MAAM;qBACnB;;;;;mCAJD;KAEA;;;;;;ACFA;QAiBE,gCAAoB,KAAqB,EAAUC,OAAgB;YAAnE,iBAIC;YAJmB,UAAK,GAAL,KAAK,CAAgB;YAAU,SAAI,GAAJA,OAAI,CAAY;YAJnE,aAAQ,GAAQ,EAAE,CAAC;YAKjB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS;;;eAAC,UAAA,MAAM;gBACrC,KAAI,CAAC,OAAO,GAAG,MAAM,CAAC;aACvB,EAAC,CAAC;SACJ;;;;QAED,yCAAQ;;;YAAR;gBACE,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;gBAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;aACrB;;;;QAED,6CAAY;;;YAAZ;gBAAA,iBAsBC;gBArBC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;;;mBAAC,UAAA,IAAI;oBACzC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;oBAClB,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;oBACrB,KAAI,CAAC,eAAe,GAAG,EAAE,CAAC;oBAE1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBACxD,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;qBAC9B;4CAEQ,CAAC;wBACR,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,KAAI,CAAC,OAAO,CAAC,CAAC,SAAS;;;2BAC7E,UAAC,QAAQ;4BACP,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;4BACtB,KAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;yBACpD;;;2BACD,UAAC,KAAK;4BACJ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;yBACpB,EAAC,CAAA;;oBARN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE;gCAA/C,CAAC;qBAST;oBACD,OAAO,CAAC,GAAG,CAAC,KAAI,CAAC,eAAe,CAAC,CAAC;iBACnC,EAAC,CAAA;aACH;;;;;QAEM,wCAAO;;;;YAAd,UAAe,GAAW;gBACxB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;aAC3B;;;;;;QAED,0CAAS;;;;;YAAT,UAAU,OAAO,EAAE,KAAK;;oBAClB,OAAO,GAAG,EAAE;gBAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACrC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;iBACzD;gBACD,OAAO,OAAO,CAAC;aAChB;;oBA1DFC,YAAS,SAAC;wBACT,QAAQ,EAAE,mBAAmB;wBAC7B,ooEAA6C;qBAE9C;;;;;wBARQC,qBAAc;wBACdC,eAAU;;;;gCAUhBC,QAAK;;QAoDR,6BAAC;KA3DD;;;;;;ACLA;QAMA;SASoC;;oBATnCC,WAAQ,SAAC;wBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;wBACtC,OAAO,EAAE;4BACPC,mBAAY;4BACZC,mBAAY;4BACZC,+BAAkB;yBACnB;wBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;qBAClC;;QACkC,0BAAC;KATpC;;;;;;;;;;;;;;;;;;;;;;;;"}

package/bundles/ucviewgeneric.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/common"),require("@angular/router"),require("@adins/uc-subsection")):"function"==typeof define&&define.amd?define("ucviewgeneric",["exports","@angular/common/http","@angular/core","@angular/common","@angular/router","@adins/uc-subsection"],n):n(e.ucviewgeneric={},e.ng.common.http,e.ng.core,e.ng.common,e.ng.router,e.ucSubsection)}(this,function(e,n,t,r,i,o){"use strict";var a=(c.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],c.ctorParameters=function(){return[]},c.ngInjectableDef=t.defineInjectable({factory:function(){return new c},token:c,providedIn:"root"}),c);function c(){}var s=(l.prototype.ngOnInit=function(){console.log("viewgeneric"),this.initiateForm()},l.prototype.initiateForm=function(){var n=this;this.getJSON(this.viewInput).subscribe(function(e){console.log(e),n.viewList=e,n.http.post(n.viewList.mainInfoUrl,n.getList).subscribe(function(e){console.log(e),n.mainInfoObj=e.returnObject},function(e){console.log(e)})})},l.prototype.getJSON=function(e){return this.http.get(e)},l.prototype.genAction=function(e){for(var n={},t=0;t<e.length;t++)n[e[t].property]=this.mainInfoObj[e[t].property];return n},l.decorators=[{type:t.Component,args:[{selector:"lib-ucviewgeneric",template:'<div class="col-md-12">\r\n    <div class="card">\r\n        <div class="card-header">\r\n            <h4 class="card-title" id="horz-layout-colored-controls" translate> {{ viewList.title }} </h4>\r\n        </div>\r\n        <div class="card-body">\r\n            <div class="px-3">\r\n                <lib-ucSubsection *ngIf="viewList != \'\'" [id]="viewList.subSectionId + \'id\'"\r\n                    [title]="viewList.subSectionTitle" [panel]="viewList.subSectionId">\r\n                </lib-ucSubsection>\r\n                <div class="form-body" [id]=\'viewList.subSectionId\'>\r\n                    <div class="form-group row">\r\n                        <div class="col-md-6" *ngFor="let mi of viewList?.mainInfo">\r\n                            <div class="row">\r\n                                <div class="col-md-6">\r\n                                    <label class="label-control" name="VendorCode" translate> {{ mi.label }} </label>\r\n                                </div>\r\n                                <div class="col-md-6">\r\n                                    <label *ngIf="mi.type == \'text\'" class="label-control" translate>\r\n                                        {{ mainInfoObj[mi.property] }} </label>\r\n                                    <label *ngIf="mi.type == \'currency\'" class="label-control" translate>\r\n                                        {{ mainInfoObj[mi.property] | number}} </label>\r\n                                    <label *ngIf="mi.type == \'date\'" class="label-control" translate>\r\n                                        {{ mainInfoObj[mi.property] | date: \'dd-MMM-yyyy\'}} </label>\r\n                                    <label *ngIf="mi.type == \'link\'" class="label-control" translate><a\r\n                                            [routerLink]="[mi.path]" [queryParams]="genAction(mi.param)">\r\n                                            {{ mainInfoObj[mi.property] }} </a></label>\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</div>'}]}],l.ctorParameters=function(){return[{type:i.ActivatedRoute},{type:n.HttpClient}]},l.propDecorators={viewInput:[{type:t.Input}]},l);function l(e,n){var t=this;this.route=e,this.http=n,this.viewList="",this.mainInfoObj="",this.route.queryParams.subscribe(function(e){t.getList=e})}var u=(d.decorators=[{type:t.NgModule,args:[{declarations:[s],imports:[r.CommonModule,i.RouterModule,o.UcSubsectionModule],exports:[s]}]}],d);function d(){}e.UcviewgenericService=a,e.UcviewgenericComponent=s,e.UcviewgenericModule=u,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common/http"),require("@angular/core"),require("@angular/common"),require("@angular/router"),require("@adins/uc-subsection")):"function"==typeof define&&define.amd?define("ucviewgeneric",["exports","@angular/common/http","@angular/core","@angular/common","@angular/router","@adins/uc-subsection"],t):t(e.ucviewgeneric={},e.ng.common.http,e.ng.core,e.ng.common,e.ng.router,e.ucSubsection)}(this,function(e,t,n,i,r,o){"use strict";var s=(c.decorators=[{type:n.Injectable,args:[{providedIn:"root"}]}],c.ctorParameters=function(){return[]},c.ngInjectableDef=n.defineInjectable({factory:function(){return new c},token:c,providedIn:"root"}),c);function c(){}var a=(l.prototype.ngOnInit=function(){console.log("viewgeneric"),this.initiateForm()},l.prototype.initiateForm=function(){var r=this;this.getJSON(this.viewInput).subscribe(function(e){console.log(e),r.viewList=e,r.viewInfoObjList=[];for(var t=0;t<r.viewList.subsection.length;t++)r.viewInfoObjList.push(t);for(var n=function(t){r.http.post(r.viewList.subsection[t].mainInfoUrl,r.getList).subscribe(function(e){console.log(e),r.viewInfoObjList[t]=e.returnObject},function(e){console.log(e)})},i=0;i<r.viewList.subsection.length;i++)n(i);console.log(r.viewInfoObjList)})},l.prototype.getJSON=function(e){return this.http.get(e)},l.prototype.genAction=function(e,t){for(var n={},i=0;i<t.length;i++)n[t[i].property]=e[t[i].property];return n},l.decorators=[{type:n.Component,args:[{selector:"lib-ucviewgeneric",template:'<div class="col-md-12">\r\n    <div class="card">\r\n      <div class="card-header">\r\n        <h4 class="card-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" [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 class="col-md-6" *ngFor="let mi of ss?.mainInfo">\r\n                <div class="row">\r\n                    <div class="col-md-6">\r\n                      <label class="label-control" translate> {{ mi.label }} </label>\r\n                    </div>\r\n                    <div class="col-md-6" [ngClass]="{ \'text-left\': mi.position == \'left\',\r\n                    \'text-right\': mi.position == \'right\', \'text-center\': mi.position == \'center\' }">\r\n                        <label *ngIf="mi.type == \'text\'" class="label-control" translate> {{ viewInfoObjList[i][mi.property] }} </label>\r\n                        <label *ngIf="mi.type == \'currency\'" class="label-control" translate> {{ viewInfoObjList[i][mi.property] | number}} </label>\r\n                        <label *ngIf="mi.type == \'date\'" class="label-control" translate> {{ viewInfoObjList[i][mi.property] | date: \'dd-MMM-yyyy\'}} </label>\r\n                        <label *ngIf="mi.type == \'link\'" class="label-control" translate><a [routerLink]="[mi.path]" [queryParams]="genAction(viewInfoObjList[i], mi.param)"> {{ viewInfoObjList[i][mi.property] }} </a></label>\r\n                        <textarea *ngIf="mi.type == \'textarea\'" class="form-control" readonly translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\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  </div>'}]}],l.ctorParameters=function(){return[{type:r.ActivatedRoute},{type:t.HttpClient}]},l.propDecorators={viewInput:[{type:n.Input}]},l);function l(e,t){var n=this;this.route=e,this.http=t,this.viewList="",this.route.queryParams.subscribe(function(e){n.getList=e})}var u=(d.decorators=[{type:n.NgModule,args:[{declarations:[a],imports:[i.CommonModule,r.RouterModule,o.UcSubsectionModule],exports:[a]}]}],d);function d(){}e.UcviewgenericService=s,e.UcviewgenericComponent=a,e.UcviewgenericModule=u,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ucviewgeneric.umd.min.js.map

package/bundles/ucviewgeneric.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ng://ucviewgeneric/lib/ucviewgeneric.service.ts","ng://ucviewgeneric/lib/ucviewgeneric.component.ts","ng://ucviewgeneric/lib/ucviewgeneric.module.ts"],"names":["UcviewgenericService","Injectable","args","providedIn","UcviewgenericComponent","prototype","ngOnInit","console","log","this","initiateForm","_this","getJSON","viewInput","subscribe","data","viewList","http","post","mainInfoUrl","getList","response","mainInfoObj","error","url","get","genAction","param","arrList","i","length","property","Component","selector","template","ActivatedRoute","HttpClient","Input","route","queryParams","params","UcviewgenericModule","NgModule","declarations","imports","CommonModule","RouterModule","UcSubsectionModule","exports"],"mappings":"6gBAAA,IAAAA,uBAECC,EAAAA,WAAUC,KAAA,CAAC,CACVC,WAAY,uJAIZ,SAAAH,KCPF,IAAAI,GAuBEA,EAAAC,UAAAC,SAAA,WACEC,QAAQC,IAAI,eACZC,KAAKC,gBAGPN,EAAAC,UAAAK,aAAA,WAAA,IAAAC,EAAAF,KACEA,KAAKG,QAAQH,KAAKI,WAAWC,UAAS,SAACC,GACrCR,QAAQC,IAAIO,GACZJ,EAAKK,SAAWD,EAEhBJ,EAAKM,KAAKC,KAAKP,EAAKK,SAASG,YAAaR,EAAKS,SAASN,UAAS,SAC9DO,GACCd,QAAQC,IAAIa,GACZV,EAAKW,YAAcD,EAAuB,cAC3C,SACAE,GACChB,QAAQC,IAAIe,QAKbnB,EAAAC,UAAAO,QAAP,SAAeY,GACb,OAAOf,KAAKQ,KAAKQ,IAAID,IAGvBpB,EAAAC,UAAAqB,UAAA,SAAUC,GAGR,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAIF,EAAMG,OAAQD,IAChCD,EAAQD,EAAME,GAAGE,UAAYtB,KAAKa,YAAYK,EAAME,GAAGE,UAEzD,OAAOH,uBAjDVI,EAAAA,UAAS9B,KAAA,CAAC,CACT+B,SAAU,oBACVC,SAAA,2sEANOC,EAAAA,sBACAC,EAAAA,iDAUNC,EAAAA,SA4CHjC,GAvCE,SAAAA,EAAoBkC,EAA+BrB,GAAnD,IAAAN,EAAAF,KAAoBA,KAAA6B,MAAAA,EAA+B7B,KAAAQ,KAAAA,EAJnDR,KAAAO,SAAgB,GAChBP,KAAAa,YAAmB,GAIjBb,KAAK6B,MAAMC,YAAYzB,UAAS,SAAC0B,GAC/B7B,EAAKS,QAAUoB,ICnBrB,IAAAC,uBAMCC,EAAAA,SAAQxC,KAAA,CAAC,CACRyC,aAAc,CAACvC,GACfwC,QAAS,CACPC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,oBAEFC,QAAS,CAAC5C,OAEuBqC,GATnC,SAAAA","sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UcviewgenericService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Component({\n  selector: 'lib-ucviewgeneric',\n  templateUrl: './ucviewgeneric.component.html',\n  styles: []\n})\nexport class UcviewgenericComponent implements OnInit {\n\n  @Input() viewInput: any;\n  viewList: any = \"\";\n  mainInfoObj: any = \"\";\n  getList: any;\n\n  constructor(private route: ActivatedRoute, private http: HttpClient) { \n    this.route.queryParams.subscribe(params => {\n      this.getList = params;\n    });\n  }\n\n  ngOnInit() {\n    console.log(\"viewgeneric\");\n    this.initiateForm();\n  }\n\n  initiateForm() {\n    this.getJSON(this.viewInput).subscribe(data => {\n      console.log(data);\n      this.viewList = data;\n\n      this.http.post(this.viewList.mainInfoUrl, this.getList).subscribe(\n        (response) => {\n          console.log(response);\n          this.mainInfoObj = response[\"returnObject\"];\n        },\n        (error) => {\n          console.log(error);\n        })\n    })\n  }\n\n  public getJSON(url: string): Observable<any> {\n    return this.http.get(url);\n  }\n  \n  genAction(param) {\n    var arrList = {};\n\n    for (var i = 0; i < param.length; i++) {\n      arrList[param[i].property] = this.mainInfoObj[param[i].property];\n    }\n    return arrList;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { UcviewgenericComponent } from './ucviewgeneric.component';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { UcSubsectionModule } from '@adins/uc-subsection';\n\n@NgModule({\n  declarations: [UcviewgenericComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    UcSubsectionModule\n  ],\n  exports: [UcviewgenericComponent]\n})\nexport class UcviewgenericModule { }\n"]}
+{"version":3,"sources":["ng://ucviewgeneric/lib/ucviewgeneric.service.ts","ng://ucviewgeneric/lib/ucviewgeneric.component.ts","ng://ucviewgeneric/lib/ucviewgeneric.module.ts"],"names":["UcviewgenericService","Injectable","args","providedIn","UcviewgenericComponent","prototype","ngOnInit","console","log","this","initiateForm","_this","getJSON","viewInput","subscribe","data","viewList","viewInfoObjList","j","subsection","length","push","i","http","post","mainInfoUrl","getList","response","error","url","get","genAction","viewObj","param","arrList","property","Component","selector","template","ActivatedRoute","HttpClient","Input","route","queryParams","params","UcviewgenericModule","NgModule","declarations","imports","CommonModule","RouterModule","UcSubsectionModule","exports"],"mappings":"6gBAAA,IAAAA,uBAECC,EAAAA,WAAUC,KAAA,CAAC,CACVC,WAAY,uJAIZ,SAAAH,KCPF,IAAAI,GAuBEA,EAAAC,UAAAC,SAAA,WACEC,QAAQC,IAAI,eACZC,KAAKC,gBAGPN,EAAAC,UAAAK,aAAA,WAAA,IAAAC,EAAAF,KACEA,KAAKG,QAAQH,KAAKI,WAAWC,UAAS,SAACC,GACrCR,QAAQC,IAAIO,GACZJ,EAAKK,SAAWD,EAChBJ,EAAKM,gBAAkB,GAEvB,IAAK,IAAIC,EAAI,EAAGA,EAAIP,EAAKK,SAASG,WAAWC,OAAQF,IACnDP,EAAKM,gBAAgBI,KAAKH,GAG5B,mBAASI,GACPX,EAAKY,KAAKC,KAAKb,EAAKK,SAASG,WAAWG,GAAGG,YAAad,EAAKe,SAASZ,UAAS,SAC5Ea,GACCpB,QAAQC,IAAImB,GACZhB,EAAKM,gBAAgBK,GAAKK,EAAuB,cAClD,SACAC,GACCrB,QAAQC,IAAIoB,MAPTN,EAAI,EAAGA,EAAIX,EAAKK,SAASG,WAAWC,OAAQE,MAA5CA,GAUTf,QAAQC,IAAIG,EAAKM,oBAIdb,EAAAC,UAAAO,QAAP,SAAeiB,GACb,OAAOpB,KAAKc,KAAKO,IAAID,IAGvBzB,EAAAC,UAAA0B,UAAA,SAAUC,EAASC,GAGjB,QAFIC,EAAU,GAELZ,EAAI,EAAGA,EAAIW,EAAMb,OAAQE,IAChCY,EAAQD,EAAMX,GAAGa,UAAYH,EAAQC,EAAMX,GAAGa,UAEhD,OAAOD,uBAzDVE,EAAAA,UAASlC,KAAA,CAAC,CACTmC,SAAU,oBACVC,SAAA,ooEANOC,EAAAA,sBACAC,EAAAA,iDAUNC,EAAAA,SAoDHrC,GA/CE,SAAAA,EAAoBsC,EAA+BnB,GAAnD,IAAAZ,EAAAF,KAAoBA,KAAAiC,MAAAA,EAA+BjC,KAAAc,KAAAA,EAJnDd,KAAAO,SAAgB,GAKdP,KAAKiC,MAAMC,YAAY7B,UAAS,SAAC8B,GAC/BjC,EAAKe,QAAUkB,ICnBrB,IAAAC,uBAMCC,EAAAA,SAAQ5C,KAAA,CAAC,CACR6C,aAAc,CAAC3C,GACf4C,QAAS,CACPC,EAAAA,aACAC,EAAAA,aACAC,EAAAA,oBAEFC,QAAS,CAAChD,OAEuByC,GATnC,SAAAA","sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UcviewgenericService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Component({\n  selector: 'lib-ucviewgeneric',\n  templateUrl: './ucviewgeneric.component.html',\n  styles: []\n})\nexport class UcviewgenericComponent implements OnInit {\n\n  @Input() viewInput: any;\n  viewList: any = \"\";\n  getList: any;\n  viewInfoObjList: any;\n\n  constructor(private route: ActivatedRoute, private http: HttpClient) { \n    this.route.queryParams.subscribe(params => {\n      this.getList = params;\n    });\n  }\n\n  ngOnInit() {\n    console.log(\"viewgeneric\");\n    this.initiateForm();\n  }\n\n  initiateForm() {\n    this.getJSON(this.viewInput).subscribe(data => {\n      console.log(data);\n      this.viewList = data;\n      this.viewInfoObjList = [];\n\n      for (var j = 0; j < this.viewList.subsection.length; j++) {\n        this.viewInfoObjList.push(j);\n      }\n\n      for (let i = 0; i < this.viewList.subsection.length; i++) {\n        this.http.post(this.viewList.subsection[i].mainInfoUrl, this.getList).subscribe(\n          (response) => {\n            console.log(response);\n            this.viewInfoObjList[i] = response[\"returnObject\"];\n          },\n          (error) => {\n            console.log(error);\n          })\n      }\n      console.log(this.viewInfoObjList);\n    })\n  }\n\n  public getJSON(url: string): Observable<any> {\n    return this.http.get(url);\n  }\n  \n  genAction(viewObj, param) {\n    var arrList = {};\n\n    for (var i = 0; i < param.length; i++) {\n      arrList[param[i].property] = viewObj[param[i].property];\n    }\n    return arrList;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { UcviewgenericComponent } from './ucviewgeneric.component';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { UcSubsectionModule } from '@adins/uc-subsection';\n\n@NgModule({\n  declarations: [UcviewgenericComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    UcSubsectionModule\n  ],\n  exports: [UcviewgenericComponent]\n})\nexport class UcviewgenericModule { }\n"]}

package/esm2015/lib/ucviewgeneric.component.js

@@ -14,7 +14,6 @@ export class UcviewgenericComponent {
         this.route = route;
         this.http = http;
         this.viewList = "";
-        this.mainInfoObj = "";
         this.route.queryParams.subscribe((/**
          * @param {?} params
          * @return {?}
@@ -41,20 +40,27 @@ export class UcviewgenericComponent {
         data => {
             console.log(data);
             this.viewList = data;
-            this.http.post(this.viewList.mainInfoUrl, this.getList).subscribe((/**
-             * @param {?} response
-             * @return {?}
-             */
-            (response) => {
-                console.log(response);
-                this.mainInfoObj = response["returnObject"];
-            }), (/**
-             * @param {?} error
-             * @return {?}
-             */
-            (error) => {
-                console.log(error);
-            }));
+            this.viewInfoObjList = [];
+            for (var j = 0; j < this.viewList.subsection.length; j++) {
+                this.viewInfoObjList.push(j);
+            }
+            for (let i = 0; i < this.viewList.subsection.length; i++) {
+                this.http.post(this.viewList.subsection[i].mainInfoUrl, this.getList).subscribe((/**
+                 * @param {?} response
+                 * @return {?}
+                 */
+                (response) => {
+                    console.log(response);
+                    this.viewInfoObjList[i] = response["returnObject"];
+                }), (/**
+                 * @param {?} error
+                 * @return {?}
+                 */
+                (error) => {
+                    console.log(error);
+                }));
+            }
+            console.log(this.viewInfoObjList);
         }));
     }
     /**
@@ -65,14 +71,15 @@ export class UcviewgenericComponent {
         return this.http.get(url);
     }
     /**
+     * @param {?} viewObj
      * @param {?} param
      * @return {?}
      */
-    genAction(param) {
+    genAction(viewObj, param) {
         /** @type {?} */
         var arrList = {};
         for (var i = 0; i < param.length; i++) {
-            arrList[param[i].property] = this.mainInfoObj[param[i].property];
+            arrList[param[i].property] = viewObj[param[i].property];
         }
         return arrList;
     }
@@ -80,7 +87,7 @@ export class UcviewgenericComponent {
 UcviewgenericComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-ucviewgeneric',
-                template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h4 class=\"card-title\" id=\"horz-layout-colored-controls\" translate> {{ viewList.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <div class=\"px-3\">\r\n                <lib-ucSubsection *ngIf=\"viewList != ''\" [id]=\"viewList.subSectionId + 'id'\"\r\n                    [title]=\"viewList.subSectionTitle\" [panel]=\"viewList.subSectionId\">\r\n                </lib-ucSubsection>\r\n                <div class=\"form-body\" [id]='viewList.subSectionId'>\r\n                    <div class=\"form-group row\">\r\n                        <div class=\"col-md-6\" *ngFor=\"let mi of viewList?.mainInfo\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6\">\r\n                                    <label class=\"label-control\" name=\"VendorCode\" translate> {{ mi.label }} </label>\r\n                                </div>\r\n                                <div class=\"col-md-6\">\r\n                                    <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] }} </label>\r\n                                    <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | number}} </label>\r\n                                    <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                                    <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a\r\n                                            [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(mi.param)\">\r\n                                            {{ mainInfoObj[mi.property] }} </a></label>\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</div>"
+                template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n      <div class=\"card-header\">\r\n        <h4 class=\"card-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\" [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 class=\"col-md-6\" *ngFor=\"let mi of ss?.mainInfo\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                      <label class=\"label-control\" translate> {{ mi.label }} </label>\r\n                    </div>\r\n                    <div class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n                    'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n                        <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] }} </label>\r\n                        <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | number}} </label>\r\n                        <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                        <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\"> {{ viewInfoObjList[i][mi.property] }} </a></label>\r\n                        <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\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  </div>"
             }] }
 ];
 /** @nocollapse */
@@ -97,9 +104,9 @@ if (false) {
     /** @type {?} */
     UcviewgenericComponent.prototype.viewList;
     /** @type {?} */
-    UcviewgenericComponent.prototype.mainInfoObj;
-    /** @type {?} */
     UcviewgenericComponent.prototype.getList;
+    /** @type {?} */
+    UcviewgenericComponent.prototype.viewInfoObjList;
     /**
      * @type {?}
      * @private
@@ -111,4 +118,4 @@ if (false) {
      */
     UcviewgenericComponent.prototype.http;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWN2aWV3Z2VuZXJpYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly91Y3ZpZXdnZW5lcmljLyIsInNvdXJjZXMiOlsibGliL3Vjdmlld2dlbmVyaWMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBUWxELE1BQU0sT0FBTyxzQkFBc0I7Ozs7O0lBT2pDLFlBQW9CLEtBQXFCLEVBQVUsSUFBZ0I7UUFBL0MsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFBVSxTQUFJLEdBQUosSUFBSSxDQUFZO1FBSm5FLGFBQVEsR0FBUSxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBUSxFQUFFLENBQUM7UUFJcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUzs7OztRQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3hDLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1FBQ3hCLENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7OztJQUVELFFBQVE7UUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs7O0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVM7Ozs7UUFBQyxJQUFJLENBQUMsRUFBRTtZQUM1QyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBRXJCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTOzs7O1lBQy9ELENBQUMsUUFBUSxFQUFFLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLENBQUM7WUFDOUMsQ0FBQzs7OztZQUNELENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ1IsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNyQixDQUFDLEVBQUMsQ0FBQTtRQUNOLENBQUMsRUFBQyxDQUFBO0lBQ0osQ0FBQzs7Ozs7SUFFTSxPQUFPLENBQUMsR0FBVztRQUN4QixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzVCLENBQUM7Ozs7O0lBRUQsU0FBUyxDQUFDLEtBQUs7O1lBQ1QsT0FBTyxHQUFHLEVBQUU7UUFFaEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDckMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNsRTtRQUNELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7OztZQWxERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IsbXRFQUE2QzthQUU5Qzs7OztZQVJRLGNBQWM7WUFDZCxVQUFVOzs7d0JBVWhCLEtBQUs7Ozs7SUFBTiwyQ0FBd0I7O0lBQ3hCLDBDQUFtQjs7SUFDbkIsNkNBQXNCOztJQUN0Qix5Q0FBYTs7Ozs7SUFFRCx1Q0FBNkI7Ozs7O0lBQUUsc0NBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBIdHRwQ2xpZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdWN2aWV3Z2VuZXJpYycsXG4gIHRlbXBsYXRlVXJsOiAnLi91Y3ZpZXdnZW5lcmljLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBVY3ZpZXdnZW5lcmljQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSB2aWV3SW5wdXQ6IGFueTtcbiAgdmlld0xpc3Q6IGFueSA9IFwiXCI7XG4gIG1haW5JbmZvT2JqOiBhbnkgPSBcIlwiO1xuICBnZXRMaXN0OiBhbnk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZTogQWN0aXZhdGVkUm91dGUsIHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkgeyBcbiAgICB0aGlzLnJvdXRlLnF1ZXJ5UGFyYW1zLnN1YnNjcmliZShwYXJhbXMgPT4ge1xuICAgICAgdGhpcy5nZXRMaXN0ID0gcGFyYW1zO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc29sZS5sb2coXCJ2aWV3Z2VuZXJpY1wiKTtcbiAgICB0aGlzLmluaXRpYXRlRm9ybSgpO1xuICB9XG5cbiAgaW5pdGlhdGVGb3JtKCkge1xuICAgIHRoaXMuZ2V0SlNPTih0aGlzLnZpZXdJbnB1dCkuc3Vic2NyaWJlKGRhdGEgPT4ge1xuICAgICAgY29uc29sZS5sb2coZGF0YSk7XG4gICAgICB0aGlzLnZpZXdMaXN0ID0gZGF0YTtcblxuICAgICAgdGhpcy5odHRwLnBvc3QodGhpcy52aWV3TGlzdC5tYWluSW5mb1VybCwgdGhpcy5nZXRMaXN0KS5zdWJzY3JpYmUoXG4gICAgICAgIChyZXNwb25zZSkgPT4ge1xuICAgICAgICAgIGNvbnNvbGUubG9nKHJlc3BvbnNlKTtcbiAgICAgICAgICB0aGlzLm1haW5JbmZvT2JqID0gcmVzcG9uc2VbXCJyZXR1cm5PYmplY3RcIl07XG4gICAgICAgIH0sXG4gICAgICAgIChlcnJvcikgPT4ge1xuICAgICAgICAgIGNvbnNvbGUubG9nKGVycm9yKTtcbiAgICAgICAgfSlcbiAgICB9KVxuICB9XG5cbiAgcHVibGljIGdldEpTT04odXJsOiBzdHJpbmcpOiBPYnNlcnZhYmxlPGFueT4ge1xuICAgIHJldHVybiB0aGlzLmh0dHAuZ2V0KHVybCk7XG4gIH1cbiAgXG4gIGdlbkFjdGlvbihwYXJhbSkge1xuICAgIHZhciBhcnJMaXN0ID0ge307XG5cbiAgICBmb3IgKHZhciBpID0gMDsgaSA8IHBhcmFtLmxlbmd0aDsgaSsrKSB7XG4gICAgICBhcnJMaXN0W3BhcmFtW2ldLnByb3BlcnR5XSA9IHRoaXMubWFpbkluZm9PYmpbcGFyYW1baV0ucHJvcGVydHldO1xuICAgIH1cbiAgICByZXR1cm4gYXJyTGlzdDtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWN2aWV3Z2VuZXJpYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly91Y3ZpZXdnZW5lcmljLyIsInNvdXJjZXMiOlsibGliL3Vjdmlld2dlbmVyaWMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBUWxELE1BQU0sT0FBTyxzQkFBc0I7Ozs7O0lBT2pDLFlBQW9CLEtBQXFCLEVBQVUsSUFBZ0I7UUFBL0MsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFBVSxTQUFJLEdBQUosSUFBSSxDQUFZO1FBSm5FLGFBQVEsR0FBUSxFQUFFLENBQUM7UUFLakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUzs7OztRQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3hDLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1FBQ3hCLENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7OztJQUVELFFBQVE7UUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs7O0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVM7Ozs7UUFBQyxJQUFJLENBQUMsRUFBRTtZQUM1QyxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO1lBRTFCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQ3hELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzlCO1lBRUQsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDeEQsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTOzs7O2dCQUM3RSxDQUFDLFFBQVEsRUFBRSxFQUFFO29CQUNYLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7b0JBQ3RCLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2dCQUNyRCxDQUFDOzs7O2dCQUNELENBQUMsS0FBSyxFQUFFLEVBQUU7b0JBQ1IsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDckIsQ0FBQyxFQUFDLENBQUE7YUFDTDtZQUNELE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3BDLENBQUMsRUFBQyxDQUFBO0lBQ0osQ0FBQzs7Ozs7SUFFTSxPQUFPLENBQUMsR0FBVztRQUN4QixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzVCLENBQUM7Ozs7OztJQUVELFNBQVMsQ0FBQyxPQUFPLEVBQUUsS0FBSzs7WUFDbEIsT0FBTyxHQUFHLEVBQUU7UUFFaEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDckMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ3pEO1FBQ0QsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQzs7O1lBMURGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3Qixvb0VBQTZDO2FBRTlDOzs7O1lBUlEsY0FBYztZQUNkLFVBQVU7Ozt3QkFVaEIsS0FBSzs7OztJQUFOLDJDQUF3Qjs7SUFDeEIsMENBQW1COztJQUNuQix5Q0FBYTs7SUFDYixpREFBcUI7Ozs7O0lBRVQsdUNBQTZCOzs7OztJQUFFLHNDQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXVjdmlld2dlbmVyaWMnLFxuICB0ZW1wbGF0ZVVybDogJy4vdWN2aWV3Z2VuZXJpYy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW11cbn0pXG5leHBvcnQgY2xhc3MgVWN2aWV3Z2VuZXJpY0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgdmlld0lucHV0OiBhbnk7XG4gIHZpZXdMaXN0OiBhbnkgPSBcIlwiO1xuICBnZXRMaXN0OiBhbnk7XG4gIHZpZXdJbmZvT2JqTGlzdDogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlLCBwcml2YXRlIGh0dHA6IEh0dHBDbGllbnQpIHsgXG4gICAgdGhpcy5yb3V0ZS5xdWVyeVBhcmFtcy5zdWJzY3JpYmUocGFyYW1zID0+IHtcbiAgICAgIHRoaXMuZ2V0TGlzdCA9IHBhcmFtcztcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbnNvbGUubG9nKFwidmlld2dlbmVyaWNcIik7XG4gICAgdGhpcy5pbml0aWF0ZUZvcm0oKTtcbiAgfVxuXG4gIGluaXRpYXRlRm9ybSgpIHtcbiAgICB0aGlzLmdldEpTT04odGhpcy52aWV3SW5wdXQpLnN1YnNjcmliZShkYXRhID0+IHtcbiAgICAgIGNvbnNvbGUubG9nKGRhdGEpO1xuICAgICAgdGhpcy52aWV3TGlzdCA9IGRhdGE7XG4gICAgICB0aGlzLnZpZXdJbmZvT2JqTGlzdCA9IFtdO1xuXG4gICAgICBmb3IgKHZhciBqID0gMDsgaiA8IHRoaXMudmlld0xpc3Quc3Vic2VjdGlvbi5sZW5ndGg7IGorKykge1xuICAgICAgICB0aGlzLnZpZXdJbmZvT2JqTGlzdC5wdXNoKGopO1xuICAgICAgfVxuXG4gICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMudmlld0xpc3Quc3Vic2VjdGlvbi5sZW5ndGg7IGkrKykge1xuICAgICAgICB0aGlzLmh0dHAucG9zdCh0aGlzLnZpZXdMaXN0LnN1YnNlY3Rpb25baV0ubWFpbkluZm9VcmwsIHRoaXMuZ2V0TGlzdCkuc3Vic2NyaWJlKFxuICAgICAgICAgIChyZXNwb25zZSkgPT4ge1xuICAgICAgICAgICAgY29uc29sZS5sb2cocmVzcG9uc2UpO1xuICAgICAgICAgICAgdGhpcy52aWV3SW5mb09iakxpc3RbaV0gPSByZXNwb25zZVtcInJldHVybk9iamVjdFwiXTtcbiAgICAgICAgICB9LFxuICAgICAgICAgIChlcnJvcikgPT4ge1xuICAgICAgICAgICAgY29uc29sZS5sb2coZXJyb3IpO1xuICAgICAgICAgIH0pXG4gICAgICB9XG4gICAgICBjb25zb2xlLmxvZyh0aGlzLnZpZXdJbmZvT2JqTGlzdCk7XG4gICAgfSlcbiAgfVxuXG4gIHB1YmxpYyBnZXRKU09OKHVybDogc3RyaW5nKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICByZXR1cm4gdGhpcy5odHRwLmdldCh1cmwpO1xuICB9XG4gIFxuICBnZW5BY3Rpb24odmlld09iaiwgcGFyYW0pIHtcbiAgICB2YXIgYXJyTGlzdCA9IHt9O1xuXG4gICAgZm9yICh2YXIgaSA9IDA7IGkgPCBwYXJhbS5sZW5ndGg7IGkrKykge1xuICAgICAgYXJyTGlzdFtwYXJhbVtpXS5wcm9wZXJ0eV0gPSB2aWV3T2JqW3BhcmFtW2ldLnByb3BlcnR5XTtcbiAgICB9XG4gICAgcmV0dXJuIGFyckxpc3Q7XG4gIH1cbn1cbiJdfQ==

package/esm5/lib/ucviewgeneric.component.js

@@ -11,7 +11,6 @@ var UcviewgenericComponent = /** @class */ (function () {
         this.route = route;
         this.http = http;
         this.viewList = "";
-        this.mainInfoObj = "";
         this.route.queryParams.subscribe((/**
          * @param {?} params
          * @return {?}
@@ -45,20 +44,30 @@ var UcviewgenericComponent = /** @class */ (function () {
         function (data) {
             console.log(data);
             _this.viewList = data;
-            _this.http.post(_this.viewList.mainInfoUrl, _this.getList).subscribe((/**
-             * @param {?} response
-             * @return {?}
-             */
-            function (response) {
-                console.log(response);
-                _this.mainInfoObj = response["returnObject"];
-            }), (/**
-             * @param {?} error
-             * @return {?}
-             */
-            function (error) {
-                console.log(error);
-            }));
+            _this.viewInfoObjList = [];
+            for (var j = 0; j < _this.viewList.subsection.length; j++) {
+                _this.viewInfoObjList.push(j);
+            }
+            var _loop_1 = function (i) {
+                _this.http.post(_this.viewList.subsection[i].mainInfoUrl, _this.getList).subscribe((/**
+                 * @param {?} response
+                 * @return {?}
+                 */
+                function (response) {
+                    console.log(response);
+                    _this.viewInfoObjList[i] = response["returnObject"];
+                }), (/**
+                 * @param {?} error
+                 * @return {?}
+                 */
+                function (error) {
+                    console.log(error);
+                }));
+            };
+            for (var i = 0; i < _this.viewList.subsection.length; i++) {
+                _loop_1(i);
+            }
+            console.log(_this.viewInfoObjList);
         }));
     };
     /**
@@ -73,25 +82,27 @@ var UcviewgenericComponent = /** @class */ (function () {
         return this.http.get(url);
     };
     /**
+     * @param {?} viewObj
      * @param {?} param
      * @return {?}
      */
     UcviewgenericComponent.prototype.genAction = /**
+     * @param {?} viewObj
      * @param {?} param
      * @return {?}
      */
-    function (param) {
+    function (viewObj, param) {
         /** @type {?} */
         var arrList = {};
         for (var i = 0; i < param.length; i++) {
-            arrList[param[i].property] = this.mainInfoObj[param[i].property];
+            arrList[param[i].property] = viewObj[param[i].property];
         }
         return arrList;
     };
     UcviewgenericComponent.decorators = [
         { type: Component, args: [{
                     selector: 'lib-ucviewgeneric',
-                    template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h4 class=\"card-title\" id=\"horz-layout-colored-controls\" translate> {{ viewList.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <div class=\"px-3\">\r\n                <lib-ucSubsection *ngIf=\"viewList != ''\" [id]=\"viewList.subSectionId + 'id'\"\r\n                    [title]=\"viewList.subSectionTitle\" [panel]=\"viewList.subSectionId\">\r\n                </lib-ucSubsection>\r\n                <div class=\"form-body\" [id]='viewList.subSectionId'>\r\n                    <div class=\"form-group row\">\r\n                        <div class=\"col-md-6\" *ngFor=\"let mi of viewList?.mainInfo\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6\">\r\n                                    <label class=\"label-control\" name=\"VendorCode\" translate> {{ mi.label }} </label>\r\n                                </div>\r\n                                <div class=\"col-md-6\">\r\n                                    <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] }} </label>\r\n                                    <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | number}} </label>\r\n                                    <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                                    <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a\r\n                                            [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(mi.param)\">\r\n                                            {{ mainInfoObj[mi.property] }} </a></label>\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</div>"
+                    template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n      <div class=\"card-header\">\r\n        <h4 class=\"card-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\" [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 class=\"col-md-6\" *ngFor=\"let mi of ss?.mainInfo\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                      <label class=\"label-control\" translate> {{ mi.label }} </label>\r\n                    </div>\r\n                    <div class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n                    'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n                        <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] }} </label>\r\n                        <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | number}} </label>\r\n                        <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                        <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\"> {{ viewInfoObjList[i][mi.property] }} </a></label>\r\n                        <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\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  </div>"
                 }] }
     ];
     /** @nocollapse */
@@ -111,9 +122,9 @@ if (false) {
     /** @type {?} */
     UcviewgenericComponent.prototype.viewList;
     /** @type {?} */
-    UcviewgenericComponent.prototype.mainInfoObj;
-    /** @type {?} */
     UcviewgenericComponent.prototype.getList;
+    /** @type {?} */
+    UcviewgenericComponent.prototype.viewInfoObjList;
     /**
      * @type {?}
      * @private
@@ -125,4 +136,4 @@ if (false) {
      */
     UcviewgenericComponent.prototype.http;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWN2aWV3Z2VuZXJpYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly91Y3ZpZXdnZW5lcmljLyIsInNvdXJjZXMiOlsibGliL3Vjdmlld2dlbmVyaWMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBR2xEO0lBWUUsZ0NBQW9CLEtBQXFCLEVBQVUsSUFBZ0I7UUFBbkUsaUJBSUM7UUFKbUIsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFBVSxTQUFJLEdBQUosSUFBSSxDQUFZO1FBSm5FLGFBQVEsR0FBUSxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBUSxFQUFFLENBQUM7UUFJcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUzs7OztRQUFDLFVBQUEsTUFBTTtZQUNyQyxLQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztRQUN4QixDQUFDLEVBQUMsQ0FBQztJQUNMLENBQUM7Ozs7SUFFRCx5Q0FBUTs7O0lBQVI7UUFDRSxPQUFPLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs7O0lBRUQsNkNBQVk7OztJQUFaO1FBQUEsaUJBY0M7UUFiQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxTQUFTOzs7O1FBQUMsVUFBQSxJQUFJO1lBQ3pDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDbEIsS0FBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFFckIsS0FBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLEVBQUUsS0FBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVM7Ozs7WUFDL0QsVUFBQyxRQUFRO2dCQUNQLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ3RCLEtBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQzlDLENBQUM7Ozs7WUFDRCxVQUFDLEtBQUs7Z0JBQ0osT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNyQixDQUFDLEVBQUMsQ0FBQTtRQUNOLENBQUMsRUFBQyxDQUFBO0lBQ0osQ0FBQzs7Ozs7SUFFTSx3Q0FBTzs7OztJQUFkLFVBQWUsR0FBVztRQUN4QixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzVCLENBQUM7Ozs7O0lBRUQsMENBQVM7Ozs7SUFBVCxVQUFVLEtBQUs7O1lBQ1QsT0FBTyxHQUFHLEVBQUU7UUFFaEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDckMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNsRTtRQUNELE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7O2dCQWxERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsbXRFQUE2QztpQkFFOUM7Ozs7Z0JBUlEsY0FBYztnQkFDZCxVQUFVOzs7NEJBVWhCLEtBQUs7O0lBNENSLDZCQUFDO0NBQUEsQUFuREQsSUFtREM7U0E5Q1ksc0JBQXNCOzs7SUFFakMsMkNBQXdCOztJQUN4QiwwQ0FBbUI7O0lBQ25CLDZDQUFzQjs7SUFDdEIseUNBQWE7Ozs7O0lBRUQsdUNBQTZCOzs7OztJQUFFLHNDQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgSHR0cENsaWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXVjdmlld2dlbmVyaWMnLFxuICB0ZW1wbGF0ZVVybDogJy4vdWN2aWV3Z2VuZXJpYy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW11cbn0pXG5leHBvcnQgY2xhc3MgVWN2aWV3Z2VuZXJpY0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgdmlld0lucHV0OiBhbnk7XG4gIHZpZXdMaXN0OiBhbnkgPSBcIlwiO1xuICBtYWluSW5mb09iajogYW55ID0gXCJcIjtcbiAgZ2V0TGlzdDogYW55O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGU6IEFjdGl2YXRlZFJvdXRlLCBwcml2YXRlIGh0dHA6IEh0dHBDbGllbnQpIHsgXG4gICAgdGhpcy5yb3V0ZS5xdWVyeVBhcmFtcy5zdWJzY3JpYmUocGFyYW1zID0+IHtcbiAgICAgIHRoaXMuZ2V0TGlzdCA9IHBhcmFtcztcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbnNvbGUubG9nKFwidmlld2dlbmVyaWNcIik7XG4gICAgdGhpcy5pbml0aWF0ZUZvcm0oKTtcbiAgfVxuXG4gIGluaXRpYXRlRm9ybSgpIHtcbiAgICB0aGlzLmdldEpTT04odGhpcy52aWV3SW5wdXQpLnN1YnNjcmliZShkYXRhID0+IHtcbiAgICAgIGNvbnNvbGUubG9nKGRhdGEpO1xuICAgICAgdGhpcy52aWV3TGlzdCA9IGRhdGE7XG5cbiAgICAgIHRoaXMuaHR0cC5wb3N0KHRoaXMudmlld0xpc3QubWFpbkluZm9VcmwsIHRoaXMuZ2V0TGlzdCkuc3Vic2NyaWJlKFxuICAgICAgICAocmVzcG9uc2UpID0+IHtcbiAgICAgICAgICBjb25zb2xlLmxvZyhyZXNwb25zZSk7XG4gICAgICAgICAgdGhpcy5tYWluSW5mb09iaiA9IHJlc3BvbnNlW1wicmV0dXJuT2JqZWN0XCJdO1xuICAgICAgICB9LFxuICAgICAgICAoZXJyb3IpID0+IHtcbiAgICAgICAgICBjb25zb2xlLmxvZyhlcnJvcik7XG4gICAgICAgIH0pXG4gICAgfSlcbiAgfVxuXG4gIHB1YmxpYyBnZXRKU09OKHVybDogc3RyaW5nKTogT2JzZXJ2YWJsZTxhbnk+IHtcbiAgICByZXR1cm4gdGhpcy5odHRwLmdldCh1cmwpO1xuICB9XG4gIFxuICBnZW5BY3Rpb24ocGFyYW0pIHtcbiAgICB2YXIgYXJyTGlzdCA9IHt9O1xuXG4gICAgZm9yICh2YXIgaSA9IDA7IGkgPCBwYXJhbS5sZW5ndGg7IGkrKykge1xuICAgICAgYXJyTGlzdFtwYXJhbVtpXS5wcm9wZXJ0eV0gPSB0aGlzLm1haW5JbmZvT2JqW3BhcmFtW2ldLnByb3BlcnR5XTtcbiAgICB9XG4gICAgcmV0dXJuIGFyckxpc3Q7XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWN2aWV3Z2VuZXJpYy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly91Y3ZpZXdnZW5lcmljLyIsInNvdXJjZXMiOlsibGliL3Vjdmlld2dlbmVyaWMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBR2xEO0lBWUUsZ0NBQW9CLEtBQXFCLEVBQVUsSUFBZ0I7UUFBbkUsaUJBSUM7UUFKbUIsVUFBSyxHQUFMLEtBQUssQ0FBZ0I7UUFBVSxTQUFJLEdBQUosSUFBSSxDQUFZO1FBSm5FLGFBQVEsR0FBUSxFQUFFLENBQUM7UUFLakIsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUzs7OztRQUFDLFVBQUEsTUFBTTtZQUNyQyxLQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztRQUN4QixDQUFDLEVBQUMsQ0FBQztJQUNMLENBQUM7Ozs7SUFFRCx5Q0FBUTs7O0lBQVI7UUFDRSxPQUFPLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDOzs7O0lBRUQsNkNBQVk7OztJQUFaO1FBQUEsaUJBc0JDO1FBckJDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLFNBQVM7Ozs7UUFBQyxVQUFBLElBQUk7WUFDekMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNsQixLQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUNyQixLQUFJLENBQUMsZUFBZSxHQUFHLEVBQUUsQ0FBQztZQUUxQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFO2dCQUN4RCxLQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUM5QjtvQ0FFUSxDQUFDO2dCQUNSLEtBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxLQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsU0FBUzs7OztnQkFDN0UsVUFBQyxRQUFRO29CQUNQLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7b0JBQ3RCLEtBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2dCQUNyRCxDQUFDOzs7O2dCQUNELFVBQUMsS0FBSztvQkFDSixPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNyQixDQUFDLEVBQUMsQ0FBQTs7WUFSTixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRTt3QkFBL0MsQ0FBQzthQVNUO1lBQ0QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDcEMsQ0FBQyxFQUFDLENBQUE7SUFDSixDQUFDOzs7OztJQUVNLHdDQUFPOzs7O0lBQWQsVUFBZSxHQUFXO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7Ozs7O0lBRUQsMENBQVM7Ozs7O0lBQVQsVUFBVSxPQUFPLEVBQUUsS0FBSzs7WUFDbEIsT0FBTyxHQUFHLEVBQUU7UUFFaEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDckMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ3pEO1FBQ0QsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQzs7Z0JBMURGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3Qixvb0VBQTZDO2lCQUU5Qzs7OztnQkFSUSxjQUFjO2dCQUNkLFVBQVU7Ozs0QkFVaEIsS0FBSzs7SUFvRFIsNkJBQUM7Q0FBQSxBQTNERCxJQTJEQztTQXREWSxzQkFBc0I7OztJQUVqQywyQ0FBd0I7O0lBQ3hCLDBDQUFtQjs7SUFDbkIseUNBQWE7O0lBQ2IsaURBQXFCOzs7OztJQUVULHVDQUE2Qjs7Ozs7SUFBRSxzQ0FBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEh0dHBDbGllbnQgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi11Y3ZpZXdnZW5lcmljJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Vjdmlld2dlbmVyaWMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtdXG59KVxuZXhwb3J0IGNsYXNzIFVjdmlld2dlbmVyaWNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHZpZXdJbnB1dDogYW55O1xuICB2aWV3TGlzdDogYW55ID0gXCJcIjtcbiAgZ2V0TGlzdDogYW55O1xuICB2aWV3SW5mb09iakxpc3Q6IGFueTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSwgcHJpdmF0ZSBodHRwOiBIdHRwQ2xpZW50KSB7IFxuICAgIHRoaXMucm91dGUucXVlcnlQYXJhbXMuc3Vic2NyaWJlKHBhcmFtcyA9PiB7XG4gICAgICB0aGlzLmdldExpc3QgPSBwYXJhbXM7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zb2xlLmxvZyhcInZpZXdnZW5lcmljXCIpO1xuICAgIHRoaXMuaW5pdGlhdGVGb3JtKCk7XG4gIH1cblxuICBpbml0aWF0ZUZvcm0oKSB7XG4gICAgdGhpcy5nZXRKU09OKHRoaXMudmlld0lucHV0KS5zdWJzY3JpYmUoZGF0YSA9PiB7XG4gICAgICBjb25zb2xlLmxvZyhkYXRhKTtcbiAgICAgIHRoaXMudmlld0xpc3QgPSBkYXRhO1xuICAgICAgdGhpcy52aWV3SW5mb09iakxpc3QgPSBbXTtcblxuICAgICAgZm9yICh2YXIgaiA9IDA7IGogPCB0aGlzLnZpZXdMaXN0LnN1YnNlY3Rpb24ubGVuZ3RoOyBqKyspIHtcbiAgICAgICAgdGhpcy52aWV3SW5mb09iakxpc3QucHVzaChqKTtcbiAgICAgIH1cblxuICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLnZpZXdMaXN0LnN1YnNlY3Rpb24ubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgdGhpcy5odHRwLnBvc3QodGhpcy52aWV3TGlzdC5zdWJzZWN0aW9uW2ldLm1haW5JbmZvVXJsLCB0aGlzLmdldExpc3QpLnN1YnNjcmliZShcbiAgICAgICAgICAocmVzcG9uc2UpID0+IHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlc3BvbnNlKTtcbiAgICAgICAgICAgIHRoaXMudmlld0luZm9PYmpMaXN0W2ldID0gcmVzcG9uc2VbXCJyZXR1cm5PYmplY3RcIl07XG4gICAgICAgICAgfSxcbiAgICAgICAgICAoZXJyb3IpID0+IHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKGVycm9yKTtcbiAgICAgICAgICB9KVxuICAgICAgfVxuICAgICAgY29uc29sZS5sb2codGhpcy52aWV3SW5mb09iakxpc3QpO1xuICAgIH0pXG4gIH1cblxuICBwdWJsaWMgZ2V0SlNPTih1cmw6IHN0cmluZyk6IE9ic2VydmFibGU8YW55PiB7XG4gICAgcmV0dXJuIHRoaXMuaHR0cC5nZXQodXJsKTtcbiAgfVxuICBcbiAgZ2VuQWN0aW9uKHZpZXdPYmosIHBhcmFtKSB7XG4gICAgdmFyIGFyckxpc3QgPSB7fTtcblxuICAgIGZvciAodmFyIGkgPSAwOyBpIDwgcGFyYW0ubGVuZ3RoOyBpKyspIHtcbiAgICAgIGFyckxpc3RbcGFyYW1baV0ucHJvcGVydHldID0gdmlld09ialtwYXJhbVtpXS5wcm9wZXJ0eV07XG4gICAgfVxuICAgIHJldHVybiBhcnJMaXN0O1xuICB9XG59XG4iXX0=

package/fesm2015/ucviewgeneric.js

@@ -33,7 +33,6 @@ class UcviewgenericComponent {
         this.route = route;
         this.http = http;
         this.viewList = "";
-        this.mainInfoObj = "";
         this.route.queryParams.subscribe((/**
          * @param {?} params
          * @return {?}
@@ -60,20 +59,27 @@ class UcviewgenericComponent {
         data => {
             console.log(data);
             this.viewList = data;
-            this.http.post(this.viewList.mainInfoUrl, this.getList).subscribe((/**
-             * @param {?} response
-             * @return {?}
-             */
-            (response) => {
-                console.log(response);
-                this.mainInfoObj = response["returnObject"];
-            }), (/**
-             * @param {?} error
-             * @return {?}
-             */
-            (error) => {
-                console.log(error);
-            }));
+            this.viewInfoObjList = [];
+            for (var j = 0; j < this.viewList.subsection.length; j++) {
+                this.viewInfoObjList.push(j);
+            }
+            for (let i = 0; i < this.viewList.subsection.length; i++) {
+                this.http.post(this.viewList.subsection[i].mainInfoUrl, this.getList).subscribe((/**
+                 * @param {?} response
+                 * @return {?}
+                 */
+                (response) => {
+                    console.log(response);
+                    this.viewInfoObjList[i] = response["returnObject"];
+                }), (/**
+                 * @param {?} error
+                 * @return {?}
+                 */
+                (error) => {
+                    console.log(error);
+                }));
+            }
+            console.log(this.viewInfoObjList);
         }));
     }
     /**
@@ -84,14 +90,15 @@ class UcviewgenericComponent {
         return this.http.get(url);
     }
     /**
+     * @param {?} viewObj
      * @param {?} param
      * @return {?}
      */
-    genAction(param) {
+    genAction(viewObj, param) {
         /** @type {?} */
         var arrList = {};
         for (var i = 0; i < param.length; i++) {
-            arrList[param[i].property] = this.mainInfoObj[param[i].property];
+            arrList[param[i].property] = viewObj[param[i].property];
         }
         return arrList;
     }
@@ -99,7 +106,7 @@ class UcviewgenericComponent {
 UcviewgenericComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-ucviewgeneric',
-                template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h4 class=\"card-title\" id=\"horz-layout-colored-controls\" translate> {{ viewList.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <div class=\"px-3\">\r\n                <lib-ucSubsection *ngIf=\"viewList != ''\" [id]=\"viewList.subSectionId + 'id'\"\r\n                    [title]=\"viewList.subSectionTitle\" [panel]=\"viewList.subSectionId\">\r\n                </lib-ucSubsection>\r\n                <div class=\"form-body\" [id]='viewList.subSectionId'>\r\n                    <div class=\"form-group row\">\r\n                        <div class=\"col-md-6\" *ngFor=\"let mi of viewList?.mainInfo\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6\">\r\n                                    <label class=\"label-control\" name=\"VendorCode\" translate> {{ mi.label }} </label>\r\n                                </div>\r\n                                <div class=\"col-md-6\">\r\n                                    <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] }} </label>\r\n                                    <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | number}} </label>\r\n                                    <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                                    <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a\r\n                                            [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(mi.param)\">\r\n                                            {{ mainInfoObj[mi.property] }} </a></label>\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</div>"
+                template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n      <div class=\"card-header\">\r\n        <h4 class=\"card-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\" [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 class=\"col-md-6\" *ngFor=\"let mi of ss?.mainInfo\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                      <label class=\"label-control\" translate> {{ mi.label }} </label>\r\n                    </div>\r\n                    <div class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n                    'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n                        <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] }} </label>\r\n                        <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | number}} </label>\r\n                        <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                        <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\"> {{ viewInfoObjList[i][mi.property] }} </a></label>\r\n                        <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\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  </div>"
             }] }
 ];
 /** @nocollapse */

package/fesm2015/ucviewgeneric.js.map

@@ -1 +1 @@
-{"version":3,"file":"ucviewgeneric.js.map","sources":["ng://ucviewgeneric/lib/ucviewgeneric.service.ts","ng://ucviewgeneric/lib/ucviewgeneric.component.ts","ng://ucviewgeneric/lib/ucviewgeneric.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UcviewgenericService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Component({\n  selector: 'lib-ucviewgeneric',\n  templateUrl: './ucviewgeneric.component.html',\n  styles: []\n})\nexport class UcviewgenericComponent implements OnInit {\n\n  @Input() viewInput: any;\n  viewList: any = \"\";\n  mainInfoObj: any = \"\";\n  getList: any;\n\n  constructor(private route: ActivatedRoute, private http: HttpClient) { \n    this.route.queryParams.subscribe(params => {\n      this.getList = params;\n    });\n  }\n\n  ngOnInit() {\n    console.log(\"viewgeneric\");\n    this.initiateForm();\n  }\n\n  initiateForm() {\n    this.getJSON(this.viewInput).subscribe(data => {\n      console.log(data);\n      this.viewList = data;\n\n      this.http.post(this.viewList.mainInfoUrl, this.getList).subscribe(\n        (response) => {\n          console.log(response);\n          this.mainInfoObj = response[\"returnObject\"];\n        },\n        (error) => {\n          console.log(error);\n        })\n    })\n  }\n\n  public getJSON(url: string): Observable<any> {\n    return this.http.get(url);\n  }\n  \n  genAction(param) {\n    var arrList = {};\n\n    for (var i = 0; i < param.length; i++) {\n      arrList[param[i].property] = this.mainInfoObj[param[i].property];\n    }\n    return arrList;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { UcviewgenericComponent } from './ucviewgeneric.component';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { UcSubsectionModule } from '@adins/uc-subsection';\n\n@NgModule({\n  declarations: [UcviewgenericComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    UcSubsectionModule\n  ],\n  exports: [UcviewgenericComponent]\n})\nexport class UcviewgenericModule { }\n"],"names":[],"mappings":";;;;;;;;;;AAAA,MAKa,oBAAoB;IAE/B,iBAAiB;;;YALlB,UAAU,SAAC;gBACV,UAAU,EAAE,MAAM;aACnB;;;;;;;;;;ACJD,MAUa,sBAAsB;;;;;IAOjC,YAAoB,KAAqB,EAAU,IAAgB;QAA/C,UAAK,GAAL,KAAK,CAAgB;QAAU,SAAI,GAAJ,IAAI,CAAY;QAJnE,aAAQ,GAAQ,EAAE,CAAC;QACnB,gBAAW,GAAQ,EAAE,CAAC;QAIpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS;;;;QAAC,MAAM;YACrC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB,EAAC,CAAC;KACJ;;;;IAED,QAAQ;QACN,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;;;;QAAC,IAAI;YACzC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YAErB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,SAAS;;;;YAC/D,CAAC,QAAQ;gBACP,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACtB,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;aAC7C;;;;YACD,CAAC,KAAK;gBACJ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;aACpB,EAAC,CAAA;SACL,EAAC,CAAA;KACH;;;;;IAEM,OAAO,CAAC,GAAW;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KAC3B;;;;;IAED,SAAS,CAAC,KAAK;;YACT,OAAO,GAAG,EAAE;QAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SAClE;QACD,OAAO,OAAO,CAAC;KAChB;;;YAlDF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,mtEAA6C;aAE9C;;;;YARQ,cAAc;YACd,UAAU;;;wBAUhB,KAAK;;;;;;;ACZR,MAea,mBAAmB;;;YAT/B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAClC;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ucviewgeneric.js.map","sources":["ng://ucviewgeneric/lib/ucviewgeneric.service.ts","ng://ucviewgeneric/lib/ucviewgeneric.component.ts","ng://ucviewgeneric/lib/ucviewgeneric.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UcviewgenericService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Component({\n  selector: 'lib-ucviewgeneric',\n  templateUrl: './ucviewgeneric.component.html',\n  styles: []\n})\nexport class UcviewgenericComponent implements OnInit {\n\n  @Input() viewInput: any;\n  viewList: any = \"\";\n  getList: any;\n  viewInfoObjList: any;\n\n  constructor(private route: ActivatedRoute, private http: HttpClient) { \n    this.route.queryParams.subscribe(params => {\n      this.getList = params;\n    });\n  }\n\n  ngOnInit() {\n    console.log(\"viewgeneric\");\n    this.initiateForm();\n  }\n\n  initiateForm() {\n    this.getJSON(this.viewInput).subscribe(data => {\n      console.log(data);\n      this.viewList = data;\n      this.viewInfoObjList = [];\n\n      for (var j = 0; j < this.viewList.subsection.length; j++) {\n        this.viewInfoObjList.push(j);\n      }\n\n      for (let i = 0; i < this.viewList.subsection.length; i++) {\n        this.http.post(this.viewList.subsection[i].mainInfoUrl, this.getList).subscribe(\n          (response) => {\n            console.log(response);\n            this.viewInfoObjList[i] = response[\"returnObject\"];\n          },\n          (error) => {\n            console.log(error);\n          })\n      }\n      console.log(this.viewInfoObjList);\n    })\n  }\n\n  public getJSON(url: string): Observable<any> {\n    return this.http.get(url);\n  }\n  \n  genAction(viewObj, param) {\n    var arrList = {};\n\n    for (var i = 0; i < param.length; i++) {\n      arrList[param[i].property] = viewObj[param[i].property];\n    }\n    return arrList;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { UcviewgenericComponent } from './ucviewgeneric.component';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { UcSubsectionModule } from '@adins/uc-subsection';\n\n@NgModule({\n  declarations: [UcviewgenericComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    UcSubsectionModule\n  ],\n  exports: [UcviewgenericComponent]\n})\nexport class UcviewgenericModule { }\n"],"names":[],"mappings":";;;;;;;;;;AAAA,MAKa,oBAAoB;IAE/B,iBAAiB;;;YALlB,UAAU,SAAC;gBACV,UAAU,EAAE,MAAM;aACnB;;;;;;;;;;ACJD,MAUa,sBAAsB;;;;;IAOjC,YAAoB,KAAqB,EAAU,IAAgB;QAA/C,UAAK,GAAL,KAAK,CAAgB;QAAU,SAAI,GAAJ,IAAI,CAAY;QAJnE,aAAQ,GAAQ,EAAE,CAAC;QAKjB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS;;;;QAAC,MAAM;YACrC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB,EAAC,CAAC;KACJ;;;;IAED,QAAQ;QACN,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;IAED,YAAY;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;;;;QAAC,IAAI;YACzC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;YAE1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aAC9B;YAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,SAAS;;;;gBAC7E,CAAC,QAAQ;oBACP,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBACtB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;iBACpD;;;;gBACD,CAAC,KAAK;oBACJ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;iBACpB,EAAC,CAAA;aACL;YACD,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SACnC,EAAC,CAAA;KACH;;;;;IAEM,OAAO,CAAC,GAAW;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KAC3B;;;;;;IAED,SAAS,CAAC,OAAO,EAAE,KAAK;;YAClB,OAAO,GAAG,EAAE;QAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SACzD;QACD,OAAO,OAAO,CAAC;KAChB;;;YA1DF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,ooEAA6C;aAE9C;;;;YARQ,cAAc;YACd,UAAU;;;wBAUhB,KAAK;;;;;;;ACZR,MAea,mBAAmB;;;YAT/B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAClC;;;;;;;;;;;;;;;"}

package/fesm5/ucviewgeneric.js

@@ -32,7 +32,6 @@ var UcviewgenericComponent = /** @class */ (function () {
         this.route = route;
         this.http = http;
         this.viewList = "";
-        this.mainInfoObj = "";
         this.route.queryParams.subscribe((/**
          * @param {?} params
          * @return {?}
@@ -66,20 +65,30 @@ var UcviewgenericComponent = /** @class */ (function () {
         function (data) {
             console.log(data);
             _this.viewList = data;
-            _this.http.post(_this.viewList.mainInfoUrl, _this.getList).subscribe((/**
-             * @param {?} response
-             * @return {?}
-             */
-            function (response) {
-                console.log(response);
-                _this.mainInfoObj = response["returnObject"];
-            }), (/**
-             * @param {?} error
-             * @return {?}
-             */
-            function (error) {
-                console.log(error);
-            }));
+            _this.viewInfoObjList = [];
+            for (var j = 0; j < _this.viewList.subsection.length; j++) {
+                _this.viewInfoObjList.push(j);
+            }
+            var _loop_1 = function (i) {
+                _this.http.post(_this.viewList.subsection[i].mainInfoUrl, _this.getList).subscribe((/**
+                 * @param {?} response
+                 * @return {?}
+                 */
+                function (response) {
+                    console.log(response);
+                    _this.viewInfoObjList[i] = response["returnObject"];
+                }), (/**
+                 * @param {?} error
+                 * @return {?}
+                 */
+                function (error) {
+                    console.log(error);
+                }));
+            };
+            for (var i = 0; i < _this.viewList.subsection.length; i++) {
+                _loop_1(i);
+            }
+            console.log(_this.viewInfoObjList);
         }));
     };
     /**
@@ -94,25 +103,27 @@ var UcviewgenericComponent = /** @class */ (function () {
         return this.http.get(url);
     };
     /**
+     * @param {?} viewObj
      * @param {?} param
      * @return {?}
      */
     UcviewgenericComponent.prototype.genAction = /**
+     * @param {?} viewObj
      * @param {?} param
      * @return {?}
      */
-    function (param) {
+    function (viewObj, param) {
         /** @type {?} */
         var arrList = {};
         for (var i = 0; i < param.length; i++) {
-            arrList[param[i].property] = this.mainInfoObj[param[i].property];
+            arrList[param[i].property] = viewObj[param[i].property];
         }
         return arrList;
     };
     UcviewgenericComponent.decorators = [
         { type: Component, args: [{
                     selector: 'lib-ucviewgeneric',
-                    template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h4 class=\"card-title\" id=\"horz-layout-colored-controls\" translate> {{ viewList.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <div class=\"px-3\">\r\n                <lib-ucSubsection *ngIf=\"viewList != ''\" [id]=\"viewList.subSectionId + 'id'\"\r\n                    [title]=\"viewList.subSectionTitle\" [panel]=\"viewList.subSectionId\">\r\n                </lib-ucSubsection>\r\n                <div class=\"form-body\" [id]='viewList.subSectionId'>\r\n                    <div class=\"form-group row\">\r\n                        <div class=\"col-md-6\" *ngFor=\"let mi of viewList?.mainInfo\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6\">\r\n                                    <label class=\"label-control\" name=\"VendorCode\" translate> {{ mi.label }} </label>\r\n                                </div>\r\n                                <div class=\"col-md-6\">\r\n                                    <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] }} </label>\r\n                                    <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | number}} </label>\r\n                                    <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                                    <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a\r\n                                            [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(mi.param)\">\r\n                                            {{ mainInfoObj[mi.property] }} </a></label>\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</div>"
+                    template: "<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n      <div class=\"card-header\">\r\n        <h4 class=\"card-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\" [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 class=\"col-md-6\" *ngFor=\"let mi of ss?.mainInfo\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                      <label class=\"label-control\" translate> {{ mi.label }} </label>\r\n                    </div>\r\n                    <div class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n                    'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n                        <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] }} </label>\r\n                        <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | number}} </label>\r\n                        <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                        <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\"> {{ viewInfoObjList[i][mi.property] }} </a></label>\r\n                        <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\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  </div>"
                 }] }
     ];
     /** @nocollapse */

package/fesm5/ucviewgeneric.js.map

@@ -1 +1 @@
-{"version":3,"file":"ucviewgeneric.js.map","sources":["ng://ucviewgeneric/lib/ucviewgeneric.service.ts","ng://ucviewgeneric/lib/ucviewgeneric.component.ts","ng://ucviewgeneric/lib/ucviewgeneric.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UcviewgenericService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Component({\n  selector: 'lib-ucviewgeneric',\n  templateUrl: './ucviewgeneric.component.html',\n  styles: []\n})\nexport class UcviewgenericComponent implements OnInit {\n\n  @Input() viewInput: any;\n  viewList: any = \"\";\n  mainInfoObj: any = \"\";\n  getList: any;\n\n  constructor(private route: ActivatedRoute, private http: HttpClient) { \n    this.route.queryParams.subscribe(params => {\n      this.getList = params;\n    });\n  }\n\n  ngOnInit() {\n    console.log(\"viewgeneric\");\n    this.initiateForm();\n  }\n\n  initiateForm() {\n    this.getJSON(this.viewInput).subscribe(data => {\n      console.log(data);\n      this.viewList = data;\n\n      this.http.post(this.viewList.mainInfoUrl, this.getList).subscribe(\n        (response) => {\n          console.log(response);\n          this.mainInfoObj = response[\"returnObject\"];\n        },\n        (error) => {\n          console.log(error);\n        })\n    })\n  }\n\n  public getJSON(url: string): Observable<any> {\n    return this.http.get(url);\n  }\n  \n  genAction(param) {\n    var arrList = {};\n\n    for (var i = 0; i < param.length; i++) {\n      arrList[param[i].property] = this.mainInfoObj[param[i].property];\n    }\n    return arrList;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { UcviewgenericComponent } from './ucviewgeneric.component';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { UcSubsectionModule } from '@adins/uc-subsection';\n\n@NgModule({\n  declarations: [UcviewgenericComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    UcSubsectionModule\n  ],\n  exports: [UcviewgenericComponent]\n})\nexport class UcviewgenericModule { }\n"],"names":[],"mappings":";;;;;;;;;;AAAA;IAOE;KAAiB;;gBALlB,UAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;;;+BAJD;CAEA;;;;;;ACFA;IAiBE,gCAAoB,KAAqB,EAAU,IAAgB;QAAnE,iBAIC;QAJmB,UAAK,GAAL,KAAK,CAAgB;QAAU,SAAI,GAAJ,IAAI,CAAY;QAJnE,aAAQ,GAAQ,EAAE,CAAC;QACnB,gBAAW,GAAQ,EAAE,CAAC;QAIpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS;;;;QAAC,UAAA,MAAM;YACrC,KAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB,EAAC,CAAC;KACJ;;;;IAED,yCAAQ;;;IAAR;QACE,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;IAED,6CAAY;;;IAAZ;QAAA,iBAcC;QAbC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;;;;QAAC,UAAA,IAAI;YACzC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClB,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YAErB,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAI,CAAC,OAAO,CAAC,CAAC,SAAS;;;;YAC/D,UAAC,QAAQ;gBACP,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACtB,KAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;aAC7C;;;;YACD,UAAC,KAAK;gBACJ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;aACpB,EAAC,CAAA;SACL,EAAC,CAAA;KACH;;;;;IAEM,wCAAO;;;;IAAd,UAAe,GAAW;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KAC3B;;;;;IAED,0CAAS;;;;IAAT,UAAU,KAAK;;YACT,OAAO,GAAG,EAAE;QAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SAClE;QACD,OAAO,OAAO,CAAC;KAChB;;gBAlDF,SAAS,SAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,mtEAA6C;iBAE9C;;;;gBARQ,cAAc;gBACd,UAAU;;;4BAUhB,KAAK;;IA4CR,6BAAC;CAnDD;;;;;;ACLA;IAMA;KASoC;;gBATnC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,kBAAkB;qBACnB;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC;;IACkC,0BAAC;CATpC;;;;;;;;;;;;;;"}
+{"version":3,"file":"ucviewgeneric.js.map","sources":["ng://ucviewgeneric/lib/ucviewgeneric.service.ts","ng://ucviewgeneric/lib/ucviewgeneric.component.ts","ng://ucviewgeneric/lib/ucviewgeneric.module.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UcviewgenericService {\n\n  constructor() { }\n}\n","import { Component, OnInit, Input } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpClient } from '@angular/common/http';\nimport { Observable } from 'rxjs';\n\n@Component({\n  selector: 'lib-ucviewgeneric',\n  templateUrl: './ucviewgeneric.component.html',\n  styles: []\n})\nexport class UcviewgenericComponent implements OnInit {\n\n  @Input() viewInput: any;\n  viewList: any = \"\";\n  getList: any;\n  viewInfoObjList: any;\n\n  constructor(private route: ActivatedRoute, private http: HttpClient) { \n    this.route.queryParams.subscribe(params => {\n      this.getList = params;\n    });\n  }\n\n  ngOnInit() {\n    console.log(\"viewgeneric\");\n    this.initiateForm();\n  }\n\n  initiateForm() {\n    this.getJSON(this.viewInput).subscribe(data => {\n      console.log(data);\n      this.viewList = data;\n      this.viewInfoObjList = [];\n\n      for (var j = 0; j < this.viewList.subsection.length; j++) {\n        this.viewInfoObjList.push(j);\n      }\n\n      for (let i = 0; i < this.viewList.subsection.length; i++) {\n        this.http.post(this.viewList.subsection[i].mainInfoUrl, this.getList).subscribe(\n          (response) => {\n            console.log(response);\n            this.viewInfoObjList[i] = response[\"returnObject\"];\n          },\n          (error) => {\n            console.log(error);\n          })\n      }\n      console.log(this.viewInfoObjList);\n    })\n  }\n\n  public getJSON(url: string): Observable<any> {\n    return this.http.get(url);\n  }\n  \n  genAction(viewObj, param) {\n    var arrList = {};\n\n    for (var i = 0; i < param.length; i++) {\n      arrList[param[i].property] = viewObj[param[i].property];\n    }\n    return arrList;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { UcviewgenericComponent } from './ucviewgeneric.component';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { UcSubsectionModule } from '@adins/uc-subsection';\n\n@NgModule({\n  declarations: [UcviewgenericComponent],\n  imports: [\n    CommonModule,\n    RouterModule,\n    UcSubsectionModule\n  ],\n  exports: [UcviewgenericComponent]\n})\nexport class UcviewgenericModule { }\n"],"names":[],"mappings":";;;;;;;;;;AAAA;IAOE;KAAiB;;gBALlB,UAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;;;+BAJD;CAEA;;;;;;ACFA;IAiBE,gCAAoB,KAAqB,EAAU,IAAgB;QAAnE,iBAIC;QAJmB,UAAK,GAAL,KAAK,CAAgB;QAAU,SAAI,GAAJ,IAAI,CAAY;QAJnE,aAAQ,GAAQ,EAAE,CAAC;QAKjB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS;;;;QAAC,UAAA,MAAM;YACrC,KAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB,EAAC,CAAC;KACJ;;;;IAED,yCAAQ;;;IAAR;QACE,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;;;;IAED,6CAAY;;;IAAZ;QAAA,iBAsBC;QArBC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;;;;QAAC,UAAA,IAAI;YACzC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAClB,KAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,KAAI,CAAC,eAAe,GAAG,EAAE,CAAC;YAE1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACxD,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aAC9B;oCAEQ,CAAC;gBACR,KAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,KAAI,CAAC,OAAO,CAAC,CAAC,SAAS;;;;gBAC7E,UAAC,QAAQ;oBACP,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;oBACtB,KAAI,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;iBACpD;;;;gBACD,UAAC,KAAK;oBACJ,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;iBACpB,EAAC,CAAA;;YARN,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE;wBAA/C,CAAC;aAST;YACD,OAAO,CAAC,GAAG,CAAC,KAAI,CAAC,eAAe,CAAC,CAAC;SACnC,EAAC,CAAA;KACH;;;;;IAEM,wCAAO;;;;IAAd,UAAe,GAAW;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;KAC3B;;;;;;IAED,0CAAS;;;;;IAAT,UAAU,OAAO,EAAE,KAAK;;YAClB,OAAO,GAAG,EAAE;QAEhB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;SACzD;QACD,OAAO,OAAO,CAAC;KAChB;;gBA1DF,SAAS,SAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,ooEAA6C;iBAE9C;;;;gBARQ,cAAc;gBACd,UAAU;;;4BAUhB,KAAK;;IAoDR,6BAAC;CA3DD;;;;;;ACLA;IAMA;KASoC;;gBATnC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,kBAAkB;qBACnB;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC;;IACkC,0BAAC;CATpC;;;;;;;;;;;;;;"}

package/lib/ucviewgeneric.component.d.ts

@@ -7,11 +7,11 @@ export declare class UcviewgenericComponent implements OnInit {
     private http;
     viewInput: any;
     viewList: any;
-    mainInfoObj: any;
     getList: any;
+    viewInfoObjList: any;
     constructor(route: ActivatedRoute, http: HttpClient);
     ngOnInit(): void;
     initiateForm(): void;
     getJSON(url: string): Observable<any>;
-    genAction(param: any): {};
+    genAction(viewObj: any, param: any): {};
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adins/ucviewgeneric",
-  "version": "1.0.3",
+  "version": "2.0.1",
   "peerDependencies": {
     "@angular/common": "^7.2.0",
     "@angular/core": "^7.2.0"

package/ucviewgeneric.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"UcviewgenericService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"UcviewgenericComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-ucviewgeneric","styles":[],"template":"<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n        <div class=\"card-header\">\r\n            <h4 class=\"card-title\" id=\"horz-layout-colored-controls\" translate> {{ viewList.title }} </h4>\r\n        </div>\r\n        <div class=\"card-body\">\r\n            <div class=\"px-3\">\r\n                <lib-ucSubsection *ngIf=\"viewList != ''\" [id]=\"viewList.subSectionId + 'id'\"\r\n                    [title]=\"viewList.subSectionTitle\" [panel]=\"viewList.subSectionId\">\r\n                </lib-ucSubsection>\r\n                <div class=\"form-body\" [id]='viewList.subSectionId'>\r\n                    <div class=\"form-group row\">\r\n                        <div class=\"col-md-6\" *ngFor=\"let mi of viewList?.mainInfo\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-6\">\r\n                                    <label class=\"label-control\" name=\"VendorCode\" translate> {{ mi.label }} </label>\r\n                                </div>\r\n                                <div class=\"col-md-6\">\r\n                                    <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] }} </label>\r\n                                    <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | number}} </label>\r\n                                    <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate>\r\n                                        {{ mainInfoObj[mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                                    <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a\r\n                                            [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(mi.param)\">\r\n                                            {{ mainInfoObj[mi.property] }} </a></label>\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</div>"}]}],"members":{"viewInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":17,"character":29},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":17,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"initiateForm":[{"__symbolic":"method"}],"getJSON":[{"__symbolic":"method"}],"genAction":[{"__symbolic":"method"}]}},"UcviewgenericModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UcviewgenericComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":4},{"__symbolic":"reference","module":"@adins/uc-subsection","name":"UcSubsectionModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"UcviewgenericComponent"}]}]}],"members":{}}},"origins":{"UcviewgenericService":"./lib/ucviewgeneric.service","UcviewgenericComponent":"./lib/ucviewgeneric.component","UcviewgenericModule":"./lib/ucviewgeneric.module"},"importAs":"ucviewgeneric"}
+{"__symbolic":"module","version":4,"metadata":{"UcviewgenericService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"UcviewgenericComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"lib-ucviewgeneric","styles":[],"template":"<div class=\"col-md-12\">\r\n    <div class=\"card\">\r\n      <div class=\"card-header\">\r\n        <h4 class=\"card-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\" [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 class=\"col-md-6\" *ngFor=\"let mi of ss?.mainInfo\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                      <label class=\"label-control\" translate> {{ mi.label }} </label>\r\n                    </div>\r\n                    <div class=\"col-md-6\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n                    'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n                        <label *ngIf=\"mi.type == 'text'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] }} </label>\r\n                        <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | number}} </label>\r\n                        <label *ngIf=\"mi.type == 'date'\" class=\"label-control\" translate> {{ viewInfoObjList[i][mi.property] | date: 'dd-MMM-yyyy'}} </label>\r\n                        <label *ngIf=\"mi.type == 'link'\" class=\"label-control\" translate><a [routerLink]=\"[mi.path]\" [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\"> {{ viewInfoObjList[i][mi.property] }} </a></label>\r\n                        <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\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  </div>"}]}],"members":{"viewInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":17,"character":29},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":17,"character":59}]}],"ngOnInit":[{"__symbolic":"method"}],"initiateForm":[{"__symbolic":"method"}],"getJSON":[{"__symbolic":"method"}],"genAction":[{"__symbolic":"method"}]}},"UcviewgenericModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"UcviewgenericComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":4},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":10,"character":4},{"__symbolic":"reference","module":"@adins/uc-subsection","name":"UcSubsectionModule","line":11,"character":4}],"exports":[{"__symbolic":"reference","name":"UcviewgenericComponent"}]}]}],"members":{}}},"origins":{"UcviewgenericService":"./lib/ucviewgeneric.service","UcviewgenericComponent":"./lib/ucviewgeneric.component","UcviewgenericModule":"./lib/ucviewgeneric.module"},"importAs":"ucviewgeneric"}