Update to v11

Front/skydivelogs-app/angular.json

@@ -30,23 +30,26 @@
           },
           "configurations": {
             "production": {
-              "budgets": [{
+              "budgets": [
+                {
                   "type": "anyComponentStyle",
                   "maximumWarning": "6kb"
-              }],
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
-              "fileReplacements": [{
+              "fileReplacements": [
+                {
                   "replace": "src/environments/environment.ts",
                   "with": "src/environments/environment.prod.ts"
-              }]
+                }
+              ]
             }
           }
         },

Front/skydivelogs-app/package.json

@@ -12,16 +12,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^10.2.4",
+    "@angular/animations": "^11.0.7",
-    "@angular/cdk": "^10.2.7",
+    "@angular/cdk": "^11.0.3",
-    "@angular/common": "^10.2.4",
+    "@angular/common": "^11.0.7",
-    "@angular/compiler": "^10.2.4",
+    "@angular/compiler": "^11.0.7",
-    "@angular/core": "^10.2.4",
+    "@angular/core": "^11.0.7",
-    "@angular/forms": "^10.2.4",
+    "@angular/forms": "^11.0.7",
-    "@angular/material": "^10.2.7",
+    "@angular/material": "^11.0.3",
-    "@angular/platform-browser": "^10.2.4",
+    "@angular/platform-browser": "^11.0.7",
-    "@angular/platform-browser-dynamic": "^10.2.4",
+    "@angular/platform-browser-dynamic": "^11.0.7",
-    "@angular/router": "^10.2.4",
+    "@angular/router": "^11.0.7",
     "bufferutil": "^4.0.3",
     "core-js": "^2.6.12",
     "fibers": "^5.0.0",
@@ -29,29 +29,29 @@
     "node-sass": "^4.14.1",
     "rxjs": "^6.6.3",
     "rxjs-compat": "^6.6.3",
-    "tslib": "^1.14.1",
+    "tslib": "^2.0.0",
     "utf-8-validate": "^5.0.4",
     "zone.js": "^0.10.3"
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^0.1100.6",
-    "@angular/cli": "^10.2.1",
+    "@angular/cli": "^11.0.6",
-    "@angular/compiler-cli": "^10.2.4",
+    "@angular/compiler-cli": "^11.0.7",
-    "@angular/language-service": "^10.2.4",
+    "@angular/language-service": "^11.0.7",
-    "@types/jasmine": "^2.8.17",
+    "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "^2.0.8",
     "@types/node": "^12.19.12",
-    "codelyzer": "^5.2.2",
+    "codelyzer": "^6.0.0",
-    "jasmine-core": "~2.8.0",
+    "jasmine-core": "~3.6.0",
-    "jasmine-spec-reporter": "~4.2.1",
+    "jasmine-spec-reporter": "~5.0.0",
     "karma": "^5.2.3",
-    "karma-chrome-launcher": "~2.2.0",
+    "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "^1.2.1",
-    "karma-jasmine": "~1.1.0",
+    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "^0.2.2",
+    "karma-jasmine-html-reporter": "^1.5.0",
     "protractor": "^7.0.0",
     "ts-node": "~4.1.0",
-    "tslint": "~5.9.1",
+    "tslint": "~6.1.3",
-    "typescript": "~3.9.7"
+    "typescript": "~4.0.5"
   }
 }

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

@@ -1,24 +1,24 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { AppComponent } from './app.component';
 describe('AppComponent', () => {
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [
         AppComponent
       ],
     }).compileComponents();
   }));
