Global: Upgrade Angular from 14 to 17

.gitignore

@@ -57,3 +57,6 @@ src/themes/*
 /reports
 
 .angular
+
+
+.nx/cache

.prettierignore

@@ -9,3 +9,5 @@
 
 # Test coverage files
 **/coverage/**
+
+/.nx/cache

apps/damap-frontend-e2e/project.json

@@ -0,0 +1,30 @@
+{
+  "name": "damap-frontend-e2e",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "apps/damap-frontend-e2e/src",
+  "projectType": "application",
+  "targets": {
+    "e2e": {
+      "executor": "@nrwl/cypress:cypress",
+      "options": {
+        "cypressConfig": "apps/damap-frontend-e2e/cypress.config.ts",
+        "devServerTarget": "damap-frontend:serve:development",
+        "testingType": "e2e"
+      },
+      "configurations": {
+        "production": {
+          "devServerTarget": "damap-frontend:serve:production"
+        }
+      }
+    },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["apps/damap-frontend-e2e/**/*.{js,ts}"]
+      }
+    }
+  },
+  "tags": [],
+  "implicitDependencies": ["damap-frontend"]
+}

apps/damap-frontend/project.json

@@ -1,30 +1,42 @@
 {
+  "name": "damap-frontend",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "generators": {
-    "@schematics/angular:application": {
-      "strict": true
-    }
-  },
   "sourceRoot": "apps/damap-frontend/src",
-  "prefix": "app",
   "targets": {
     "build": {
       "executor": "@angular-devkit/build-angular:browser",
       "options": {
+        "assets": [
+          "apps/damap-frontend/src/favicon.ico",
+          "apps/damap-frontend/src/assets",
+          {
+            "glob": "**/*",
+            "input": "libs/damap/src/assets/",
+            "output": "./assets/damap-core/"
+          }
+        ],
+        "styles": [
+          "apps/damap-frontend/src/styles.scss",
+          "libs/damap/src/assets/styles.scss"
+        ],
         "outputPath": "dist/apps/damap-frontend",
         "index": "apps/damap-frontend/src/index.html",
         "main": "apps/damap-frontend/src/main.ts",
         "polyfills": "apps/damap-frontend/src/polyfills.ts",
         "tsConfig": "apps/damap-frontend/tsconfig.app.json",
-        "assets": [
-          "apps/damap-frontend/src/favicon.ico",
-          "apps/damap-frontend/src/assets"
-        ],
-        "styles": ["apps/damap-frontend/src/styles.scss"],
-        "scripts": []
+        "aot": true
       },
       "configurations": {
         "production": {
+          "optimization": true,
+          "outputHashing": "all",
+          "sourceMap": false,
+          "namedChunks": false,
+          "aot": true,
+          "extractLicenses": true,
+          "vendorChunk": false,
+          "buildOptimizer": true,
           "budgets": [
             {
               "type": "initial",
@@ -41,9 +53,12 @@
             {
               "replace": "apps/damap-frontend/src/environments/environment.ts",
               "with": "apps/damap-frontend/src/environments/environment.prod.ts"
+            },
+            {
+              "replace": "libs/damap/src/lib/constants.ts",
+              "with": "libs/damap/src/lib/constants.prod.ts"
             }
-          ],
-          "outputHashing": "all"
+          ]
         },
         "development": {
           "buildOptimizer": false,
@@ -79,6 +94,9 @@
     },
     "serve": {
       "executor": "@angular-devkit/build-angular:dev-server",
+      "options": {
+        "browserTarget": "damap-frontend:build"
+      },
       "configurations": {
         "production": {
           "browserTarget": "damap-frontend:build:production"
@@ -106,17 +124,17 @@
           "apps/damap-frontend/src/favicon.ico",
           "apps/damap-frontend/src/assets"
         ],
-        "styles": ["apps/damap-frontend/src/styles.scss"],
+        "styles": [
+          "apps/damap-frontend/src/styles.scss",
+          "libs/damap/src/assets/styles.scss"
+        ],
         "scripts": []
       }
     },
     "lint": {
       "executor": "@nrwl/linter:eslint",
       "options": {
-        "lintFilePatterns": [
-          "apps/damap-frontend/**/*.ts",
-          "apps/damap-frontend/**/*.html"
-        ]
+        "lintFilePatterns": ["apps/damap-frontend/src/**/*.ts", "src/**/*.html"]
       }
     }
   }

apps/damap-frontend/src/app/app.module.ts

@@ -1,6 +1,6 @@
 import { APP_INITIALIZER, NgModule } from '@angular/core';
 import { AuthGuard, EnvBannerModule } from '@damap/core';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpBackend, HttpClientModule } from "@angular/common/http";
 import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
 
 import { APP_ROUTES } from './app.routes';
@@ -20,16 +20,16 @@ import { RouterModule } from '@angular/router';
 import { environment } from '../environments/environment';
 
 // required for AOT compilation
-export function HttpLoaderFactory(http: HttpClient): MultiTranslateHttpLoader {
+export function HttpLoaderFactory(http: HttpBackend): MultiTranslateHttpLoader {
   return new MultiTranslateHttpLoader(http, [
-    { prefix: './assets/i18n/layout/', suffix: '.json' },
-    { prefix: './assets/i18n/consent/', suffix: '.json' },
-    { prefix: './assets/damap-core/i18n/dashboard/', suffix: '.json' },
-    { prefix: './assets/damap-core/i18n/plans/', suffix: '.json' },
-    { prefix: './assets/damap-core/i18n/http/', suffix: '.json' },
-    { prefix: './assets/damap-core/i18n/gdpr/', suffix: '.json' },
-    { prefix: './assets/damap-core/i18n/', suffix: '.json' },
-    { prefix: './assets/i18n/', suffix: '.json' },
+    '/assets/i18n/layout/',
+    '/assets/i18n/consent/',
+    '/assets/damap-core/i18n/dashboard/',
+    '/assets/damap-core/i18n/plans/',
+    '/assets/damap-core/i18n/http/',
+    '/assets/damap-core/i18n/gdpr/',
+    '/assets/damap-core/i18n/',
+    '/assets/i18n/',
   ]);
 }
 
@@ -55,7 +55,7 @@ export function HttpLoaderFactory(http: HttpClient): MultiTranslateHttpLoader {
       loader: {
         provide: TranslateLoader,
         useFactory: HttpLoaderFactory,
-        deps: [HttpClient],
+        deps: [HttpBackend],
       },
     }),
 

apps/damap-frontend/src/app/components/layout/layout.component.css

@@ -35,8 +35,6 @@ mat-nav-list {
 }
 
 .mm-navbars-top {
-  background: inherit;
-  border-color: inherit;
   background-color: var(--main-color);
   border-width: 0;
   overflow: hidden;
@@ -46,6 +44,11 @@ mat-nav-list {
   height: 50px;
 }
 
+.mm-navbar-button {
+  color: #fff;
+  height: 100%;
+}
+
 .info {
   display: flex;
   flex-direction: column;