Update UI package to latest version

Signed-off-by: AllForNothing <sshijun@vmware.com>

src/portal/src/app/project/member/add-group/add-group.component.ts

@@ -39,7 +39,7 @@ export class AddGroupComponent implements OnInit {
   @Input() memberList: Member[] = [];
   @Output() added = new EventEmitter<boolean>();
 
-  @ViewChild('groupForm', { static: false })
+  @ViewChild('groupForm')
   groupForm: NgForm;
 
   constructor(

src/portal/src/app/project/member/add-http-auth-group/add-http-auth-group.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { of } from "rxjs";
 import { MemberService } from '../member.service';
 import { AppConfigService } from "../../../services/app-config.service";
@@ -21,7 +21,7 @@ describe('AddHttpAuthGroupComponent', () => {
     return of(null);
   }};
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [AddHttpAuthGroupComponent],
       schemas: [

src/portal/src/app/project/member/add-http-auth-group/add-http-auth-group.component.ts

@@ -53,7 +53,7 @@ export class AddHttpAuthGroupComponent implements OnInit {
   @ViewChild('memberForm', {static: true})
   currentForm: NgForm;
 
-  @ViewChild(InlineAlertComponent, {static: false})
+  @ViewChild(InlineAlertComponent)
   inlineAlert: InlineAlertComponent;
 
   @Input() projectId: number;

src/portal/src/app/project/member/add-member/add-member.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { AddMemberComponent } from './add-member.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -35,7 +35,7 @@ describe('AddMemberComponent', () => {
         handleError: () => { },
         isAppLevel: () => { },
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/project/member/add-member/add-member.component.ts

@@ -64,7 +64,7 @@ export class AddMemberComponent implements AfterViewChecked, OnInit, OnDestroy {
 
   hasChanged: boolean;
 
-  @ViewChild(InlineAlertComponent, {static: false})
+  @ViewChild(InlineAlertComponent)
   inlineAlert: InlineAlertComponent;
 
   @Input() projectId: number;

src/portal/src/app/project/member/member.component.html

@@ -46,8 +46,8 @@
                 </clr-dg-cell>
             </clr-dg-row>
             <clr-dg-footer>
-                <span *ngIf="pagination.totalItems">{{pagination.firstItem + 1}} - {{pagination.lastItem +1 }} {{'MEMBER.OF' | translate}} </span>
-                {{pagination.totalItems }} {{'MEMBER.ITEMS' | translate}}
+                <span *ngIf="members?.length">{{pagination.firstItem + 1}} - {{pagination.lastItem +1 }} {{'MEMBER.OF' | translate}} </span>
+                {{members?.length }} {{'MEMBER.ITEMS' | translate}}
                 <clr-dg-pagination #pagination [clrDgPageSize]="15"></clr-dg-pagination>
             </clr-dg-footer>
         </clr-datagrid>

src/portal/src/app/project/member/member.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { MemberComponent } from './member.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -79,7 +79,7 @@ describe('MemberComponent', () => {
       };
 
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/project/member/member.component.ts

@@ -63,12 +63,12 @@ export class MemberComponent implements OnInit, OnDestroy {
   isLdapMode: boolean;
   isHttpAuthMode: boolean;
   isOidcMode: boolean;
-  @ViewChild(AddMemberComponent, {static: false})
+  @ViewChild(AddMemberComponent)
   addMemberComponent: AddMemberComponent;
 
-  @ViewChild(AddGroupComponent, {static: false})
+  @ViewChild(AddGroupComponent)
   addGroupComponent: AddGroupComponent;
-  @ViewChild(AddHttpAuthGroupComponent, {static: false})
+  @ViewChild(AddHttpAuthGroupComponent)
   addHttpAuthGroupComponent: AddHttpAuthGroupComponent;
   hasCreateMemberPermission: boolean;
   hasUpdateMemberPermission: boolean;

src/portal/src/app/project/p2p-provider/add-p2p-policy/add-p2p-policy.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { TranslateModule } from '@ngx-translate/core';
 import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
 import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -76,7 +76,7 @@ describe('AddP2pPolicyComponent', () => {
             });
         }
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA,

src/portal/src/app/project/p2p-provider/add-p2p-policy/add-p2p-policy.component.ts

@@ -45,7 +45,7 @@ export class AddP2pPolicyComponent implements OnInit, OnDestroy {
   projectId: number;
   @Output() notify = new EventEmitter<boolean>();
 
-  @ViewChild(InlineAlertComponent, { static: false } )
+  @ViewChild(InlineAlertComponent)
   inlineAlert: InlineAlertComponent;
   policy: PreheatPolicy = {};
   repos: string;
@@ -57,7 +57,7 @@ export class AddP2pPolicyComponent implements OnInit, OnDestroy {
   cron: string ;
   @ViewChild("policyForm", { static: true }) currentForm: NgForm;
   loading: boolean = false;
-  @ViewChild('cronScheduleComponent', {static: false})
+  @ViewChild('cronScheduleComponent')
   cronScheduleComponent: CronScheduleComponent;
   buttonStatus: ClrLoadingState = ClrLoadingState.DEFAULT;
   originPolicyForEdit: PreheatPolicy;

src/portal/src/app/project/p2p-provider/p2p-provider.component.spec.ts

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

src/portal/src/app/project/p2p-provider/policy/policy.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { TranslateModule } from '@ngx-translate/core';
 import { ActivatedRoute } from '@angular/router';
 import { MessageHandlerService } from "../../../shared/message-handler/message-handler.service";
@@ -125,7 +125,7 @@ describe('PolicyComponent', () => {
             });
         }
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/project/p2p-provider/policy/policy.component.ts

@@ -49,9 +49,9 @@ import { ProviderUnderProject } from '../../../../../ng-swagger-gen/models/provi
   styleUrls: ['./policy.component.scss']
 })
 export class PolicyComponent implements OnInit, OnDestroy {
-  @ViewChild(AddP2pPolicyComponent, { static: false } )
+  @ViewChild(AddP2pPolicyComponent)
   addP2pPolicyComponent: AddP2pPolicyComponent;
-  @ViewChild("confirmationDialogComponent", { static: false })
+  @ViewChild("confirmationDialogComponent")
   confirmationDialogComponent: ConfirmationDialogComponent;
   projectId: number;
   projectName: string;

src/portal/src/app/project/p2p-provider/task-list/task-list.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
 import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
@@ -86,7 +86,7 @@ describe('TaskListComponent', () => {
       return of(true).pipe(delay(0));
     }
   };
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       schemas: [
         CUSTOM_ELEMENTS_SCHEMA,

src/portal/src/app/project/project-config/project-config.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ClarityModule } from '@clr/angular';
@@ -17,7 +17,7 @@ describe('ProjectConfigComponent', () => {
   };
   let fakeRouter = null;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ProjectConfigComponent],
       schemas: [

src/portal/src/app/project/project-detail/project-detail.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { ProjectDetailComponent } from './project-detail.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -61,7 +61,7 @@ describe('ProjectDetailComponent', () => {
             }
         })
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/project/project-label/project-label.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { Router, ActivatedRoute } from '@angular/router';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { of } from 'rxjs';
@@ -22,7 +22,7 @@ describe('ProjectLabelComponent', () => {
         }
     };
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [ProjectLabelComponent],
             schemas: [

src/portal/src/app/project/project.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { ProjectComponent } from './project.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -227,7 +227,7 @@ describe('ProjectComponent', () => {
         showSuccess() {
         },
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/project/project.component.ts

@@ -33,10 +33,10 @@ import { MessageHandlerService } from '../shared/message-handler/message-handler
 export class ProjectComponent implements OnInit, OnDestroy {
   projectTypes = ProjectTypes;
   quotaObj: QuotaHardInterface;
-  @ViewChild(CreateProjectComponent, {static: false})
+  @ViewChild(CreateProjectComponent)
   creationProject: CreateProjectComponent;
 
-  @ViewChild(ListProjectComponent, {static: false})
+  @ViewChild(ListProjectComponent)
   listProject: ListProjectComponent;
 
   currentFilteredType: number = 0; // all projects

src/portal/src/app/project/repository/artifact-list-page/artifact-list-page.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { ArtifactListPageComponent } from './artifact-list-page.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -73,7 +73,7 @@ describe('ArtifactListPageComponent', () => {
     const config: IServiceConfig = {
         repositoryBaseEndpoint: CURRENT_BASE_HREF + "/repositories/testing"
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA