/*- * ========================LICENSE_START================================= * O-RAN-SC * %% * Copyright (C) 2019 AT&T Intellectual Property and Nokia * %% * 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. * See the License for the specific language governing permissions and * limitations under the License. * ========================LICENSE_END=================================== */ import { CollectionViewer, DataSource } from '@angular/cdk/collections'; import { MatSort } from '@angular/material'; import { merge } from 'rxjs'; import { BehaviorSubject } from 'rxjs/BehaviorSubject'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { catchError, finalize, map } from 'rxjs/operators'; import { DashboardUser } from '../interfaces/dashboard.types'; import { DashboardService } from '../services/dashboard/dashboard.service'; export class UserDataSource extends DataSource { private usersSubject = new BehaviorSubject([]); private loadingSubject = new BehaviorSubject(false); public loading$ = this.loadingSubject.asObservable(); constructor(private dashboardSvc: DashboardService, private sort: MatSort) { super(); }; loadTable() { this.loadingSubject.next(true); this.dashboardSvc.getUsers() .pipe( catchError(() => of([])), finalize(() => this.loadingSubject.next(false)) ) .subscribe(Users => this.usersSubject.next(Users)) } connect(collectionViewer: CollectionViewer): Observable { const dataMutations = [ this.usersSubject.asObservable(), this.sort.sortChange ]; return merge(...dataMutations).pipe(map(() => { return this.getSortedData([...this.usersSubject.getValue()]); })); } disconnect(collectionViewer: CollectionViewer): void { this.usersSubject.complete(); this.loadingSubject.complete(); } private getSortedData(data: DashboardUser[]) { if (!this.sort.active || this.sort.direction === '') { return data; } return data.sort((a: DashboardUser, b: DashboardUser) => { const isAsc = this.sort.direction === 'asc'; switch (this.sort.active) { case 'id': return compare(a.id, b.id, isAsc); case 'firstName': return compare(a.firstName, b.firstName, isAsc); case 'lastName': return compare(a.lastName, b.lastName, isAsc); case 'status': return compare(a.status, b.status, isAsc); default: return 0; } }); } } function compare(a, b, isAsc: boolean) { return (a < b ? -1 : 1) * (isAsc ? 1 : -1); }