openvidu-server dashboard to Angular 11

openvidu-server/src/dashboard/angular.json

@@ -38,7 +38,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "aot": true,
               "extractLicenses": true,
@@ -127,7 +126,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "css"
+      "style": "css"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

openvidu-server/src/dashboard/package.json

@@ -1,42 +1,42 @@
 {
   "dependencies": {
-        "@angular/animations": "9.1.2",
+    "@angular/animations": "11.0.0",
     "@angular/cdk": "9.2.1",
-        "@angular/common": "9.1.2",
+    "@angular/common": "11.0.0",
-        "@angular/compiler": "9.1.2",
+    "@angular/compiler": "11.0.0",
-        "@angular/core": "9.1.2",
+    "@angular/core": "11.0.0",
     "@angular/flex-layout": "9.0.0-beta.29",
-        "@angular/forms": "9.1.2",
+    "@angular/forms": "11.0.0",
     "@angular/material": "9.2.1",
-        "@angular/platform-browser": "9.1.2",
+    "@angular/platform-browser": "11.0.0",
-        "@angular/platform-browser-dynamic": "9.1.2",
+    "@angular/platform-browser-dynamic": "11.0.0",
-        "@angular/router": "9.1.2",
+    "@angular/router": "11.0.0",
     "core-js": "3.6.5",
     "jquery": "3.5.0",
     "openvidu-browser": "2.16.0",
     "rxjs": "6.5.5",
-        "tslib": "1.11.1",
+    "tslib": "^2.0.0",
     "zone.js": "0.10.3"
   },
   "devDependencies": {
-        "@angular-devkit/build-angular": "0.901.1",
+    "@angular-devkit/build-angular": "0.1100.1",
-        "@angular/cli": "9.1.1",
+    "@angular/cli": "11.0.1",
-        "@angular/compiler-cli": "9.1.2",
+    "@angular/compiler-cli": "11.0.0",
-        "@angular/language-service": "9.1.2",
+    "@angular/language-service": "11.0.0",
-        "@types/jasmine": "3.5.10",
+    "@types/jasmine": "~3.6.0",
     "@types/node": "13.11.1",
-        "codelyzer": "5.2.2",
+    "codelyzer": "^6.0.0",
-        "jasmine-core": "3.5.0",
+    "jasmine-core": "~3.6.0",
-        "jasmine-spec-reporter": "5.0.1",
+    "jasmine-spec-reporter": "~5.0.0",
-        "karma": "5.0.1",
+    "karma": "~5.0.0",
-        "karma-chrome-launcher": "3.1.0",
+    "karma-chrome-launcher": "~3.1.0",
-        "karma-coverage-istanbul-reporter": "2.1.1",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
-        "karma-jasmine": "3.1.1",
+    "karma-jasmine": "~4.0.0",
-        "karma-jasmine-html-reporter": "1.5.3",
+    "karma-jasmine-html-reporter": "^1.5.0",
-        "protractor": "5.4.3",
+    "protractor": "~7.0.0",
     "ts-node": "8.8.2",
-        "tslint": "6.1.1",
+    "tslint": "~6.1.0",
-        "typescript": "3.8.3"
+    "typescript": "4.0.5"
   },
   "license": "Apache-2.0",
   "name": "frontend",

openvidu-server/src/dashboard/src/app/app.component.spec.ts

@@ -1,9 +1,9 @@
-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
@@ -11,19 +11,19 @@ describe('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 works!'`, async(() => {
+  it(`should have as title 'app works!'`, waitForAsync(() => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.debugElement.componentInstance;
     expect(app.title).toEqual('app works!');
   }));
 
-  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;

openvidu-server/src/dashboard/src/app/app.routing.ts

@@ -41,4 +41,4 @@ const appRoutes: Routes = [
   }
 ];
 
-export const routing: ModuleWithProviders<RouterModule> = RouterModule.forRoot(appRoutes, { useHash: true });
+export const routing: ModuleWithProviders<RouterModule> = RouterModule.forRoot(appRoutes, { useHash: true, relativeLinkResolution: 'legacy' });

openvidu-server/src/dashboard/src/app/components/dashboard/dashboard.component.spec.ts

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

openvidu-server/src/dashboard/src/app/components/layouts/layout-base/layout-base.component.spec.ts

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

openvidu-server/src/dashboard/src/app/components/session-details/session-details.component.spec.ts

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

openvidu-server/src/dashboard/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
-    "module": "esnext",
+    "module": "es2020",
     "outDir": "./dist/out-tsc",
     "baseUrl": "src",
     "sourceMap": true,
@@ -9,7 +9,7 @@
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "target": "es5",
+    "target": "es2018",
     "typeRoots": [
       "node_modules/@types"
     ],

openvidu-server/src/dashboard/tslint.json

@@ -12,6 +12,9 @@
     "curly": true,
     "eofline": true,
     "forin": true,
+    "deprecation": {
+      "severity": "warning"
+    },
     "import-blacklist": [true],
     "import-spacing": true,
     "indent": [
@@ -53,7 +56,6 @@
     "no-switch-case-fall-through": true,
     "no-trailing-whitespace": true,
     "no-unused-expression": true,
-    "no-use-before-declare": true,
     "no-var-keyword": true,
     "object-literal-sort-keys": false,
     "one-line": [