Javascript Usage

Javascript Usage

Chameleon 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/.

Stack 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 chameleon assets.

                    ├── 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 Chameleon admin template like bootstrap 4, 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.

Users can include their js files in assets/js folder to avoid any unwanted behavior.

                    ├── assets/
                    |   ├── js/
                    |   |   ├── scripts.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.