X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;ds=sidebyside;f=webapp-frontend%2Fsrc%2Fapp%2Fcatalog%2Fcatalog.datasource.ts;h=68362a7c0a8f8da6353503c0183fcbbec91fa4d5;hb=a0180adc6a1e1ec09472549596428b70d48db3fc;hp=e47abfde9a13fef0b688424913caa3029454b05a;hpb=80f26bbeef6caea8f9946e8a0e1a5e0319dacc38;p=portal%2Fric-dashboard.git diff --git a/webapp-frontend/src/app/catalog/catalog.datasource.ts b/webapp-frontend/src/app/catalog/catalog.datasource.ts index e47abfde..68362a7c 100644 --- a/webapp-frontend/src/app/catalog/catalog.datasource.ts +++ b/webapp-frontend/src/app/catalog/catalog.datasource.ts @@ -2,14 +2,14 @@ * ========================LICENSE_START================================= * O-RAN-SC * %% - * Copyright (C) 2019 AT&T Intellectual Property and Nokia + * Copyright (C) 2019 AT&T Intellectual Property * %% * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at - * + * * http://www.apache.org/licenses/LICENSE-2.0 - * + * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. @@ -19,49 +19,60 @@ */ import { CollectionViewer, DataSource } from '@angular/cdk/collections'; -import { MatSort } from '@angular/material'; -import { merge } from 'rxjs'; -import { BehaviorSubject } from 'rxjs/BehaviorSubject'; +import { HttpErrorResponse } from '@angular/common/http'; +import { MatSort } from '@angular/material/sort'; import { Observable } from 'rxjs/Observable'; +import { BehaviorSubject } from 'rxjs/BehaviorSubject'; +import { merge } from 'rxjs'; import { of } from 'rxjs/observable/of'; import { catchError, finalize, map } from 'rxjs/operators'; import { AppMgrService } from '../services/app-mgr/app-mgr.service'; import { XMDeployableApp } from '../interfaces/app-mgr.types'; +import { NotificationService } from '../services/ui/notification.service'; export class CatalogDataSource extends DataSource { - private xAppsSubject = new BehaviorSubject([]); - + private catalogSubject = new BehaviorSubject([]); private loadingSubject = new BehaviorSubject(false); - public loading$ = this.loadingSubject.asObservable(); + public rowCount = 1; // hide footer during intial load - constructor(private appMgrSvc: AppMgrService, private sort: MatSort) { + constructor( + private appMgrSvc: AppMgrService, + private sort: MatSort, + private notificationService: NotificationService) { super(); } - loadTable() { + loadTable(instanceKey: string) { this.loadingSubject.next(true); - this.appMgrSvc.getDeployable() + this.appMgrSvc.getDeployable(instanceKey) .pipe( - catchError(() => of([])), + catchError((her: HttpErrorResponse) => { + console.log('CatalogDataSource failed: ' + her.message); + this.notificationService.error('Failed to get applications: ' + her.message); + return of([]); + }), finalize(() => this.loadingSubject.next(false)) ) - .subscribe(xApps => this.xAppsSubject.next(xApps)); + .subscribe((xApps: XMDeployableApp[]) => { + this.rowCount = xApps.length; + this.catalogSubject.next(xApps); + }); } connect(collectionViewer: CollectionViewer): Observable { const dataMutations = [ - this.xAppsSubject.asObservable(), + this.catalogSubject.asObservable(), this.sort.sortChange ]; return merge(...dataMutations).pipe(map(() => { - return this.getSortedData([...this.xAppsSubject.getValue()]); + return this.getSortedData([...this.catalogSubject.getValue()]); })); } disconnect(collectionViewer: CollectionViewer): void { - this.xAppsSubject.complete(); + this.catalogSubject.complete(); this.loadingSubject.complete(); } @@ -79,9 +90,8 @@ export class CatalogDataSource extends DataSource { }); } - private compare(a: string, b: string, isAsc: boolean) { + private compare(a: any, b: any, isAsc: boolean) { return (a < b ? -1 : 1) * (isAsc ? 1 : -1); } } -