Fixes the pagination on Dataset listing.

This commit is contained in:
gkolokythas 2019-05-10 11:53:39 +03:00
parent 11c1ac33cf
commit 7c887382b5
2 changed files with 7 additions and 2 deletions

View File

@ -23,7 +23,7 @@
[showDivider]="i != (listingItems.length - 1)" (onClick)="rowClicked($event)">
</app-dataset-listing-item-component>
</div>
<mat-paginator #paginator [length]="totalCount" [pageSizeOptions]="[10, 25, 100]" class="mt-2">
<mat-paginator #paginator [length]="totalCount" [pageSizeOptions]="[10, 25, 100]" (page)="pageThisEvent()" class="mt-2">
</mat-paginator>
</div>
</div>

View File

@ -73,6 +73,7 @@ export class DatasetListingComponent extends BaseComponent implements OnInit, IB
}
refresh() {
if (this._paginator.pageSize === undefined) this._paginator.pageSize = 10;
const startIndex = this._paginator.pageIndex * this._paginator.pageSize;
let fields: Array<string> = new Array();
if (this.sort && this.sort.active) { fields = this.sort.direction === 'asc' ? ['+' + this.sort.active] : ['-' + this.sort.active]; }
@ -90,6 +91,10 @@ export class DatasetListingComponent extends BaseComponent implements OnInit, IB
});
}
pageThisEvent(event) {
this.refresh();
}
rowClicked(dataset: DatasetListingModel) {
this.router.navigate(['/datasets/edit/' + dataset.id]);
}
@ -113,4 +118,4 @@ export class DatasetListingComponent extends BaseComponent implements OnInit, IB
.pipe(takeUntil(this._destroyed))
.subscribe();
}
}
}