Diessy Okandze

package.json

@@ -10,31 +10,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.1.0",
-    "@angular/common": "^14.1.0",
-    "@angular/compiler": "^14.1.0",
-    "@angular/core": "^14.1.0",
-    "@angular/forms": "^14.1.0",
-    "@angular/platform-browser": "^14.1.0",
-    "@angular/platform-browser-dynamic": "^14.1.0",
-    "@angular/router": "^14.1.0",
-    "primeicons": "^7.0.0",
-    "primeng": "^14.2.3",
-    "rxjs": "~7.5.0",
+    "@angular/animations": "^17.3.8",
+    "@angular/common": "^17.3.8",
+    "@angular/compiler": "^17.3.8",
+    "@angular/core": "^17.3.8",
+    "@angular/forms": "^17.3.8",
+    "@angular/platform-browser": "^17.3.8",
+    "@angular/platform-browser-dynamic": "^17.3.8",
+    "@angular/router": "^17.3.8",
+    "primeicons": "^1.0.0",
+    "primeng": "^17.18.9",
+    "rxjs": "~7.8.1",
     "tslib": "^2.3.0",
-    "zone.js": "~0.11.4"
+    "zone.js": "~0.14.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.1.2",
-    "@angular/cli": "~14.1.2",
-    "@angular/compiler-cli": "^14.1.0",
-    "@types/jasmine": "~4.0.0",
-    "jasmine-core": "~4.2.0",
+    "@angular-devkit/build-angular": "^17.3.8",
+    "@angular/cli": "~17.3.8",
+    "@angular/compiler-cli": "^17.3.0",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.0.0",
-    "typescript": "~4.7.2"
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.4.2"
   }
 }

src/app/app-routing.module.ts

@@ -24,6 +24,14 @@ const routes: Routes = [
         path:'vehicle',
         loadChildren: () => import('./features/vehicle/vehicle.module').then(m => m.VehicleModule)
       },
+      {
+        path:'contact',
+        loadChildren: () => import('./features/contact/contact.module').then(m => m.ContactModule)
+      },
+      {
+        path:'problem',
+        loadChildren: () => import('./features/problem/problem.module').then(m => m.ProblemModule)
+      },
       {
         path:'service',
         loadChildren: () => import('./features/service/service.module').then(m => m.ServiceModule)

src/app/features/vehicle/page/vehicle-list/vehicle-list.component.html

@@ -9,14 +9,14 @@
       <th>Marque</th>
       <th>Modèle</th>
       <th>Matricule</th>
-      <th></th>
+      <th>Actions</th>
     </tr>
   </ng-template>
-  <ng-template pTemplate="body" let-product>
+  <ng-template pTemplate="body" let-vehicle>
     <tr>
-      <td>{{product.mark}}</td>
-      <td>{{product.model}}</td>
-      <td>{{product.matricule}}</td>
+      <td>{{vehicle.mark}}</td>
+      <td>{{vehicle.model}}</td>
+      <td>{{vehicle.matricule}}</td>
       <td>
         <i class="pi pi-pencil" style="margin-right: 10px"></i>
         <i class="pi pi-trash" style="margin-right: 10px"></i>

src/app/layout/layout.component.html

@@ -15,7 +15,7 @@
 
   <span>Carburant</span>
   <div class="spacer"></div>
-  <span>Problème</span>
+  <span><a routerLink="/app/problem">Problème</a></span>
   <div class="spacer"></div>
   <span>Bon de travaux</span>
   <div class="spacer"></div>
@@ -23,7 +23,7 @@
   <div class="spacer"></div>
   <span>Calendrier</span>
   <div class="spacer"></div>
-  <span>Contact</span>
+  <span><a routerLink="/app/contact">Contact</a></span>
   <div class="spacer"></div>
   <span>Utilisateur</span>
   <div class="spacer"></div>