@adins/ucviewgeneric 4.0.0-research.2 → 4.0.0-research.5

package/README.md

@@ -2,300 +2,409 @@
 
 This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.0.0.
 
+## Bootstrap 5 Compatibility
+
+✅ **Fully Compatible with Bootstrap 5**
+
+This component has been migrated from Bootstrap 3 to Bootstrap 5 and includes:
+
+- Updated CSS classes: `panel` → `card` for view containers
+- Modern responsive design with Bootstrap 5 grid system
+- Enhanced display components using Bootstrap 5 utilities
+- Improved accessibility with ARIA attributes and screen reader support
+- Better layout styling with Bootstrap 5 card variants
+- Mobile-optimized generic view interface
+
+### Migration Summary
+
+- **Bootstrap 3 Patterns Migrated**: 4 patterns including cards, grid layout, utilities, and display components
+- **Bootstrap 5 Features Added**: Modern cards, responsive design, accessibility, utilities
+- **Migration Priority**: MEDIUM (completed)
+
 ## 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 
+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 
+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 : 
+
+import this module :
+
 - RouterModule
-- UcSubsectionModule ` npm i @adins/uc-subsection `
+- UcSubsectionModule `npm i @adins/uc-subsection`
 
 ## Selector
+
 lib-ucviewgeneric
 
 ## Input
-1. viewGenericObj : UcViewGenericObj (object) *mandatory
+
+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
 
+- 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
-    }
+
+- Callback return object:
+  {
+  ViewObj: item, // return view object
+  Key: key // Key name
+  }
 
 ## JSON property
-view.json : 
-``` javascript
+
+view.json :
+
+```javascript
 {
     "title": "title", // title view paging
     "subsection": [ // subsection list
@@ -320,7 +429,7 @@ view.json :
                     "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 
+                    "param": [ // passing optional parameters
                         {
                             "type" : "vendorId", // key parameter
                             "property": "vendorId", // property to pass
@@ -416,7 +525,7 @@ view.json :
                                 "icon" : "ft-edit-2"
                             },
                             "result" : { // result of this case
-                                "type": "text", // type like bodyList : text,decimal,date,link,boolean 
+                                "type": "text", // type like bodyList : text,decimal,date,link,boolean
                                 "label": "View Code",
                                 "property" : "bodyId"
                             },
@@ -464,9 +573,9 @@ view.json :
         }
     ],
       "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 
+        "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
       }
 }
 ```
@@ -474,7 +583,8 @@ view.json :
 ## 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. 
+
+> Note: Don't forget to add `--project ucviewgeneric` or else it will be added to the default project in your `angular.json` file.
 
 ## Build