├── 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 | ] --------------------------------------------------------------------------------