---|qcm| Mise à jour de la version d'angular

angular.json

@@ -115,10 +115,10 @@
                     "builder": "@angular-devkit/build-angular:dev-server",
                     "configurations": {
                         "production": {
-                            "browserTarget": "headup_app:build:production"
+                          "buildTarget": "headup_app:build:production"
                         },
                         "development": {
-                            "browserTarget": "headup_app:build:development"
+                          "buildTarget": "headup_app:build:development"
                         }
                     },
                     "defaultConfiguration": "development"
@@ -126,7 +126,7 @@
                 "extract-i18n": {
                     "builder": "@angular-devkit/build-angular:extract-i18n",
                     "options": {
-                        "browserTarget": "headup_app:build"
+                      "buildTarget": "headup_app:build"
                     }
                 },
                 "test": {

package.json

@@ -12,16 +12,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.1.0",
+    "@angular/animations": "^17.2.3",
     "@angular/cdk": "^16.2.1",
-    "@angular/common": "^16.1.0",
-    "@angular/compiler": "^16.1.0",
-    "@angular/core": "^16.1.0",
-    "@angular/forms": "^16.2.7",
+    "@angular/common": "^17.2.3",
+    "@angular/compiler": "^17.2.3",
+    "@angular/core": "^17.2.3",
+    "@angular/forms": "^17.2.3",
     "@angular/material": "^16.2.6",
-    "@angular/platform-browser": "^16.1.0",
-    "@angular/platform-browser-dynamic": "^16.2.7",
-    "@angular/router": "^16.2.7",
+    "@angular/platform-browser": "^17.2.3",
+    "@angular/platform-browser-dynamic": "^17.2.3",
+    "@angular/router": "^17.2.3",
     "bootstrap": "^5.3.2",
     "chart.js": "^4.4.0",
     "chartist": "^1.3.0",
@@ -30,12 +30,12 @@
     "ngx-skeleton-loader": "^8.1.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "^0.13.3"
+    "zone.js": "^0.14.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.2.4",
-    "@angular/cli": "~16.1.3",
-    "@angular/compiler-cli": "^16.2.7",
+    "@angular-devkit/build-angular": "^17.2.1",
+    "@angular/cli": "~17.2.1",
+    "@angular/compiler-cli": "^17.2.3",
     "@types/jasmine": "~4.3.0",
     "jasmine-core": "~4.6.0",
     "karma": "~6.4.0",
@@ -45,4 +45,4 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "typescript": "~5.3.3"
   }
-}
+}

src/app/components/shared/layout/full.component.html

@@ -14,7 +14,7 @@
     </button>
     <span class="flex-spacer"></span>
     <ng-container *appShowAuthed="true">
-        <span class="fw-light me-1">@{{ currentUser.username }}</span>
+        <span class="fw-light me-1">&#64;{{ currentUser.username }}</span>
         <div class="position-relative">
             <button [matMenuTriggerFor]="profile" mat-icon-button>
                 <img [src]="currentUser.image" alt="user" class="profile-pic">

src/app/components/shared/layout/header.component.html

@@ -16,7 +16,7 @@
     -->
     <span class="flex-spacer"></span>
     <ng-container *ngIf="isLogged()">
-        <span class="fw-light me-1">@{{ currentUser.username }}</span>
+        <span class="fw-light me-1">&#64;{{ currentUser.username }}</span>
         <div class="position-relative">
             <button [matMenuTriggerFor]="profile" mat-icon-button>
                 <img [src]="currentUser.image" alt="user" class="profile-pic">