├── README.md
├── adminlte-with-angular10.txt
├── project + script path + steps.zip
└── scripts.txt


/README.md:
--------------------------------------------------------------------------------
1 | # adminlte3-with-angular10


--------------------------------------------------------------------------------
/adminlte-with-angular10.txt:
--------------------------------------------------------------------------------
 1 | Integrate AdminLTE3 with Angular 10
 2 | 
 3 | Prerequisite - Visual Studio Code (https://code.visualstudio.com/download)
 4 | ----------------------------------------------------------------------------
 5 | Steps - 
 6 | 
 7 | 1. install adminlte latest one - npm install -g @angular/cli
 8 | ------------------------------------------------------
 9 | 
10 | 2. Create new angular application 
11 | ng new my-demo-app
12 | 
13 | ------------------------------------------------------
14 | 3. Install admin lte 3 - npm install admin-lte@^3.0 --save
15 | 
16 | Verify package.json
17 | 
18 | ------------------------------------------------------
19 | 4. Choose admin let dashboard which you want
20 | https://adminlte.io/themes/dev/AdminLTE/index.html
21 | 
22 | angular.json, style, scripts (Update with css and js)
23 | 
24 | ------------------------------------------------------
25 | 
26 | 5. Change in index.html - body and class
27 |    App.Component.html - update content
28 |    Copy images to asset folder 
29 |    Replace path 
30 | ------------------------------------------------------
31 | 
32 | 	Great! you should be good now.
33 | 


--------------------------------------------------------------------------------
/project + script path + steps.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cpvariyani/adminlte3-with-angular10/1f99539d025abb7f9f89d9bbc8769f8dd6b4dec5/project + script path + steps.zip


--------------------------------------------------------------------------------
/scripts.txt:
--------------------------------------------------------------------------------
 1 |  "styles": [
 2 |               "src/styles.sass",
 3 |               "node_modules/admin-lte/plugins/fontawesome-free/css/all.css",
 4 |               "node_modules/admin-lte/plugins/overlayScrollbars/css/OverlayScrollbars.css",
 5 |               "node_modules/admin-lte/dist/css/adminlte.css"
 6 |             ],
 7 |             "scripts": [
 8 |               "node_modules/admin-lte/plugins/jquery/jquery.js",
 9 |               "node_modules/admin-lte/plugins/bootstrap/js/bootstrap.bundle.js",
10 |               "node_modules/admin-lte/plugins/overlayScrollbars/js/jquery.overlayScrollbars.js",
11 |               "node_modules/admin-lte/dist/js/adminlte.js",
12 |               "node_modules/admin-lte/dist/js/demo.js",
13 |               "node_modules/admin-lte/plugins/jquery-mousewheel/jquery.mousewheel.js",
14 |               "node_modules/admin-lte/plugins/raphael/raphael.js",
15 |               "node_modules/admin-lte/plugins/jquery-mapael/jquery.mapael.js",
16 |               "node_modules/admin-lte/plugins/chart.js/Chart.js",
17 |               "node_modules/admin-lte/dist/js/pages/dashboard2.js"
18 |             ]


--------------------------------------------------------------------------------