app-generator/adminator

Adminator v2 - Open-Source (Gulp Version) | AppSeed

Adminator Django

Adminator is a responsive Bootstrap 5 Admin Template. It provides you with a collection of ready to use code snippets and utilities, custom pages, a collection of applications and some useful widgets - Initially coded by Colorlib - Migrated to Gulp Tooling for accelerated development by AppSeed.

• 👉 Adminator Flask - Flask integration (free)
• 👉 Adminator Django - Django integration (free)

Quick Start - Tested with Node v16 and Gulp v4.0.2

$ git clone https://github.com/app-generator/adminator.git
$ npm install
$ gulp 

At this point, the project should run in the browset at address http://localhost:3000

Codebase Structure

Here is a brief explanation of the template folder structure and some of its main files usage:

└── src                         # Contains all template source files.
│   └── assets                  # Contains JS, CSS, images and icon fonts.
│   │   └── scripts             # Contains all JavaScript files.
│   │   │   └── charts          # Chart.js, Sparkline & Pie Chart plugins init.
│   │   │   └── chat            # All chat app JS code.
│   │   │   └── constants       # Template constant values like color values.
│   │   │   └── datatable       # Date table plugin init.
│   │   │   └── datepicker      # Bootstrap datepicker init.
│   │   │   └── email           # All email app code.
│   │   │   └── fullcalendar    # Fullcalendar plugin init.
│   │   │   └── googleMaps      # Google maps API integration code.
│   │   │   └── masonry         # Masonry layout code.
│   │   │   └── popover         # Bootstrap popover plugin init.
│   │   │   └── scrollbar       # Perfect scrollbar plugin init.
│   │   │   └── search          # Topbar toggle search init.
│   │   │   └── sidebar         # Sidebar JS code.
│   │   │   └── skycons         # Animated icons plugin init.
│   │   │   └── utils           # Basic utils used for proper rendering.
│   │   │   └── vectorMaps      # Vector maps plugin init.
│   │   │   └── index.js        # Indicator file.
│   │   │
│   │   └── static              # Contains the non-code files.
│   │   │   └── fonts           # Contains icon fonts.
│   │   │   └── images          # Contains all template images/svg.
│   │   │
│   │   └── styles              # Contains all SCSS files.
│   │       └── spec            # Contains custom SCSS files.
│   │       │   └── components  # Contains all template components.
│   │       │   └── generic     # Contains basic scaffolding styles.
│   │       │   └── screens     # Contains views specific styles.
│   │       │   └── settings    # Contains all template variables.
│   │       │   └── tools       # Contains all mixins.
│   │       │   └── utils       # Contains helper classes.
│   │       │   └── index.scss  # Indicator file.
│   │       │
│   │       └── vendor          # Contains all plugin files & custom styles.
│   │       └── index.scss      # Indicator file.
│   │
│   └── *.html                  # All HTML pages files .

│
└── .babelrc                    # Babel ES6 Transpiler.
└── .editorconfig               # Keep same coding styles between code editors.
└── .eslintrc.yml               # JavaScript Linting.
└── .gitattributes              # Git Attributes.
└── .gitignore                  # Ignored files in Git.
└── .stylelintrc.yml            # SCSS/CSS Linting.
└── gulpfile.js                 # Supported Browsers.
└── CHANGELOG.md                # Versioning.
└── package.json                # Package metadata.
└── README.md                   # Manual file.

License

@MIT

---

Adminator Django - Actively supported and verisoned by AppSeed.

adminator's Issues

Charts not visible - All pages

Homepage Original

Adminator v2

JS Browser Error - Uncaught TypeError: Cannot read properties of null (reading '__k')

On all pages, a JS error is bumped.

@9sumit please take a look. Ty!

index.js:66667 Uncaught TypeError: Cannot read properties of null (reading '__k')
    at N (index.js:66667:83)
    at index.js:79791:13
    at flushSync$1 (index.js:67077:5)
    at Calendar._this.handleRenderRequest [as drainedOption] (index.js:79790:11)
    at DelayedRunner.drained (index.js:75855:14)
    at DelayedRunner.tryDrain (index.js:75833:16)
    at DelayedRunner.request (index.js:75782:16)
    at Calendar.render (index.js:79847:25)
    at HTMLDocument.<anonymous> (index.js:87211:12)

Project CleanUP - Remove files used by Webpack

Hello @9sumit,

Please review all the files saved in the root of the project and previously used by Webpack.

Files that are not used by Gulp, should be removed.

ty!

Project Status

Note: Issue used to track the progress

New Gulp Tasks - build & preview

Before migration, the users were able to compile the project for production and visualize the changes via two commands:

• npm run build
• npm run preview

We need to provide the same thing. via gulp

• gulp build -> generated the pages in dist
  • index.css + minified version index.min.css
  • index.js + compressed version index.min.js
• gulp preview - serve the files from dist

@9sumit please take a look.
Ty!

Gulp Default Task - Bumps `Error: module "@popperjs/core" not found`

Tested with Node 14.0

Commands executed:

npm i ; gulp 

Error log:

[07:05:18] Using gulpfile D:\work\repo-kits\adminator-v2\gulpfile.js
[07:05:18] Starting 'default'...
[07:05:18] Starting 'serve'...
[07:05:18] Starting 'scss'...
[07:05:35] Finished 'scss' after 16 s
[07:05:35] Starting 'html'...
[07:05:36] Finished 'html' after 744 ms
[07:05:38] Starting 'build'...
[07:05:47] 'build' errored after 8.89 s
[07:05:47] Error: module "@popperjs/core" not found from "D:\\work\\repo-kits\\adminator-v2\\node_modules\\bootstrap\\dist\\js\\bootstrap.js"
    at notFound (D:\work\repo-kits\adminator-v2\node_modules\browserify\index.js:803:15)
    at D:\work\repo-kits\adminator-v2\node_modules\browserify\index.js:754:23

ENH - Partials should be saved in the `src`

Partials should be moved from assets folder to src

Assets directory is dedicated strictly to:

• CSS
• SCSS
• JS
• Images