Layout with collapsable sidebar
npm install osp-sidebar-layoutCommon sidebar component to be use in One Stop Portal, high level wrapper on top of yaminncco/vue-sidebar-menu
Demo link on OSP platform: https://portal.osp.sit.inet.paynet.my/dashboard
Clone the project
``bash`
git clone https://gitlab.infra.paynet.my/one-stop-portal/applications/front-end/sidebar-layout.git
Go to the project directory
`bash`
cd sidebar-layout
Install dependencies
`bash`
npm install
Start the server
`bash`
npm run serve
- Vuejs
- yaminncco/vue-sidebar-menu
To deploy this project run
`bash`
npm run build
npm publish
`html
Testing
`
| props | type | required | default | Remark |
| -------------------- | -------- | -------- | ---------- | ------------------------------------------------------------------------------------- |
| onLogout | Function | false | () => {} | |() => {}
| onLogin | Function | false | | |false
| userFirstName | String | false | "" | |
| userFirstName | String | false | "" | |
| stateUnauthenticated | Boolean | false | | If true Unauthenticate message will be shown |false
| stateAccessDenied | Boolean | false | | If true Access Denied messesage will be shown |false
| stateSessionExpired | Boolean | false | | If true Session Expired messesage will be shown |false
| stateLoading | Boolean | false | | If true` Getting Ready messesage will be shown |
| sidebarMenu | String | false | [] | Full list of options |