2018-01-30 10:35:26 +01:00
|
|
|
import { DataTableRequest } from '../../models/data-table/DataTableRequest';
|
|
|
|
import { ProjectListingModel } from '../../models/projects/ProjectListingModel';
|
|
|
|
import { ProjectCriteria } from '../../models/criteria/project/ProjectCriteria';
|
|
|
|
import { ProjectService } from '../../services/project/project.service';
|
2018-10-05 17:00:54 +02:00
|
|
|
import { Component, ViewChild, OnInit, AfterViewInit, ViewEncapsulation } 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';
|
|
|
|
import { Observable } from 'rxjs/Observable';
|
2018-05-14 08:44:35 +02:00
|
|
|
import { ProjectCriteriaComponent } from '../../shared/components/criteria/projects/projects-criteria.component';
|
|
|
|
import { HostConfiguration } from '../../app.constants';
|
2018-03-28 15:24:47 +02:00
|
|
|
import { LanguageService } from '../../services/language/language.service';
|
|
|
|
import { LanguageResolverService } from '../../services/language-resolver/language-resolver.service';
|
2018-06-27 12:29:21 +02:00
|
|
|
import { BreadcrumbItem } from '../../shared/components/breadcrumb/definition/breadcrumb-item';
|
|
|
|
import { IBreadCrumbComponent } from '../../shared/components/breadcrumb/definition/IBreadCrumbComponent';
|
2018-08-24 17:21:02 +02:00
|
|
|
import { ProjectStateType } from '../../models/projects/ProjectStateType';
|
2018-10-02 16:33:58 +02:00
|
|
|
import { JsonSerializer } from '../../utilities/JsonSerializer';
|
2017-12-14 14:10:56 +01:00
|
|
|
|
|
|
|
@Component({
|
2018-10-05 17:00:54 +02:00
|
|
|
selector: 'app-project-listing-component',
|
|
|
|
templateUrl: 'project-listing.component.html',
|
|
|
|
styleUrls: ['./project-listing.component.scss'],
|
|
|
|
encapsulation: ViewEncapsulation.None
|
2017-12-14 14:10:56 +01:00
|
|
|
})
|
2018-06-27 12:29:21 +02:00
|
|
|
export class ProjectListingComponent implements OnInit, IBreadCrumbComponent {
|
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
public breadCrumbs: Observable<BreadcrumbItem[]> = Observable.of([]);
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
@ViewChild(MatPaginator) _paginator: MatPaginator;
|
|
|
|
@ViewChild(MatSort) sort: MatSort;
|
|
|
|
@ViewChild(ProjectCriteriaComponent) criteria: ProjectCriteriaComponent;
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
host = HostConfiguration.Server;
|
|
|
|
dataSource: ProjectDataSource | null;
|
|
|
|
displayedColumns: String[] = ['avatar', 'name', 'abbreviation', 'start', 'end', 'dmps'];
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
constructor(
|
|
|
|
public projectService: ProjectService,
|
|
|
|
public router: Router,
|
|
|
|
public languageService: TranslateService,
|
|
|
|
public snackBar: MatSnackBar,
|
|
|
|
public languageResolverService: LanguageResolverService
|
|
|
|
) {
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
}
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
ngOnInit() {
|
|
|
|
this.breadCrumbs = Observable.of([]);
|
2018-06-27 12:29:21 +02:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
this.criteria.setCriteria(this.getDefaultCriteria());
|
|
|
|
this.refresh();
|
|
|
|
this.criteria.setRefreshCallback(() => this.refresh());
|
|
|
|
}
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
refresh() {
|
|
|
|
this.dataSource = new ProjectDataSource(this.projectService, this._paginator, this.sort, this.languageService, this.snackBar, this.criteria);
|
|
|
|
}
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
rowClick(rowId: String) {
|
|
|
|
this.router.navigate(['/projects/edit/' + rowId]);
|
|
|
|
}
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
getDefaultCriteria(): ProjectCriteria {
|
|
|
|
const defaultCriteria = new ProjectCriteria();
|
|
|
|
defaultCriteria.projectStateType = ProjectStateType.OnGoing;
|
|
|
|
return defaultCriteria;
|
|
|
|
}
|
2017-12-14 14:10:56 +01:00
|
|
|
}
|
|
|
|
|
2017-12-14 18:13:28 +01:00
|
|
|
export class ProjectDataSource extends DataSource<ProjectListingModel> {
|
2017-12-14 14:10:56 +01:00
|
|
|
|
2018-10-05 17:00:54 +02:00
|
|
|
totalCount = 0;
|
|
|
|
isLoadingResults = false;
|
|
|
|
|
|
|
|
constructor(
|
|
|
|
private _service: ProjectService,
|
|
|
|
private _paginator: MatPaginator,
|
|
|
|
private _sort: MatSort,
|
|
|
|
private _languageService: TranslateService,
|
|
|
|
private _snackBar: MatSnackBar,
|
|
|
|
private _criteria: ProjectCriteriaComponent
|
|
|
|
) {
|
|
|
|
super();
|
|
|
|
|
|
|
|
//this._paginator.page.subscribe((pageEvent: PageEvent) => {
|
|
|
|
// this.store.dispatch(new LoadPhotosRequestAction(pageEvent.pageIndex, pageEvent.pageSize))
|
|
|
|
//})
|
|
|
|
}
|
|
|
|
|
|
|
|
connect(): Observable<ProjectListingModel[]> {
|
|
|
|
const displayDataChanges = [
|
|
|
|
this._paginator.page
|
|
|
|
//this._sort.matSortChange
|
|
|
|
];
|
|
|
|
|
|
|
|
// If the user changes the sort order, reset back to the first page.
|
|
|
|
//this._sort.matSortChange.subscribe(() => {
|
|
|
|
// this._paginator.pageIndex = 0;
|
|
|
|
//})
|
|
|
|
|
|
|
|
return Observable.merge(...displayDataChanges)
|
|
|
|
.startWith(null)
|
|
|
|
.switchMap(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
this.isLoadingResults = true;
|
|
|
|
});
|
|
|
|
const startIndex = this._paginator.pageIndex * this._paginator.pageSize;
|
|
|
|
let fields: Array<string> = new Array();
|
|
|
|
if (this._sort.active) { fields = this._sort.direction === 'asc' ? ['+' + this._sort.active] : ['-' + this._sort.active]; }
|
|
|
|
const request = new DataTableRequest<ProjectCriteria>(startIndex, this._paginator.pageSize, { fields: fields });
|
|
|
|
request.criteria = this._criteria.criteria;
|
|
|
|
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']
|
|
|
|
});
|
|
|
|
this._criteria.onCallbackError(error.error);
|
|
|
|
return Observable.of(null);
|
|
|
|
})*/
|
|
|
|
.map(result => {
|
|
|
|
result.data = JsonSerializer.fromJSONArray(result.data, ProjectListingModel);
|
|
|
|
return result;
|
|
|
|
})
|
|
|
|
.map(result => {
|
|
|
|
setTimeout(() => {
|
|
|
|
this.isLoadingResults = false;
|
|
|
|
});
|
|
|
|
return result;
|
|
|
|
})
|
|
|
|
.map(result => {
|
|
|
|
if (!result) { return []; }
|
|
|
|
if (this._paginator.pageIndex === 0) { this.totalCount = result.totalCount; }
|
|
|
|
return result.data.map(item => {
|
|
|
|
item.dmps.map(dmp => {
|
|
|
|
dmp.url = 'dmps/edit/' + dmp.url;
|
|
|
|
dmp.all = 'dmps/project/' + item.id;
|
|
|
|
return dmp;
|
|
|
|
});
|
|
|
|
return item;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
disconnect() {
|
|
|
|
// No-op
|
|
|
|
}
|
2018-05-28 11:50:42 +02:00
|
|
|
}
|