Update UI package to latest version

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

src/portal/src/app/shared/about-dialog/about-dialog.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 { AppConfigService } from '../../services/app-config.service';
 import { SkinableConfig } from "../../services/skinable-config.service";
@@ -23,7 +23,7 @@ describe('AboutDialogComponent', () => {
         }
     };
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             declarations: [AboutDialogComponent],
             imports: [

src/portal/src/app/shared/confirmation-dialog/confirmation-dialog.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 { ConfirmationDialogComponent } from './confirmation-dialog.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -22,7 +22,7 @@ describe('ConfirmationDialogComponent', () => {
         cancel: () => { },
         confirm: () => { },
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/gauge/gauge.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 { GaugeComponent } from './gauge.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -12,7 +12,7 @@ describe('GaugeComponent', () => {
     let component: GaugeComponent;
     let fixture: ComponentFixture<GaugeComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/inline-alert/inline-alert.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 { InlineAlertComponent } from './inline-alert.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -15,7 +15,7 @@ describe('InlineAlertComponent', () => {
     let component: InlineAlertComponent;
     let fixture: ComponentFixture<InlineAlertComponent>;
 
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/list-chart-version-ro/list-chart-version-ro.component.html

@@ -15,11 +15,11 @@
       <clr-dg-cell>{{ chart.Chart.created | date}}</clr-dg-cell>
   </clr-dg-row>
   <clr-dg-footer>
-      <clr-dg-pagination #pagination [clrDgPageSize]="5" [clrDgTotalItems]="pagination.totalItems">
-          <span *ngIf="pagination.totalItems">
+      <clr-dg-pagination #pagination [clrDgPageSize]="5" [clrDgTotalItems]="charts?.length">
+          <span *ngIf="charts?.length">
               {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} {{'HELM_CHART.OF' | translate}}
           </span>
-          {{pagination.totalItems}} {{'HELM_CHART.ITEMS'| translate}}
+          {{charts?.length}} {{'HELM_CHART.ITEMS'| translate}}
       </clr-dg-pagination>
   </clr-dg-footer>
 </clr-datagrid>
\ No newline at end of file

src/portal/src/app/shared/list-chart-version-ro/list-chart-version-ro.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 { ListChartVersionRoComponent } from './list-chart-version-ro.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -27,7 +27,7 @@ describe('ListChartVersionRoComponent', () => {
             );
         }
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/list-chart-version-ro/list-chart-version-ro.component.ts

@@ -12,7 +12,7 @@ import { ProjectService } from "../../../lib/services";
 export class ListChartVersionRoComponent implements OnInit {
 
   @Input() projectId: number;
-  @Input() charts: HelmChartSearchResultItem;
+  @Input() charts: HelmChartSearchResultItem[];
 
   constructor(
     private searchTrigger: SearchTriggerService,

src/portal/src/app/shared/list-project-ro/list-project-ro.component.html

@@ -10,7 +10,7 @@
         <clr-dg-cell>{{p.creation_time | date: 'short'}}</clr-dg-cell>
     </clr-dg-row>
     <clr-dg-footer>
-        <span *ngIf="pagination.totalItems">{{pagination.firstItem + 1}} - {{pagination.lastItem +1 }} {{'PROJECT.OF' | translate}} </span> {{pagination.totalItems }} {{'PROJECT.ITEMS' | translate}}
+        <span *ngIf="projects?.length">{{pagination.firstItem + 1}} - {{pagination.lastItem +1 }} {{'PROJECT.OF' | translate}} </span> {{projects?.length}} {{'PROJECT.ITEMS' | translate}}
         <clr-dg-pagination #pagination [clrDgPageSize]="5"></clr-dg-pagination>
     </clr-dg-footer>
 </clr-datagrid>
\ No newline at end of file

src/portal/src/app/shared/list-project-ro/list-project-ro.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 { ListProjectROComponent } from './list-project-ro.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -16,7 +16,7 @@ describe('ListProjectROComponent', () => {
     const mockSearchTriggerService = {
         closeSearch: () => { }
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/list-repository-ro/list-repository-ro.component.html

@@ -8,7 +8,7 @@
         <clr-dg-cell>{{r.pull_count}}</clr-dg-cell>
     </clr-dg-row>
     <clr-dg-footer>
-        <span *ngIf="pagination.totalItems">{{pagination.firstItem + 1}} - {{pagination.lastItem +1 }} {{'REPOSITORY.OF' | translate}} </span> {{pagination.totalItems }} {{'REPOSITORY.ITEMS' | translate}}
+        <span *ngIf="repositories?.length">{{pagination.firstItem + 1}} - {{pagination.lastItem +1 }} {{'REPOSITORY.OF' | translate}} </span> {{repositories?.length }} {{'REPOSITORY.ITEMS' | translate}}
         <clr-dg-pagination #pagination [clrDgPageSize]="5"></clr-dg-pagination>
     </clr-dg-footer>
 </clr-datagrid>
\ No newline at end of file

src/portal/src/app/shared/list-repository-ro/list-repository-ro.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 { ListRepositoryROComponent } from './list-repository-ro.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -16,7 +16,7 @@ describe('ListRepositoryRoComponent', () => {
     const mockSearchTriggerService = {
         closeSearch: () => { }
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/new-user-form/new-user-form.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 { NewUserFormComponent } from './new-user-form.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -16,7 +16,7 @@ describe('NewUserFormComponent', () => {
     const mockSessionService = {
         getCurrentUser: () => { }
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/not-found/not-found.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 { PageNotFoundComponent } from './not-found.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
@@ -16,7 +16,7 @@ describe('PageNotFoundComponent', () => {
     const mockRouter = {
         navigate: () => {}
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/route/member-guard-activate.service.spec.ts

-import { TestBed, async, inject } from '@angular/core/testing';
+import { TestBed, inject } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { SessionService } from '../../shared/session.service';
 import { MemberGuard } from './member-guard-activate.service';

src/portal/src/app/shared/route/member-permission-guard-activate.service.spec.ts

-import { TestBed, async, inject } from '@angular/core/testing';
+import { TestBed, inject } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { MemberPermissionGuard } from './member-permission-guard-activate.service';
 import { of } from 'rxjs';

src/portal/src/app/shared/route/mode-guard-activate.service.spec.ts

-import { TestBed, async, inject } from '@angular/core/testing';
+import { TestBed, waitForAsync, inject } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { ModeGuard } from './mode-guard-activate.service';
 import { AppConfigService } from '../../services/app-config.service';

src/portal/src/app/shared/route/oidc-guard-active.service.spec.ts

-import { TestBed, async, inject } from '@angular/core/testing';
+import { TestBed, inject } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { OidcGuard } from './oidc-guard-active.service';
 import { AppConfigService } from '../../services/app-config.service';

src/portal/src/app/shared/route/sign-in-guard-activate.service.spec.ts

-import { TestBed, async, inject } from '@angular/core/testing';
+import { TestBed, inject } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { SignInGuard } from './sign-in-guard-activate.service';
 import { SessionService } from '../../shared/session.service';

src/portal/src/app/shared/statictics/statistics-panel.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 { StatisticsPanelComponent } from './statistics-panel.component';
 import { StatisticsComponent } from './statistics.component';
@@ -42,7 +42,7 @@ describe('StatisticsPanelComponent', () => {
     const mockRouter = {
         navigate: () => { }
     };
-    beforeEach(async(() => {
+    beforeEach(waitForAsync(() => {
         TestBed.configureTestingModule({
             schemas: [
                 CUSTOM_ELEMENTS_SCHEMA

src/portal/src/app/shared/statictics/statistics.component.spec.ts

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