feat(console): angular 11, replace ngx-moment with @angular/material-moment-adapter (#965)

* update core / cli

* update material

* lint

* replace nx-moment with @angular/moment adapter

console/src/app/pages/users/user-create-machine/user-create-machine.component.spec.ts

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

console/src/app/pages/users/user-create/user-create.component.spec.ts

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

console/src/app/pages/users/user-detail/auth-user-detail/auth-user-detail.component.spec.ts

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

console/src/app/pages/users/user-detail/auth-user-detail/auth-user-mfa/auth-user-mfa.component.spec.ts

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

console/src/app/pages/users/user-detail/auth-user-detail/code-dialog/code-dialog.component.spec.ts

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

console/src/app/pages/users/user-detail/auth-user-detail/theme-setting/theme-setting.component.spec.ts

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

console/src/app/pages/users/user-detail/detail-form-machine/detail-form-machine.component.spec.ts

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

console/src/app/pages/users/user-detail/detail-form/detail-form.component.spec.ts

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

console/src/app/pages/users/user-detail/external-idps/external-idps.component.spec.ts

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

console/src/app/pages/users/user-detail/machine-keys/add-key-dialog/add-key-dialog.component.spec.ts

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

console/src/app/pages/users/user-detail/machine-keys/add-key-dialog/add-key-dialog.component.ts

@@ -1,5 +1,6 @@
-import { Component, Inject, OnInit } from '@angular/core';
+import { Component, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { Moment } from 'moment';
 import { MachineKeyType } from 'src/app/proto/generated/management_pb';
 
 @Component({
@@ -7,11 +8,11 @@ import { MachineKeyType } from 'src/app/proto/generated/management_pb';
     templateUrl: './add-key-dialog.component.html',
     styleUrls: ['./add-key-dialog.component.scss'],
 })
-export class AddKeyDialogComponent implements OnInit {
+export class AddKeyDialogComponent {
     types: MachineKeyType[] = [
         MachineKeyType.MACHINEKEY_JSON,
     ];
-    date: any;
+    date!: Moment;
     public type: MachineKeyType = MachineKeyType.MACHINEKEY_JSON;
 
     constructor(
@@ -19,9 +20,6 @@ export class AddKeyDialogComponent implements OnInit {
         @Inject(MAT_DIALOG_DATA) public data: any,
     ) { }
 
-    ngOnInit(): void {
-    }
-
     public closeDialog(): void {
         this.dialogRef.close(false);
     }

console/src/app/pages/users/user-detail/machine-keys/add-key-dialog/add-key-dialog.module.ts

@@ -1,6 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
+import { MatMomentDateModule } from '@angular/material-moment-adapter';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -23,6 +24,7 @@ import { AddKeyDialogComponent } from './add-key-dialog.component';
         MatIconModule,
         FormsModule,
         MatDatepickerModule,
+        MatMomentDateModule,
     ],
 })
 export class AddKeyDialogModule { }

console/src/app/pages/users/user-detail/machine-keys/machine-keys.component.spec.ts

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

console/src/app/pages/users/user-detail/machine-keys/machine-keys.component.ts

@@ -5,6 +5,7 @@ import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 import { TranslateService } from '@ngx-translate/core';
 import { Timestamp } from 'google-protobuf/google/protobuf/timestamp_pb';
+import { Moment } from 'moment';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { MachineKeySearchResponse, MachineKeyType, MachineKeyView } from 'src/app/proto/generated/management_pb';
 import { ManagementService } from 'src/app/services/mgmt.service';
@@ -84,10 +85,10 @@ export class MachineKeysComponent implements OnInit {
 
                 let date: Timestamp | undefined;
 
-                if (resp.date as Date) {
+                if (resp.date as Moment) {
                     const ts = new Timestamp();
-
-                    const milliseconds = resp.date.getTime();
+                    console.log(resp.date.toDate().getTime());
+                    const milliseconds = resp.date.toDate().getTime();
                     const seconds = Math.abs(milliseconds / 1000);
                     const nanos = (milliseconds - seconds * 1000) * 1000 * 1000;
                     ts.setSeconds(seconds);

console/src/app/pages/users/user-detail/machine-keys/show-key-dialog/show-key-dialog.component.spec.ts

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

console/src/app/pages/users/user-detail/membership-detail/membership-detail.component.spec.ts

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

console/src/app/pages/users/user-detail/memberships/memberships.component.spec.ts

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

console/src/app/pages/users/user-detail/password/password.component.spec.ts

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

console/src/app/pages/users/user-detail/user-detail/user-detail.component.spec.ts

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

console/src/app/pages/users/user-detail/user-detail/user-mfa/user-mfa.component.spec.ts

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

console/src/app/pages/users/user-list/user-list.component.spec.ts

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

console/src/app/pages/users/user-list/user-table/user-table.component.spec.ts

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