Javascript Usage

Javascript Usage

Modern admin manages all js files in app-assets folder and it also allows users to add their own js files inside assets folder. Both app-assets and assets folders can be found in root of the downloaded package. All vendor js can be found under /app-assets/vendors/js/.

Modern admin manages all theme js files in src/js/ folder and users js files inside assets/js/ folder. Both src/js/ and assets/ folders can be found in root of the downloaded package.

Gulp command for dist-js will compile & minify all js files in app-assets/js folder.

Js files structure for modern assets.


                
                    modern_admin/
                    ├── src/
                    |   ├── js/
                    |   |   ├── core/
                    |   |   ├── scripts/
                
            

Following is the details of what all js folders.

# Folder Details
1 core core folder contains core libraries and core js files of modern admin template like bootstrap 4.2.1, material 4.1, jQuery, app and app-menu etc..
2 scripts scripts folder contains all js files that are used to initialize plugins.

Heads Up!

It is not recommend to change any js files inside src/js/ folder to avoid future update conflicts. If you still modify, it may requires to merge it manually with future updates.

JS files structure for assets/ folder.


             
                 modern_admin/
                 ├── assets/
                 |   ├── js/
            
        

Please write your own custom JS inside assets/js/scripts.js file.

You can add your new JS files or folder in assets/ folder to avoid any future conflicts or merge.