Customization Javascript
Structure
Js file structure
We have added all layouts files in the html /assets/js folder and in the laravel /resources /js folder.
app.js- To set active menu, and layout settings and basic setup of the theme.
plugins.js- To setup all toast-list, data-choices and data-provider add the script based on it.
pages- All the pages init js files are added in the pages folder. We have named the js files based on the plugins and package so it will be easy to identify the init js file.
app.js Methods
| Method | Description |
|---|---|
initMetisMenu(); |
Enable sidebar menu. |
initLeftMenuCollapse(); |
Manage the sidebar menu collapse. |
initActiveMenu(); |
Manage the activation of sidebar menu. |
initMenuItemScroll(); |
Manage the Sidebar scrolling. |
initHoriMenuActive(); |
Manage the activation of Horizontal menu. |
initFullScreen(); |
Manage the full screen JS. |
initRightSidebar(); |
Manage the right sidebar related JS. |
initDropdownMenu(); |
Manage Horizontal menu related dropdown. |
initComponents(); |
Manage component related JS. |
initSettings(); |
Manage light & dark mode. |
initLanguage(); |
Set selected language with Ajax call. |
initPreloader(); |
Manage loader related code. |
initCheckAll(); |
Manage Table multiple select data. |