Mise à jour vers Angular 9

Front/skydivelogs-app/angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -29,6 +30,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,

Front/skydivelogs-app/package.json

@@ -12,32 +12,31 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^8.2.14",
+    "@angular/animations": "^9.0.1",
-    "@angular/cdk": "~8.2.3",
+    "@angular/cdk": "~9.0.0",
-    "@angular/common": "^8.2.14",
+    "@angular/common": "^9.0.1",
-    "@angular/compiler": "^8.2.14",
+    "@angular/compiler": "^9.0.1",
-    "@angular/core": "^8.2.14",
+    "@angular/core": "^9.0.1",
-    "@angular/forms": "^8.2.14",
+    "@angular/forms": "^9.0.1",
-    "@angular/material": "^8.2.3",
+    "@angular/material": "^9.0.0",
-    "@angular/platform-browser": "^8.2.14",
+    "@angular/platform-browser": "^9.0.1",
-    "@angular/platform-browser-dynamic": "^8.2.14",
+    "@angular/platform-browser-dynamic": "^9.0.1",
-    "@angular/router": "^8.2.14",
+    "@angular/router": "^9.0.1",
     "core-js": "^2.6.11",
-    "hammerjs": "^2.0.8",
     "rxjs": "^6.5.4",
     "rxjs-compat": "^6.5.4",
     "tslib": "^1.10.0",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.803.23",
+    "@angular-devkit/build-angular": "~0.900.1",
-    "@angular/cli": "^8.3.22",
+    "@angular/cli": "^9.0.1",
-    "@angular/compiler-cli": "^8.2.14",
+    "@angular/compiler-cli": "^9.0.1",
-    "@angular/language-service": "^8.2.14",
+    "@angular/language-service": "^9.0.1",
     "@types/jasmine": "~2.8.3",
     "@types/jasminewd2": "^2.0.8",
-    "@types/node": "~6.0.60",
+    "@types/node": "^12.11.1",
-    "codelyzer": "^5.2.1",
+    "codelyzer": "^5.1.2",
     "jasmine-core": "~2.8.0",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "^4.4.1",
@@ -48,6 +47,6 @@
     "protractor": "^6.0.0",
     "ts-node": "~4.1.0",
     "tslint": "~5.9.1",
-    "typescript": "~3.5.3"
+    "typescript": "~3.7.5"
   }
 }

Front/skydivelogs-app/src/app/app.module.ts

@@ -30,21 +30,18 @@ import { ServiceComm } from '../services/service-comm.service';
 
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import {
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
-  MatPaginatorModule,
+import { MatButtonModule } from '@angular/material/button';
-  MatTableModule,
+import { MatCheckboxModule } from '@angular/material/checkbox';
-  MatSelectModule,
+import { MatOptionModule, MatNativeDateModule } from '@angular/material/core';
-  MatOptionModule,
+import { MatDatepickerModule } from '@angular/material/datepicker';
-  MatFormFieldModule,
+import { MatFormFieldModule } from '@angular/material/form-field';
-  MatCheckboxModule,
+import { MatIconModule } from '@angular/material/icon';
-  MatDatepickerModule,
+import { MatInputModule } from '@angular/material/input';
-  MatNativeDateModule,
+import { MatPaginatorModule } from '@angular/material/paginator';
-  MatInputModule,
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-  MatButtonModule,
+import { MatSelectModule } from '@angular/material/select';
-  MatIconModule,
+import { MatTableModule } from '@angular/material/table';
-  MatAutocompleteModule,
-  MatProgressSpinnerModule
-} from '@angular/material';
 
 import { RequestCache } from '../services/request-cache.service';
 import { CachingInterceptor } from '../services/caching-interceptor.service';

Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { MatPaginator, MatTableDataSource } from '@angular/material';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatTableDataSource } from '@angular/material/table';
 
 import { GearService } from '../../services/gear.service';
 import { ServiceComm } from '../../services/service-comm.service';

Front/skydivelogs-app/src/app/new-jump/new-jump.component.ts

@@ -126,8 +126,8 @@ export class NewJumpComponent implements OnInit {
     return data ? data.name : undefined;
   }
 
-  public onChangeDz(event: string) {
+  public onChangeDz(event: DropZoneResp) {
-    const filterValue = event.toLowerCase();
+    const filterValue = event.name.toLowerCase();
 
     this.listOfFilteredDropZone = this.listOfDropZone;
     this.listOfFilteredDropZone = this.listOfFilteredDropZone.filter(option =>

Front/skydivelogs-app/src/app/summary/summary.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { MatTableDataSource } from '@angular/material';
+import { MatTableDataSource } from '@angular/material/table';
 import { ServiceComm } from '../../services/service-comm.service';
 import { StatsService } from '../../services/stats.service';
 

Front/skydivelogs-app/src/main.ts

@@ -1,4 +1,4 @@
-import 'hammerjs';
+
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 

Front/skydivelogs-app/src/tsconfig.app.json

@@ -5,8 +5,8 @@
     "baseUrl": "./",
     "types": []
   },
-  "exclude": [
+  "files": [
-    "test.ts",
+    "main.ts",
-    "**/*.spec.ts"
+    "polyfills.ts"
   ]
 }