forked from hazza/dspace-angular
105 lines
3.1 KiB
TypeScript
105 lines
3.1 KiB
TypeScript
import {
|
|
ChangeDetectionStrategy,
|
|
Component,
|
|
EventEmitter,
|
|
Input,
|
|
Output,
|
|
ViewEncapsulation
|
|
} from '@angular/core';
|
|
import { SortDirection, SortOptions } from '../../core/cache/models/sort-options.model';
|
|
import { PaginatedList } from '../../core/data/paginated-list';
|
|
import { RemoteData } from '../../core/data/remote-data';
|
|
import { fadeIn } from '../animations/fade';
|
|
import { ListableObject } from '../object-collection/shared/listable-object.model';
|
|
import { PaginationComponentOptions } from '../pagination/pagination-component-options.model';
|
|
import { ViewMode } from '../../core/shared/view-mode.model';
|
|
import { Context } from '../../core/shared/context.model';
|
|
import { CollectionElementLinkType } from '../object-collection/collection-element-link.type';
|
|
|
|
@Component({
|
|
changeDetection: ChangeDetectionStrategy.Default,
|
|
encapsulation: ViewEncapsulation.Emulated,
|
|
selector: 'ds-object-list',
|
|
styleUrls: ['./object-list.component.scss'],
|
|
templateUrl: './object-list.component.html',
|
|
animations: [fadeIn]
|
|
})
|
|
export class ObjectListComponent {
|
|
viewMode = ViewMode.ListElement;
|
|
@Input() config: PaginationComponentOptions;
|
|
@Input() sortConfig: SortOptions;
|
|
@Input() hasBorder = false;
|
|
@Input() hideGear = false;
|
|
@Input() hidePagerWhenSinglePage = true;
|
|
@Input() linkType: CollectionElementLinkType;
|
|
@Input() context: Context;
|
|
private _objects: RemoteData<PaginatedList<ListableObject>>;
|
|
@Input() set objects(objects: RemoteData<PaginatedList<ListableObject>>) {
|
|
this._objects = objects;
|
|
}
|
|
|
|
get objects() {
|
|
return this._objects;
|
|
}
|
|
|
|
/**
|
|
* An event fired when the page is changed.
|
|
* Event's payload equals to the newly selected page.
|
|
*/
|
|
@Output() change: EventEmitter<{
|
|
pagination: PaginationComponentOptions,
|
|
sort: SortOptions
|
|
}> = new EventEmitter<{
|
|
pagination: PaginationComponentOptions,
|
|
sort: SortOptions
|
|
}>();
|
|
|
|
/**
|
|
* An event fired when the page is changed.
|
|
* Event's payload equals to the newly selected page.
|
|
*/
|
|
@Output() pageChange: EventEmitter<number> = new EventEmitter<number>();
|
|
|
|
/**
|
|
* An event fired when the page wsize is changed.
|
|
* Event's payload equals to the newly selected page size.
|
|
*/
|
|
@Output() pageSizeChange: EventEmitter<number> = new EventEmitter<number>();
|
|
|
|
/**
|
|
* An event fired when the sort direction is changed.
|
|
* Event's payload equals to the newly selected sort direction.
|
|
*/
|
|
@Output() sortDirectionChange: EventEmitter<SortDirection> = new EventEmitter<SortDirection>();
|
|
|
|
@Output() paginationChange: EventEmitter<SortDirection> = new EventEmitter<any>();
|
|
|
|
/**
|
|
* An event fired when the sort field is changed.
|
|
* Event's payload equals to the newly selected sort field.
|
|
*/
|
|
@Output() sortFieldChange: EventEmitter<string> = new EventEmitter<string>();
|
|
data: any = {};
|
|
|
|
onPageChange(event) {
|
|
this.pageChange.emit(event);
|
|
}
|
|
|
|
onPageSizeChange(event) {
|
|
this.pageSizeChange.emit(event);
|
|
}
|
|
|
|
onSortDirectionChange(event) {
|
|
this.sortDirectionChange.emit(event);
|
|
}
|
|
|
|
onSortFieldChange(event) {
|
|
this.sortFieldChange.emit(event);
|
|
}
|
|
|
|
onPaginationChange(event) {
|
|
this.paginationChange.emit(event);
|
|
}
|
|
|
|
}
|