-  it('should create the app', async(() => {
+  it('should create the app', waitForAsync(() => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
     expect(app).toBeTruthy();
   }));
-  it(`should have as title 'app'`, async(() => {
+  it(`should have as title 'app'`, waitForAsync(() => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
     expect(app.title).toEqual('app');
   }));
-  it('should render title in a h1 tag', async(() => {
+  it('should render title in a h1 tag', waitForAsync(() => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.debugElement.nativeElement;

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

@@ -134,7 +134,8 @@ const appRoutes: Routes = [
   imports: [
     RouterModule.forRoot(
       appRoutes,
-      { enableTracing: !environment.production } // <-- debugging purposes only
+      { enableTracing: !environment.production, relativeLinkResolution: 'legacy' } // <-- debugging purposes only
+ // <-- debugging purposes only
     ),
     ReactiveFormsModule,
     FormsModule,

Front/skydivelogs-app/src/app/create-user/create-user.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { CreateUserComponent } from './create-user.component';
 
@@ -6,7 +6,7 @@ describe('CreateUserComponent', () => {
   let component: CreateUserComponent;
   let fixture: ComponentFixture<CreateUserComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ CreateUserComponent ]
     })

Front/skydivelogs-app/src/app/default/default.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { DefaultComponent } from './default.component';
 
@@ -6,7 +6,7 @@ describe('DefaultComponent', () => {
   let component: DefaultComponent;
   let fixture: ComponentFixture<DefaultComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ DefaultComponent ]
     })

Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ListOfAircraftsComponent } from './list-of-aircrafts.component';
 
@@ -6,7 +6,7 @@ describe('ListOfAircraftsComponent', () => {
   let component: ListOfAircraftsComponent;
   let fixture: ComponentFixture<ListOfAircraftsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ListOfAircraftsComponent ]
     })

Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ListOfDzsComponent } from './list-of-dzs.component';
 
@@ -6,7 +6,7 @@ describe('ListOfDzsComponent', () => {
   let component: ListOfDzsComponent;
   let fixture: ComponentFixture<ListOfDzsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ListOfDzsComponent ]
     })

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

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ListOfGearsComponent } from './list-of-gears.component';
 
@@ -6,7 +6,7 @@ describe('ListOfGearsComponent', () => {
   let component: ListOfGearsComponent;
   let fixture: ComponentFixture<ListOfGearsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ListOfGearsComponent ]
     })

Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ListOfImagesComponent } from './list-of-images.component';
 
@@ -6,7 +6,7 @@ describe('ListOfImagesComponent', () => {
   let component: ListOfImagesComponent;
   let fixture: ComponentFixture<ListOfImagesComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ListOfImagesComponent ]
     })

Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ListOfJumpTypesComponent } from './list-of-jump-types.component';
 
@@ -6,7 +6,7 @@ describe('ListOfJumpTypesComponent', () => {
   let component: ListOfJumpTypesComponent;
   let fixture: ComponentFixture<ListOfJumpTypesComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ListOfJumpTypesComponent ]
     })

Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { ListOfJumpsComponent } from './list-of-jumps.component';
 
@@ -6,7 +6,7 @@ describe('ListOfJumpsComponent', () => {
   let component: ListOfJumpsComponent;
   let fixture: ComponentFixture<ListOfJumpsComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ ListOfJumpsComponent ]
     })

Front/skydivelogs-app/src/app/login-user/login-user.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { LoginUserComponent } from './login-user.component';
 
@@ -6,7 +6,7 @@ describe('LoginUserComponent', () => {
   let component: LoginUserComponent;
   let fixture: ComponentFixture<LoginUserComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ LoginUserComponent ]
     })

Front/skydivelogs-app/src/app/login/login.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { LoginComponent } from './login.component';
 
@@ -6,7 +6,7 @@ describe('LoginComponent', () => {
   let component: LoginComponent;
   let fixture: ComponentFixture<LoginComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ LoginComponent ]
     })

Front/skydivelogs-app/src/app/new-aircraft/new-aircraft.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NewAircraftComponent } from './new-aircraft.component';
 
@@ -6,7 +6,7 @@ describe('NewAircraftComponent', () => {
   let component: NewAircraftComponent;
   let fixture: ComponentFixture<NewAircraftComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ NewAircraftComponent ]
     })

Front/skydivelogs-app/src/app/new-drop-zone/new-drop-zone.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NewDropZoneComponent } from './new-drop-zone.component';
 
@@ -6,7 +6,7 @@ describe('NewDropZoneComponent', () => {
   let component: NewDropZoneComponent;
   let fixture: ComponentFixture<NewDropZoneComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ NewDropZoneComponent ]
     })

Front/skydivelogs-app/src/app/new-gear/new-gear.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NewGearComponent } from './new-gear.component';
 
@@ -6,7 +6,7 @@ describe('NewGearComponent', () => {
   let component: NewGearComponent;
   let fixture: ComponentFixture<NewGearComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ NewGearComponent ]
     })

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

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NewJumpTypeComponent } from './new-jump-type.component';
 
@@ -6,7 +6,7 @@ describe('NewJumpTypeComponent', () => {
   let component: NewJumpTypeComponent;
   let fixture: ComponentFixture<NewJumpTypeComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ NewJumpTypeComponent ]
     })

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

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { NewJumpComponent } from './new-jump.component';
 
@@ -6,7 +6,7 @@ describe('NewJumpComponent', () => {
   let component: NewJumpComponent;
   let fixture: ComponentFixture<NewJumpComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ NewJumpComponent ]
     })

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

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { SummaryComponent } from './summary.component';
 
@@ -6,7 +6,7 @@ describe('SummaryComponent', () => {
   let component: SummaryComponent;
   let fixture: ComponentFixture<SummaryComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ SummaryComponent ]
     })

Front/skydivelogs-app/src/app/user-profile/user-profile.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { UserProfileComponent } from './user-profile.component';
 
@@ -6,7 +6,7 @@ describe('UserProfileComponent', () => {
   let component: UserProfileComponent;
   let fixture: ComponentFixture<UserProfileComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ UserProfileComponent ]
     })