Modern Admin - Angular 15+ Bootstrap 5 Admin Dashboard Template

This project was generated with Angular CLI version 8.0.1

Prerequisite Softwares

Min 2 GB free space on the drive Node Js - Version 12+ Git 2+ npm install -g typescript npm install -g @angular/cli

Development server

Run npm install to install dependencies Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Firebase Deploy -- Only for production

node --max_old_space_size=8192 node_modules/@angular/cli/bin/ng build --output-hashing=all node --max_old_space_size=8192 node_modules/@angular/cli/bin/ng s firebase login firebase projects:list firebase use firebase deploy firebase firestore:indexes

Types of Layouts

Vertical Menu Template Semi Dark Vertical Menu Template Dark Nav Vertical Menu Template Light Vertical Menu Template

Vertical Modern Menu Template Vertical Overlay Menu Template Horizontal Menu Template Full Width Horizontal Menu Template

Create New Module and Module

Add Module

ng g m components cd .\src\app\components\

Add component

ng g c add new menu in menu setting add new route in module and refernce to new copy html to component html

c9 usage

cd modern-admin-angular ng s --host 0.0.0.0 --port 8080 --disable-host-check https://modern-admin-joshijimit.c9users.io:8080/

Git commands

git pull origin wip_v1 git push origin ui-dev-branch

Angular 8 Migrate

git checkout angular8 git pull origin angular8 (likely to conflict with package lock file, needs to keep the existing file and avoid incoming changes. onece merge conflict resolved with other files if any, run npm install which updates the lock file.) git add . git commit -m "latest pull in v8" git push origin angular8

known change in Angular 8 ViewChild should have second argument. @ViewChild('labelImport', { static: true })

CI - Gitlab

Auto deploy On merge to master branch

Disable experimentalDecorators warning

https://ihatetomatoes.net/how-to-remove-experimentaldecorators-warning-in-vscode/

Open issue in Angular 10

https://github.com/mattlewis92/angular-calendar/issues/1283

Flickering issue

Remove all occurences of below text from index.html generated in dist folder media="print" onload="this.media='all'"