Default Colors

Herozi simplifies customization by using Bootstrap's SCSS variables. Colors and styles are controlled through the variable.scss file, making it easy to update and modify predefined color sets. SCSS files are organized in the (resources/assets/scss) folder. To ensure smooth future updates, we recommend adding custom styles to the custom.scss file rather than modifying core files.

JavaScript File Structure

All JavaScript files are organized within the resources/assets/js folder following a folder-based structure:

• Auth: Contains JavaScript files related to authentication, such as login, registration, and session management.
• Chart: Includes files for charting and visualizing data, such as bar charts, line graphs, etc.
• Apps: Contains files for various apps (e.g., course management, ecommerce, email, file manager, invoices, social, calendar, chat, task, todo).
• Dashboard: JavaScript files that handle dashboard functionality, including widgets, data visualizations, and user statistics.
• Form: Includes files related to form handling, such as form validation, submission, and input field interactions.
• Icons: Contains JavaScript files for managing and displaying icons across the application.
• Layout: Contains files responsible for managing page layout components, such as sidebars, headers, and footers.
• Maps: Includes files related to map integration and functionality (e.g., Google Maps, OpenStreetMap integration).
• Pages: Houses JavaScript files specific to different pages within the admin panel (e.g., settings, profile, etc.).
• Partials: Includes reusable components that can be used across different pages or sections (e.g., modals, alerts, etc.).
• Plugins: Contains JavaScript files for external libraries and plugins integrated into the application (e.g., date pickers, sliders, etc.).
• Table: Includes files related to table functionality, such as sorting, filtering, and pagination.

app.js

This file contains common functions used across all pages. If you want to add a component or functionality that should be available on every page, add it here.

sidebar.js

This file handles all features related to the sidebar, such as adding active classes or managing dropdowns and other sidebar interactions.