Midone Tailwind HTML Admin Template Getting Started File Structure Installation Style Customization Javascript Attributions Support Changelog

Javascript

Javascript Structure

All the javascript files used by the template are placed at /js/* directory. Every single component JS file are imported in /js/app.js. You can modify this file to add or remove components depends to your needs. Here is the part things you need to know about the /js/app.js structure and functions.

  • 3rd Parties: This section supposed to import all 3rd parties JS files.
  • Components: This section supposed to import all component JS files used by the template.
            
                /*
                |--------------------------------------------------------------------------
                | 3rd Party Libraries
                |--------------------------------------------------------------------------
                |
                | Import 3rd party library JS files.
                |
                */
                import "./bootstrap";
                import "./tw-starter";
                import "./chart";
                import "./highlight";
                import "./feather";
                import "./tiny-slider";
                import "./tippy";
                import "./datepicker";
                import "./tail-select";
                import "./dropzone";
                import "./ckeditor";
                import "./validation";
                import "./zoom";
                import "./notification";
                import "./tabulator";
                import "./calendar";

                /*
                |--------------------------------------------------------------------------
                | Components
                |--------------------------------------------------------------------------
                |
                | Import JS components.
                |
                */
                import "./maps";
                import "./chat";
                import "./show-modal";
                import "./show-slide-over";
                import "./show-dropdown";
                import "./search";
                import "./copy-code";
                import "./show-code";
                import "./side-menu";
                import "./mobile-menu";
                import "./side-menu-tooltip";
                import "./dark-mode-switcher";