@adins/ucviewgeneric 3.4.18-canary.0 → 4.0.0-research.1

package/README.md

@@ -1,493 +1,493 @@
-# Ucviewgeneric
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.0.
-
-## Version
-notes: new ui under canary.x tags
-
-Version 3.4.18
-1. handle masking date pipe with ucdatepipe
-
-Version 3.4.17
-1. add truncate text for type link
-
-Version 3.4.16
-1. support show item conditionally using data from the view itself
-
-Version 3.4.15
-1. support show item conditionally using `conditions`
-
-Version 3.4.14
-1. fix parameter when calling getQueryParams (ngx-router)
-
-Version 3.4.13
-1. on/off safe url with useSafeUrl property
-
-Version 3.4.11
-1. fix link style on type switch callback
-
-Version 3.4.10
-1. fix text cannot be highlighted for copy
-
-Version 3.4.9
-1. fix link style on type switch
-
-Version 3.4.8
-1. add isSubsection option for table inside view
-2. add usePagination option for table inside view
-
-Version 3.4.7
-1. Add notify update / refresh view handler
-
-Version 3.4.6
-1. new update uc-subsection module
-
-Version 3.4.5
-1. change ui font
-
-Version 3.4.4
-1. add EXPERIMENTAL flag for BaseView API
-
-Version 3.4.3
-1. add option if fullpath empty, will generate from config environment and path
-
-Version 3.4.2
-1. fix padding
-
-Version 3.4.1
-1. fix margin for type boolean
-
-Version 3.4.0
-1. fix margin padding for type switch
-2. Fix columns
-3. add classpadding 0 
-4. fix html tag
-5. support hardcode value
-6. separate old ui in legacy
-
-Version 3.3.3
-1. Fix Table indent
-
-Version 3.3.2
-1. Change gridview component to table component
-
-Version 3.3.1
-1. Add support type blank
-
-Version 3.3.0
-1. Add support data dictionary
-
-Version 3.2.2
-1. bug fix initialize gridViews input
-2. bug fix grid view move into one group section with ucview
-
-Version 3.2.1
-1. bug fix initialize gridview
-
-Version 3.2.0
-1. support grid table below view
-
-Version 3.1.3
-1. fix get data by API
-
-Version 3.1.1
-1. remove useCustomRes option setting
-
-Version 3.1.0
-1. add reqObj option setting
-2. add enviroment setting for get data by listEnvironment
-3. add useCustomRes option setting
-4. add resObjName option setting
-
-Version 3.0.2
-1. fix dataInput undefined
-
-Version 3.0.1
-1. fix dataInput
-
-Version 3.0.0
-1. fix versioning
-2. support dataInput
-
-Version 2.4.0 
-1. Update Angular 13 + IsCard
-
-Version 2.3.2
-1. type date dateFormat
-
-Version 2.3.1
-1. type callback-isText
-
-Version 2.2.1
-1. update folder/file name to lower-case
-
-Version 2.2.0
-1. Add logic hide (label and value) for switch case
-
-Version 2.1.0
-1. Add logic hide (label and value) for switch case
-
-Version 2.0.81
-1. Add logic concat for switch case.
-
-Version 2.0.77
-1. Bug fixing.
-
-Version 2.0.76
-1. tambah precision di type decimal.
-
-Version 2.0.75
-1. localStorage => Cookie
-2. switchCase restriction IN And NIN (Not In)
-
-Version 2.0.74
-1. Add word-break
-
-Version 2.0.72
-1. read localstorage lang
-
-Version 2.0.70
-1. translate module
-
-Version 2.0.69
-1. tambah view link isCurrency
-
-Version 2.0.68
-1. concat tidak muncul karena emptyLabel bug
-
-Version 2.0.66
-1. fix viewgeneric bug boolean != '' => false
-
-Version 2.0.65
-1. fix viewgeneric undefined
-
-Version 2.0.64
-1. tambah property customClassLabel
-1. tambah property customClassProperty
-
-Version 2.0.63
-1. Menambahkan Navigation Constant untuk link
-
-Version 2.0.61
-1. tambah property customclass
-
-Version 2.0.60
-1. tambah type switchcase
-
-Version 2.0.39
-1. tambah delimiter untuk currency
-
-Version 2.0.36
-1. kurang penjagaan null dan string kosong
-
-Version 2.0.35
-1. bug label isHide
-
-Version 2.0.33
-1. bug label div
-
-Version 2.0.32
-1. fix position
-
-Version 2.0.31
-1. tambah property isHide
-2. fix jika empty jadi " - "
-
-Version 2.0.27
-1. Fix css title
-
-Version 2.0.27
-1. Ubah input object
-2. tambah link envi
-
-Version 2.0.22
-1. tambah input ddlEnvironments
-
-Version 2.0.21
-1. tambah input ddlEnvironments
-
-Version 2.0.20
-1. fix logic type concat
-
-Version 2.0.15
-1. tambah type concat
-
-Version 2.0.14
-1. ubah Input jdi string
-
-Version 2.0.13
-1. Tambah Input ddlEnvironments
-
-Version 2.0.12
-1. fix data kosong
-
-Version 2.0.11
-1. fix data kosong
-
-Version 2.0.10
-1. fix boolean false agar tidak tampil '-'
-2. string kosong akan menampilkan '-'
-
-Version 2.0.9
-1. fix jika data kosong
-
-Version 2.0.8
-1. where value from input
-
-Version 2.0.5
-1. if no title fix
-
-Version 2.0.4
-1. add type boolean
-
-Version 2.0.3
-1. get returnObject querystring TOP 1
-
-Version 2.0.2
-1. get data from queryString
-
-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
-
-Version 1.0.2
-1. fix subsection not working
-
-Version 1.0.1
-1. Added ReadMe
-
-## Dependency Module
-import this module : 
-- RouterModule
-- UcSubsectionModule ` npm i @adins/uc-subsection `
-
-## Selector
-lib-ucviewgeneric
-
-## Input
-1. viewGenericObj : UcViewGenericObj (object) *mandatory
-
-## Output
-1. callback : return view object
-
-## Object property & JSON property
-viewGenericObj :
-- viewInput         : view.json 
-- viewEnvironment   : environment path (foundation, setting, vendor)
-- navigationConst   : navigation constant
-- listEnvironments  : list EnvisObj (object)
-- whereValue        : []
-- IsCard            : Is use class card
-- dataInput     : alternative data supply; use ESModule import to load json data, then pass the value into here. will override http.get
-
-
-## Callback
-- Callback return object: 
-    {
-      ViewObj: item, // return view object
-      Key: key  // Key name
-    }
-
-## JSON property
-view.json : 
-``` javascript
-{
-    "title": "title", // title view paging
-    "subsection": [ // subsection list
-        {
-            "subSectionId": "id", // uniqueId
-            "subSectionTitle": "Main Information", // sub-section title
-            "mainInfoUrl": "", // full path API get data
-            "mainInfoPath": "", // only path API get data
-            "environment": "", // refer to listEnvironment
-            "reqObj": {}, // request object for hit API, default take from queryParamfalse will take from response[resObjName]
-            "resObjName": "", // response object name to get data
-            "mainInfo": [ // view information list
-                {
-                    "type": "blank"
-                },
-                {
-                    "type": "link", // text with link button
-                    "label": "View Name", // label information name
-                    "customClassLabel": "font-weight-bold", // *optional, additional class to change css in label
-                    "customClassProperty": "font-weight-bold", // *optional, additional class to change css in property
-                    "property": "viewName", // property to view
-                    "position": "left", // label position (left, center, right | default left) *optional
-                    "path": "/test/paging", // router path
-                    "target" : "_self", // *optional _blank: Opens the linked document in a new window or tab
-                    "param": [ // passing optional parameters 
-                        {
-                            "type" : "vendorId", // key parameter
-                            "property": "vendorId", // property to pass
-                        }
-                    ],
-                    "name": "name" // set name for ddlEnvironments *optional,
-                    "isHide": true // jika value kosong, label dihide juga
-                    "isCurrency": true // if true, currency separator formatter
-                },
-                {
-                    "type": "text", // text only
-                    "label": "View Code",
-                    "property": "viewCode"
-                },
-                {
-                    "type": "currency", // currency separator formatter
-                    "label": "View Code",
-                    "property": "viewCode",
-                    "precision" : "0.2" //Precision (0.2, 0.4, 0.6, ... | default 0.2) *optional
-                    "IsPrcnt": false, // if true, ' %'
-                },
-                {
-                    "type": "date", // date formatter
-                    "label": "View Code",
-                    "property": "viewCode",
-                    "dateFormat": "dd-MMM-yyyy" //Default format dd-MMM-yyyy *optional
-                },
-                {
-                    "type": "textarea", // textarea input type, read only
-                    "label": "View Code",
-                    "property": "viewCode"
-                },
-                {
-                    "type": "boolean", // boolean 0|1 (no|yes)
-                    "label": "View Code",
-                    "property": "viewCode"
-                },
-                {
-                    "type" : "callback", // return selected row object
-                    "label": "View Code",
-                    "property" : "bodyId",
-                    "key" : "download/upload/trigger" // Key name for specific action
-                },
-                {
-                "type": "concat",
-                "label": "View Code",
-                "propertyList": [
-                        {
-                        "property": "viewCode",
-                        "prefix": "",
-                        "suffix": " + "
-                        },
-                        {
-                        "property": "viewCode",
-                        "prefix": "RT: ",
-                        "suffix": ""
-                        }
-                    ]
-                },
-                {
-                    "type" : "switch", // switch case condition
-                    "case" : [ // list of case
-                        {
-                            "conditions" : [ // list of conditions
-                                {
-                                    "isUser": true,
-                                    "property" : "isActive", // property for condition checking
-                                    "value" : "0", // value to check (IN or NIN list/[])
-                                    "restriction" : "EQ" // condition restrictions (EQ, NEQ, GT, GTE, LT, LTE, IN, NIN | default EQ) *optional
-                                },
-                                {
-                                    "property" : "type",
-                                    "value" : "EXE",
-                                    "restriction" : "EQ"
-                                }
-                            ],
-                            "result" : { // result of this case
-                                "type": "url", // redirect path action
-                                "label": "View Code",
-                                "path" : "/test/paging",
-                                "icon" : "ft-edit-2", // set class icon from feather icon
-                                "param" : [
-                                    {
-                                        "type" : "refBodyId",
-                                        "property" : "refBodyId"
-                                    }
-                                ],
-                                "hideIfEmpty" : true // if one property yield empty value, label will also hide *optional, boolean
-                            },
-                            "result" : { // result of this case
-                                "type": "callback", // return selected row object"label": "View Code",
-                                "label": "View Code",
-                                "icon" : "ft-edit-2"
-                            },
-                            "result" : { // result of this case
-                                "type": "text", // type like bodyList : text,decimal,date,link,boolean 
-                                "label": "View Code",
-                                "property" : "bodyId"
-                            },
-                            "result" : {
-                                "type": "concat",
-                                "label": "View Code",
-                                "propertyList": [
-                                        {
-                                        "property": "viewCode",
-                                        "prefix": "",
-                                        "suffix": " + "
-                                        },
-                                        {
-                                        "property": "viewCode",
-                                        "prefix": "RT: ",
-                                        "suffix": ""
-                                        }
-                                    ]
-                            },
-                            "isHide" : true // hide icon if condition true, MUST *boolean
-                        }
-                    ]
-                }
-            ],
-            "gridViews": [
-                {
-                    "getData": {
-                        "environment": "", // refer to listEnvironment
-                        "apiPath": "", // only path API get data
-                        "customObjName": "ReturnObject", // / CustomObjName variable *Default: "ReturnObject"
-                        "reqObj": [
-                            {
-                                "propName": "", // Property name for request payload
-                                "propValue": "" // Property value for request payload
-                            }
-                        ]
-                    },
-                    "tableInput": { // same as ucgridview setting
-                        "isSeq": false, // show numbering on the left side of table
-                        "headerList": {}, // same as ucgridview setting
-                        "bodyList": {} // same as ucgridview setting
-                    }
-                }
-            ]
-        }
-    ],
-      "querystring": {
-        "select": "", // ex: "SELECT OFFICE_NAME AS OfficeName,IS_ACTIVE AS IsActive" *must use alias 
-        "from": "", // ex: "FROM REF_OFFICE WITH(NOLOCK)" 
-        "where": "" // ex: "WHERE REF_OFFICE_ID = {0} OR OFFICE_CODE = N'{1}'" *where condition sequence, with value from queryParam sequence 
-      }
-}
-```
-
-## Code scaffolding
-
-Run `ng generate component component-name --project ucviewgeneric` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ucviewgeneric`.
-> Note: Don't forget to add `--project ucviewgeneric` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build ucviewgeneric` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build ucviewgeneric`, go to the dist folder `cd dist/ucviewgeneric` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test ucviewgeneric` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+# Ucviewgeneric
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.0.
+
+## Version
+notes: new ui under canary.x tags
+
+Version 3.4.18
+1. handle masking date pipe with ucdatepipe
+
+Version 3.4.17
+1. add truncate text for type link
+
+Version 3.4.16
+1. support show item conditionally using data from the view itself
+
+Version 3.4.15
+1. support show item conditionally using `conditions`
+
+Version 3.4.14
+1. fix parameter when calling getQueryParams (ngx-router)
+
+Version 3.4.13
+1. on/off safe url with useSafeUrl property
+
+Version 3.4.11
+1. fix link style on type switch callback
+
+Version 3.4.10
+1. fix text cannot be highlighted for copy
+
+Version 3.4.9
+1. fix link style on type switch
+
+Version 3.4.8
+1. add isSubsection option for table inside view
+2. add usePagination option for table inside view
+
+Version 3.4.7
+1. Add notify update / refresh view handler
+
+Version 3.4.6
+1. new update uc-subsection module
+
+Version 3.4.5
+1. change ui font
+
+Version 3.4.4
+1. add EXPERIMENTAL flag for BaseView API
+
+Version 3.4.3
+1. add option if fullpath empty, will generate from config environment and path
+
+Version 3.4.2
+1. fix padding
+
+Version 3.4.1
+1. fix margin for type boolean
+
+Version 3.4.0
+1. fix margin padding for type switch
+2. Fix columns
+3. add classpadding 0 
+4. fix html tag
+5. support hardcode value
+6. separate old ui in legacy
+
+Version 3.3.3
+1. Fix Table indent
+
+Version 3.3.2
+1. Change gridview component to table component
+
+Version 3.3.1
+1. Add support type blank
+
+Version 3.3.0
+1. Add support data dictionary
+
+Version 3.2.2
+1. bug fix initialize gridViews input
+2. bug fix grid view move into one group section with ucview
+
+Version 3.2.1
+1. bug fix initialize gridview
+
+Version 3.2.0
+1. support grid table below view
+
+Version 3.1.3
+1. fix get data by API
+
+Version 3.1.1
+1. remove useCustomRes option setting
+
+Version 3.1.0
+1. add reqObj option setting
+2. add enviroment setting for get data by listEnvironment
+3. add useCustomRes option setting
+4. add resObjName option setting
+
+Version 3.0.2
+1. fix dataInput undefined
+
+Version 3.0.1
+1. fix dataInput
+
+Version 3.0.0
+1. fix versioning
+2. support dataInput
+
+Version 2.4.0 
+1. Update Angular 13 + IsCard
+
+Version 2.3.2
+1. type date dateFormat
+
+Version 2.3.1
+1. type callback-isText
+
+Version 2.2.1
+1. update folder/file name to lower-case
+
+Version 2.2.0
+1. Add logic hide (label and value) for switch case
+
+Version 2.1.0
+1. Add logic hide (label and value) for switch case
+
+Version 2.0.81
+1. Add logic concat for switch case.
+
+Version 2.0.77
+1. Bug fixing.
+
+Version 2.0.76
+1. tambah precision di type decimal.
+
+Version 2.0.75
+1. localStorage => Cookie
+2. switchCase restriction IN And NIN (Not In)
+
+Version 2.0.74
+1. Add word-break
+
+Version 2.0.72
+1. read localstorage lang
+
+Version 2.0.70
+1. translate module
+
+Version 2.0.69
+1. tambah view link isCurrency
+
+Version 2.0.68
+1. concat tidak muncul karena emptyLabel bug
+
+Version 2.0.66
+1. fix viewgeneric bug boolean != '' => false
+
+Version 2.0.65
+1. fix viewgeneric undefined
+
+Version 2.0.64
+1. tambah property customClassLabel
+1. tambah property customClassProperty
+
+Version 2.0.63
+1. Menambahkan Navigation Constant untuk link
+
+Version 2.0.61
+1. tambah property customclass
+
+Version 2.0.60
+1. tambah type switchcase
+
+Version 2.0.39
+1. tambah delimiter untuk currency
+
+Version 2.0.36
+1. kurang penjagaan null dan string kosong
+
+Version 2.0.35
+1. bug label isHide
+
+Version 2.0.33
+1. bug label div
+
+Version 2.0.32
+1. fix position
+
+Version 2.0.31
+1. tambah property isHide
+2. fix jika empty jadi " - "
+
+Version 2.0.27
+1. Fix css title
+
+Version 2.0.27
+1. Ubah input object
+2. tambah link envi
+
+Version 2.0.22
+1. tambah input ddlEnvironments
+
+Version 2.0.21
+1. tambah input ddlEnvironments
+
+Version 2.0.20
+1. fix logic type concat
+
+Version 2.0.15
+1. tambah type concat
+
+Version 2.0.14
+1. ubah Input jdi string
+
+Version 2.0.13
+1. Tambah Input ddlEnvironments
+
+Version 2.0.12
+1. fix data kosong
+
+Version 2.0.11
+1. fix data kosong
+
+Version 2.0.10
+1. fix boolean false agar tidak tampil '-'
+2. string kosong akan menampilkan '-'
+
+Version 2.0.9
+1. fix jika data kosong
+
+Version 2.0.8
+1. where value from input
+
+Version 2.0.5
+1. if no title fix
+
+Version 2.0.4
+1. add type boolean
+
+Version 2.0.3
+1. get returnObject querystring TOP 1
+
+Version 2.0.2
+1. get data from queryString
+
+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
+
+Version 1.0.2
+1. fix subsection not working
+
+Version 1.0.1
+1. Added ReadMe
+
+## Dependency Module
+import this module : 
+- RouterModule
+- UcSubsectionModule ` npm i @adins/uc-subsection `
+
+## Selector
+lib-ucviewgeneric
+
+## Input
+1. viewGenericObj : UcViewGenericObj (object) *mandatory
+
+## Output
+1. callback : return view object
+
+## Object property & JSON property
+viewGenericObj :
+- viewInput         : view.json 
+- viewEnvironment   : environment path (foundation, setting, vendor)
+- navigationConst   : navigation constant
+- listEnvironments  : list EnvisObj (object)
+- whereValue        : []
+- IsCard            : Is use class card
+- dataInput     : alternative data supply; use ESModule import to load json data, then pass the value into here. will override http.get
+
+
+## Callback
+- Callback return object: 
+    {
+      ViewObj: item, // return view object
+      Key: key  // Key name
+    }
+
+## JSON property
+view.json : 
+``` javascript
+{
+    "title": "title", // title view paging
+    "subsection": [ // subsection list
+        {
+            "subSectionId": "id", // uniqueId
+            "subSectionTitle": "Main Information", // sub-section title
+            "mainInfoUrl": "", // full path API get data
+            "mainInfoPath": "", // only path API get data
+            "environment": "", // refer to listEnvironment
+            "reqObj": {}, // request object for hit API, default take from queryParamfalse will take from response[resObjName]
+            "resObjName": "", // response object name to get data
+            "mainInfo": [ // view information list
+                {
+                    "type": "blank"
+                },
+                {
+                    "type": "link", // text with link button
+                    "label": "View Name", // label information name
+                    "customClassLabel": "font-weight-bold", // *optional, additional class to change css in label
+                    "customClassProperty": "font-weight-bold", // *optional, additional class to change css in property
+                    "property": "viewName", // property to view
+                    "position": "left", // label position (left, center, right | default left) *optional
+                    "path": "/test/paging", // router path
+                    "target" : "_self", // *optional _blank: Opens the linked document in a new window or tab
+                    "param": [ // passing optional parameters 
+                        {
+                            "type" : "vendorId", // key parameter
+                            "property": "vendorId", // property to pass
+                        }
+                    ],
+                    "name": "name" // set name for ddlEnvironments *optional,
+                    "isHide": true // jika value kosong, label dihide juga
+                    "isCurrency": true // if true, currency separator formatter
+                },
+                {
+                    "type": "text", // text only
+                    "label": "View Code",
+                    "property": "viewCode"
+                },
+                {
+                    "type": "currency", // currency separator formatter
+                    "label": "View Code",
+                    "property": "viewCode",
+                    "precision" : "0.2" //Precision (0.2, 0.4, 0.6, ... | default 0.2) *optional
+                    "IsPrcnt": false, // if true, ' %'
+                },
+                {
+                    "type": "date", // date formatter
+                    "label": "View Code",
+                    "property": "viewCode",
+                    "dateFormat": "dd-MMM-yyyy" //Default format dd-MMM-yyyy *optional
+                },
+                {
+                    "type": "textarea", // textarea input type, read only
+                    "label": "View Code",
+                    "property": "viewCode"
+                },
+                {
+                    "type": "boolean", // boolean 0|1 (no|yes)
+                    "label": "View Code",
+                    "property": "viewCode"
+                },
+                {
+                    "type" : "callback", // return selected row object
+                    "label": "View Code",
+                    "property" : "bodyId",
+                    "key" : "download/upload/trigger" // Key name for specific action
+                },
+                {
+                "type": "concat",
+                "label": "View Code",
+                "propertyList": [
+                        {
+                        "property": "viewCode",
+                        "prefix": "",
+                        "suffix": " + "
+                        },
+                        {
+                        "property": "viewCode",
+                        "prefix": "RT: ",
+                        "suffix": ""
+                        }
+                    ]
+                },
+                {
+                    "type" : "switch", // switch case condition
+                    "case" : [ // list of case
+                        {
+                            "conditions" : [ // list of conditions
+                                {
+                                    "isUser": true,
+                                    "property" : "isActive", // property for condition checking
+                                    "value" : "0", // value to check (IN or NIN list/[])
+                                    "restriction" : "EQ" // condition restrictions (EQ, NEQ, GT, GTE, LT, LTE, IN, NIN | default EQ) *optional
+                                },
+                                {
+                                    "property" : "type",
+                                    "value" : "EXE",
+                                    "restriction" : "EQ"
+                                }
+                            ],
+                            "result" : { // result of this case
+                                "type": "url", // redirect path action
+                                "label": "View Code",
+                                "path" : "/test/paging",
+                                "icon" : "ft-edit-2", // set class icon from feather icon
+                                "param" : [
+                                    {
+                                        "type" : "refBodyId",
+                                        "property" : "refBodyId"
+                                    }
+                                ],
+                                "hideIfEmpty" : true // if one property yield empty value, label will also hide *optional, boolean
+                            },
+                            "result" : { // result of this case
+                                "type": "callback", // return selected row object"label": "View Code",
+                                "label": "View Code",
+                                "icon" : "ft-edit-2"
+                            },
+                            "result" : { // result of this case
+                                "type": "text", // type like bodyList : text,decimal,date,link,boolean 
+                                "label": "View Code",
+                                "property" : "bodyId"
+                            },
+                            "result" : {
+                                "type": "concat",
+                                "label": "View Code",
+                                "propertyList": [
+                                        {
+                                        "property": "viewCode",
+                                        "prefix": "",
+                                        "suffix": " + "
+                                        },
+                                        {
+                                        "property": "viewCode",
+                                        "prefix": "RT: ",
+                                        "suffix": ""
+                                        }
+                                    ]
+                            },
+                            "isHide" : true // hide icon if condition true, MUST *boolean
+                        }
+                    ]
+                }
+            ],
+            "gridViews": [
+                {
+                    "getData": {
+                        "environment": "", // refer to listEnvironment
+                        "apiPath": "", // only path API get data
+                        "customObjName": "ReturnObject", // / CustomObjName variable *Default: "ReturnObject"
+                        "reqObj": [
+                            {
+                                "propName": "", // Property name for request payload
+                                "propValue": "" // Property value for request payload
+                            }
+                        ]
+                    },
+                    "tableInput": { // same as ucgridview setting
+                        "isSeq": false, // show numbering on the left side of table
+                        "headerList": {}, // same as ucgridview setting
+                        "bodyList": {} // same as ucgridview setting
+                    }
+                }
+            ]
+        }
+    ],
+      "querystring": {
+        "select": "", // ex: "SELECT OFFICE_NAME AS OfficeName,IS_ACTIVE AS IsActive" *must use alias 
+        "from": "", // ex: "FROM REF_OFFICE WITH(NOLOCK)" 
+        "where": "" // ex: "WHERE REF_OFFICE_ID = {0} OR OFFICE_CODE = N'{1}'" *where condition sequence, with value from queryParam sequence 
+      }
+}
+```
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ucviewgeneric` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ucviewgeneric`.
+> Note: Don't forget to add `--project ucviewgeneric` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ucviewgeneric` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ucviewgeneric`, go to the dist folder `cd dist/ucviewgeneric` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ucviewgeneric` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).