angular 17 upgrade complete with prettier and build

Author: ct-dixit

README.md

@@ -1,6 +1,6 @@
 # Datta Able angular 15 Free Admin Dashboard
 
-Datta Able dashboard template built using angular 15 with bootstrap 5 framework, It is a free lite version of [Datta Able Angular](https://codedthemes.com/item/datta-able-angular/) Dashboard Template will complete your admin dashboard needs.
+Datta Able dashboard template built using angular 17 with bootstrap 5.x.x framework, It is a free lite version of [Datta Able Angular](https://codedthemes.com/item/datta-able-angular/) Dashboard Template will complete your admin dashboard needs.
 
 Datta Able Angular Free Admin Template comes with variety of components like Button, Badges, Breadcrumb, Pagination, Collapse, Tabs & Pills, Form Elements, Table, Charts & Authentication Pages.
 
@@ -62,7 +62,7 @@ git clone https://github.com/codedthemes/datta-able-free-angular-admin-template.
 
 #### Terminal Commands
 
-This project was generated with Angular CLI version 15.x and angular 15.x.
+This project was generated with Angular CLI version 17.x and angular 17.x.
 
 1.  Install NodeJs from [NodeJs Official Page](https://nodejs.org/en)
 2.  Open Terminal.
@@ -81,11 +81,11 @@ Datta Able Lite version documentation cover in its Pro version documentation - c
 
 ## Build With
 
-- [Angular CLI](https://github.com/angular/angular-cli) 15.x
+- [Angular CLI](https://github.com/angular/angular-cli) 17.x
 - [Latest bootstrap 5 Stable](https://getbootstrap.com/)
 - [SASS Powered](https://sass-lang.com/)
-- [NodeJs](https://nodejs.org/en/) v18.0.0
-- [NgBootstrap](https://ng-bootstrap.github.io/#/home) 5.0.0
+- [NodeJs](https://nodejs.org/en/) v20.10.0
+- [NgBootstrap](https://ng-bootstrap.github.io/#/home) 16.0.0
 
 ## Directory Structure
 
@@ -172,11 +172,12 @@ We are continuously working in Datta Able Angular Project and going to make it a
 #### Layouts
 
 -Vertical version
-  - Static
-  - Fixed
-  - Navbar Fixed
-  - Collapse Menu
-  - Vertical RTL
+
+- Static
+- Fixed
+- Navbar Fixed
+- Collapse Menu
+- Vertical RTL
 - Horizontal version
 - Horizontal v2
 - Horizontal RTL
@@ -191,7 +192,7 @@ We are continuously working in Datta Able Angular Project and going to make it a
 - Login/Register pages version 2
 - User profile
 - Maintenance Pages like Error Pages, Offline UI, Maintenance
-- Login/Register pages 
+- Login/Register pages
 
 #### Basic & Advance Components
 

angular.json

@@ -17,9 +17,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "allowedCommonJsDependencies": [
-              "apexcharts"
-            ],
+            "allowedCommonJsDependencies": ["apexcharts"],
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -31,9 +29,7 @@
               "node_modules/bootstrap/scss/bootstrap.scss",
               "src/styles.scss"
             ],
-            "scripts": [
-              "node_modules/apexcharts/dist/apexcharts.min.js"
-            ]
+            "scripts": ["node_modules/apexcharts/dist/apexcharts.min.js"]
           },
           "configurations": {
             "production": {
@@ -72,18 +68,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "datta-able-free-angular-admin-template:build:production"
+              "buildTarget": "datta-able-free-angular-admin-template:build:production"
             },
             "development": {
-              "browserTarget": "datta-able-free-angular-admin-template:build:development"
+              "buildTarget": "datta-able-free-angular-admin-template:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "datta-able-free-angular-admin-template:build"
+            "buildTarget": "datta-able-free-angular-admin-template:build"
           }
         },
         "test": {

karma.conf.js

@@ -3,14 +3,14 @@
 
 module.exports = function (config) {
   config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    basePath: "",
+    frameworks: ["jasmine", "@angular-devkit/build-angular"],
     plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require("karma-jasmine"),
+      require("karma-chrome-launcher"),
+      require("karma-jasmine-html-reporter"),
+      require("karma-coverage"),
+      require("@angular-devkit/build-angular/plugins/karma"),
     ],
     client: {
       jasmine: {
@@ -19,26 +19,23 @@ module.exports = function (config) {
         // for example, you can disable the random execution with `random: false`
         // or set a specific seed with `seed: 4321`
       },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
+      suppressAll: true, // removes the duplicated traces
     },
     coverageReporter: {
-      dir: require('path').join(__dirname, './coverage/datta-able-free'),
-      subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
+      dir: require("path").join(__dirname, "./coverage/datta-able-free"),
+      subdir: ".",
+      reporters: [{ type: "html" }, { type: "text-summary" }],
     },
-    reporters: ['progress', 'kjhtml'],
+    reporters: ["progress", "kjhtml"],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['Chrome'],
+    browsers: ["Chrome"],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };