Update UI package to latest version

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

src/portal/src/app/base/harbor-shell/harbor-shell.component.ts

@@ -43,16 +43,16 @@ const HAS_STYLE_MODE: string = 'styleModeLocal';
 
 export class HarborShellComponent implements OnInit, OnDestroy {
 
-    @ViewChild(AccountSettingsModalComponent, { static: false })
+    @ViewChild(AccountSettingsModalComponent)
     accountSettingsModal: AccountSettingsModalComponent;
 
-    @ViewChild(PasswordSettingComponent, { static: false })
+    @ViewChild(PasswordSettingComponent)
     pwdSetting: PasswordSettingComponent;
 
-    @ViewChild(NavigatorComponent, { static: false })
+    @ViewChild(NavigatorComponent)
     navigator: NavigatorComponent;
 
-    @ViewChild(AboutDialogComponent, { static: false })
+    @ViewChild(AboutDialogComponent)
     aboutDialog: AboutDialogComponent;
 
     // To indicator whwther or not the search results page is displayed

src/portal/src/app/base/navigator/navigator.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { SessionService } from '../../shared/session.service';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
@@ -46,7 +46,7 @@ describe('NavigatorComponent', () => {
         }
     };
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [
                 TranslateModule.forRoot(),

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

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { MessageHandlerService } from '../../shared/message-handler/message-handler.service';
 import { ConfirmMessageHandler } from '../config.msg.utils';
 import { AppConfigService } from '../../services/app-config.service';
@@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms';
 import { of } from 'rxjs';
 import { ErrorHandler } from "../../../lib/utils/error-handler";
 import { SystemInfoService } from "../../../lib/services";
-import { Configuration } from '../../../lib/components/config/config';
 import { clone } from '../../../lib/utils/utils';
 import { CONFIG_AUTH_MODE } from '../../../lib/entities/shared.const';
 
@@ -37,7 +36,7 @@ describe('ConfigurationAuthComponent', () => {
         }
     };
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [
                 TranslateModule.forRoot(),

src/portal/src/app/config/auth/config-auth.component.ts

@@ -40,7 +40,7 @@ export class ConfigurationAuthComponent implements OnChanges, OnInit {
     // tslint:disable-next-line:no-input-rename
     @Input('allConfig') currentConfig: Configuration = new Configuration();
     private originalConfig: Configuration;
-    @ViewChild('authConfigFrom', {static: false}) authForm: NgForm;
+    @ViewChild('authConfigFrom') authForm: NgForm;
     @Output() refreshAllconfig = new EventEmitter<any>();
 
     constructor(

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

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { SessionService } from '../shared/session.service';
 import { ConfirmationDialogService } from '../shared/confirmation-dialog/confirmation-dialog.service';
 import { MessageHandlerService } from '../shared/message-handler/message-handler.service';
@@ -45,7 +45,7 @@ describe('ConfigurationComponent', () => {
         updateAccountSettings: () => of(null),
         renameAdmin: () => of(null),
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [
                 TranslateModule.forRoot(),

src/portal/src/app/config/config.component.ts

@@ -46,9 +46,9 @@ export class ConfigurationComponent implements OnInit, OnDestroy {
     originalCopy: Configuration = new Configuration();
     confirmSub: Subscription;
 
-    @ViewChild(SystemSettingsComponent, {static: false}) systemSettingsConfig: SystemSettingsComponent;
-    @ViewChild(ConfigurationEmailComponent, {static: false}) mailConfig: ConfigurationEmailComponent;
-    @ViewChild(ConfigurationAuthComponent, {static: false}) authConfig: ConfigurationAuthComponent;
+    @ViewChild(SystemSettingsComponent) systemSettingsConfig: SystemSettingsComponent;
+    @ViewChild(ConfigurationEmailComponent) mailConfig: ConfigurationEmailComponent;
+    @ViewChild(ConfigurationAuthComponent) authConfig: ConfigurationAuthComponent;
 
     constructor(
         private msgHandler: MessageHandlerService,

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

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { MessageHandlerService } from '../../shared/message-handler/message-handler.service';
 import { ConfirmMessageHandler } from '../config.msg.utils';
 import { ConfigurationService } from '../config.service';
@@ -19,7 +19,7 @@ describe('ConfigurationEmailComponent', () => {
     let fakeMessageHandlerService = {
         showSuccess: () => null
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             imports: [
                 TranslateModule.forRoot(),

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

-import { async, ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
+import { ComponentFixture, ComponentFixtureAutoDetect, TestBed } from '@angular/core/testing';
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { ClarityModule } from "@clr/angular";
 import { of } from "rxjs";

src/portal/src/app/config/scanner/config-scanner.component.ts

@@ -19,7 +19,7 @@ export class ConfigurationScannerComponent implements OnInit, OnDestroy {
     scanners: Scanner[] = [];
     selectedRow: Scanner;
     onGoing: boolean = false;
-    @ViewChild(NewScannerModalComponent, {static: false})
+    @ViewChild(NewScannerModalComponent)
     newScannerDialog: NewScannerModalComponent;
     deletionSubscription: any;
     scannerDocUrl: string = SCANNERS_DOC;

src/portal/src/app/config/scanner/new-scanner-form/new-scanner-form.component.spec.ts

-import { async, ComponentFixture, ComponentFixtureAutoDetect, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, ComponentFixtureAutoDetect, fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { NewScannerFormComponent } from "./new-scanner-form.component";
 import { FormBuilder } from "@angular/forms";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";

src/portal/src/app/config/scanner/new-scanner-form/new-scanner-form.component.ts

@@ -46,8 +46,8 @@ export class NewScannerFormComponent implements  OnInit, AfterViewInit, OnDestro
     showEndpointError: boolean = false;
     originValue: any;
     isEdit: boolean;
-    @ViewChild('name', {static: false}) scannerName: ElementRef;
-    @ViewChild('endpointUrl', {static: false}) scannerEndpointUrl: ElementRef;
+    @ViewChild('name') scannerName: ElementRef;
+    @ViewChild('endpointUrl') scannerEndpointUrl: ElementRef;
     constructor(private fb: FormBuilder, private scannerService: ConfigScannerService) {
     }
     ngAfterViewInit(): void {

src/portal/src/app/config/scanner/new-scanner-modal/new-scanner-modal.component.spec.ts

-import { async, ComponentFixture, ComponentFixtureAutoDetect, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { ComponentFixture, ComponentFixtureAutoDetect, fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { ClrLoadingState } from "@clr/angular";
 import { ConfigScannerService } from "../config-scanner.service";
 import { NewScannerModalComponent } from "./new-scanner-modal.component";

src/portal/src/app/config/scanner/new-scanner-modal/new-scanner-modal.component.ts

@@ -27,7 +27,7 @@ export class NewScannerModalComponent {
     originValue: any;
     uid: string;
     editScanner: Scanner;
-    @ViewChild(InlineAlertComponent, { static: false }) inlineAlert: InlineAlertComponent;
+    @ViewChild(InlineAlertComponent) inlineAlert: InlineAlertComponent;
     constructor(
         private configScannerService: ConfigScannerService,
         private msgHandler: MessageHandlerService,

src/portal/src/app/config/scanner/scanner-metadata/scanner-metadata.component.spec.ts

-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { ClarityModule } from "@clr/angular";
 import { SharedModule } from "../../../shared/shared.module";

src/portal/src/app/dev-center/dev-center-base.ts

-import { AfterViewInit, OnInit } from '@angular/core';
+import { AfterViewInit, OnInit, Directive } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { TranslateService } from '@ngx-translate/core';
 import { CookieService } from "ngx-cookie";
 
+@Directive()
 export  abstract class DevCenterBase implements OnInit, AfterViewInit {
   constructor(
     public translate: TranslateService,

src/portal/src/app/dev-center/dev-center-other.component.spec.ts

-import { async, ComponentFixture, TestBed, getTestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, getTestBed, waitForAsync } from '@angular/core/testing';
 import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { DevCenterOtherComponent } from './dev-center-other.component';
@@ -14,7 +14,7 @@ describe('DevCenterOtherComponent', () => {
   };
   let injector: TestBed;
   let httpMock: HttpTestingController;
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [DevCenterOtherComponent],
       imports: [

src/portal/src/app/dev-center/dev-center.component.spec.ts

-import { async, ComponentFixture, TestBed, getTestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, getTestBed, waitForAsync } from '@angular/core/testing';
 import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { DevCenterComponent } from './dev-center.component';
@@ -15,7 +15,7 @@ describe('DevCenterComponent', () => {
   let cookie = "fdsa|ds";
   let injector: TestBed;
   let httpMock: HttpTestingController;
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [DevCenterComponent],
       imports: [

src/portal/src/app/distribution/distribution-instances/distribution-instances.component.html

@@ -110,8 +110,8 @@
                 </clr-dg-row>
                 <clr-dg-footer>
                     <clr-dg-pagination #pagination [clrDgPageSize]="pageSize" [clrDgTotalItems]="totalCount" [(clrDgPage)]="currentPage">
-                        <span *ngIf="pagination.totalItems">{{ pagination.firstItem + 1 }} - {{ pagination.lastItem + 1 }} {{ 'HELM_CHART.OF' | translate }} </span>
-                        <span>{{ pagination.totalItems }} {{ 'HELM_CHART.ITEMS' | translate }}</span>
+                        <span *ngIf="totalCount">{{ pagination.firstItem + 1 }} - {{ pagination.lastItem + 1 }} {{ 'HELM_CHART.OF' | translate }} </span>
+                        <span>{{ totalCount }} {{ 'HELM_CHART.ITEMS' | translate }}</span>
                     </clr-dg-pagination>
                 </clr-dg-footer>
             </clr-datagrid>

src/portal/src/app/distribution/distribution-instances/distribution-instances.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 { ClarityModule } from '@clr/angular';
 import { SharedModule } from '../../shared/shared.module';
@@ -96,7 +96,7 @@ describe('DistributionInstanceComponent', () => {
     }
   };
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         ClarityModule,

src/portal/src/app/distribution/distribution-instances/distribution-instances.component.ts

@@ -59,7 +59,7 @@ export class DistributionInstancesComponent implements OnInit, OnDestroy {
   private loading: boolean = true;
   private operationSubscription: Subscription;
 
-  @ViewChild('setupModal', { static: false })
+  @ViewChild('setupModal')
   setupModal: DistributionSetupModalComponent;
   providerMap: {[key: string]: Metadata} = {};
   providers: Metadata[] = [];