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.


Treeview
chameleon_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 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.

Treeview
chameleon_admin
├── 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.