2017-12-15 16:33:18 +01:00
|
|
|
import { Component, ViewChild, OnInit, AfterViewInit } from "@angular/core";
|
|
|
|
import { MatPaginator, MatSort, MatSnackBar } from "@angular/material";
|
|
|
|
import { Router } from "@angular/router";
|
|
|
|
import { TranslateService } from "@ngx-translate/core";
|
|
|
|
import { DataSource } from "@angular/cdk/table";
|
|
|
|
|
2017-12-18 12:26:13 +01:00
|
|
|
import { DatasetCriteriaComponent } from "../shared/components/criteria/datasets/datasets-criteria.component";
|
|
|
|
import { DatasetCriteria } from "../models/criteria/dataset/DatasetCriteria";
|
2017-12-15 16:33:18 +01:00
|
|
|
import { Observable } from "rxjs/Observable";
|
|
|
|
import { DataTableRequest } from "../models/data-table/DataTableRequest";
|
|
|
|
import { SnackBarNotificationComponent } from "../shared/components/notificaiton/snack-bar-notification.component";
|
|
|
|
import { DatasetService } from "../services/dataset/dataset.service";
|
|
|
|
import { DatasetListingModel } from "../models/datasets/DatasetListingModel";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
selector: 'app-dataset-listing-component',
|
|
|
|
templateUrl: 'dataset-listing.component.html',
|
|
|
|
styleUrls: ['./dataset-listing.component.css'],
|
|
|
|
providers: [DatasetService]
|
|
|
|
})
|
|
|
|
export class DatasetListingComponent implements OnInit, AfterViewInit {
|
|
|
|
|
|
|
|
@ViewChild(MatPaginator) _paginator: MatPaginator;
|
|
|
|
@ViewChild(MatSort) sort: MatSort;
|
2017-12-18 12:26:13 +01:00
|
|
|
@ViewChild(DatasetCriteriaComponent) criteria: DatasetCriteriaComponent;
|
2017-12-15 16:33:18 +01:00
|
|
|
|
|
|
|
dataSource: DatasetDataSource | null;
|
2017-12-18 12:26:13 +01:00
|
|
|
displayedColumns: String[] = ['label', 'reference', 'uri', 'status', 'description', 'created', 'actions'];
|
2017-12-15 16:33:18 +01:00
|
|
|
|
|
|
|
constructor(
|
|
|
|
private datasetService: DatasetService,
|
|
|
|
private router: Router,
|
|
|
|
private languageService: TranslateService,
|
|
|
|
public snackBar: MatSnackBar,
|
|
|
|
) {
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
ngAfterViewInit() {
|
|
|
|
setTimeout(() => {
|
|
|
|
this.criteria.setRefreshCallback(() => this.refresh());
|
|
|
|
this.criteria.setCriteria(this.getDefaultCriteria());
|
|
|
|
this.criteria.controlModified();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
refresh() {
|
2017-12-18 12:26:13 +01:00
|
|
|
this.dataSource = new DatasetDataSource(this.datasetService, this._paginator, this.sort, this.languageService, this.snackBar, this.criteria);
|
2017-12-15 16:33:18 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
rowClick(rowId: String) {
|
|
|
|
this.router.navigate(['/project/' + rowId]);
|
|
|
|
}
|
|
|
|
|
2017-12-18 12:26:13 +01:00
|
|
|
getDefaultCriteria(): DatasetCriteria {
|
|
|
|
const defaultCriteria = new DatasetCriteria();
|
2017-12-15 16:33:18 +01:00
|
|
|
return defaultCriteria;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
export class DatasetDataSource extends DataSource<DatasetListingModel> {
|
|
|
|
|
|
|
|
totalCount = 0;
|
|
|
|
isLoadingResults = false;
|
|
|
|
|
|
|
|
constructor(
|
|
|
|
private _service: DatasetService,
|
|
|
|
private _paginator: MatPaginator,
|
|
|
|
private _sort: MatSort,
|
|
|
|
private _languageService: TranslateService,
|
|
|
|
private _snackBar: MatSnackBar,
|
2017-12-18 14:24:10 +01:00
|
|
|
private _criteria: DatasetCriteriaComponent
|
2017-12-15 16:33:18 +01:00
|
|
|
) {
|
|
|
|
super();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
connect(): Observable<DatasetListingModel[]> {
|
|
|
|
const displayDataChanges = [
|
|
|
|
this._paginator.page
|
|
|
|
//this._sort.matSortChange
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
return Observable.merge(...displayDataChanges)
|
|
|
|
.startWith(null)
|
|
|
|
.switchMap(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
this.isLoadingResults = true;
|
|
|
|
});
|
|
|
|
const startIndex = this._paginator.pageIndex * this._paginator.pageSize;
|
|
|
|
const request = new DataTableRequest(startIndex, this._paginator.pageSize);
|
2017-12-18 14:45:36 +01:00
|
|
|
request.criteria = this._criteria.criteria;
|
2017-12-15 16:33:18 +01:00
|
|
|
return this._service.getPaged(request);
|
|
|
|
})
|
|
|
|
.catch((error: any) => {
|
|
|
|
this._snackBar.openFromComponent(SnackBarNotificationComponent, {
|
|
|
|
data: { message: 'GENERAL.SNACK-BAR.FORMS-BAD-REQUEST', language: this._languageService },
|
|
|
|
duration: 3000,
|
|
|
|
extraClasses: ['snackbar-warning']
|
|
|
|
});
|
2017-12-18 14:45:36 +01:00
|
|
|
//this._criteria.criteria.onCallbackError(error);
|
2017-12-15 16:33:18 +01:00
|
|
|
return Observable.of(null);
|
|
|
|
})
|
|
|
|
.map(result => {
|
|
|
|
setTimeout(() => {
|
|
|
|
this.isLoadingResults = false;
|
|
|
|
});
|
2017-12-18 14:24:10 +01:00
|
|
|
return result.payload;
|
2017-12-15 16:33:18 +01:00
|
|
|
})
|
|
|
|
.map(result => {
|
|
|
|
if (!result) { return []; }
|
|
|
|
if (this._paginator.pageIndex === 0) { this.totalCount = result.totalCount; }
|
|
|
|
return result.data;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
disconnect() {
|
|
|
|
// No-op
|
|
|
|
}
|
|
|
|
}
|