From df127024994352e9f94fc29c0934e274b2dd19d5 Mon Sep 17 00:00:00 2001
From: gkolokythas <gkolokythas@cite.gr>
Date: Wed, 8 May 2019 16:46:53 +0300
Subject: [PATCH] Adds pagination functionality on DMP listing.

---
 .../src/app/ui/dmp/listing/dmp-listing.component.html       | 2 +-
 .../src/app/ui/dmp/listing/dmp-listing.component.ts         | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html
index 917c63a33..814f27e69 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html
+++ b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.html
@@ -21,7 +21,7 @@
 						<div class="row" *ngFor="let item of listingItems; let i = index">
 							<app-dmp-listing-item-component class="col-12" [showDivider]="i != (listingItems.length - 1)" [dmp]="item" (onClick)="rowClicked($event)"></app-dmp-listing-item-component>
 						</div>
-						<mat-paginator #paginator [length]="totalCount" [pageSizeOptions]="[10, 25, 100]"></mat-paginator>
+						<mat-paginator #paginator [length]="totalCount" [pageSizeOptions]="[10, 25, 100]" (page)="pageThisEvent($event)"></mat-paginator>
 					</div>
 				</div>
 			</div>
diff --git a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
index ef974d60c..e32225c2d 100644
--- a/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
+++ b/dmp-frontend/src/app/ui/dmp/listing/dmp-listing.component.ts
@@ -89,6 +89,7 @@ export class DmpListingComponent extends BaseComponent implements OnInit, IBread
 	}
 
 	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]; }
@@ -113,6 +114,11 @@ export class DmpListingComponent extends BaseComponent implements OnInit, IBread
 		});
 	}
 
+	pageThisEvent(event) {
+		console.log(event);
+		this.refresh();
+	}
+
 	rowClicked(dmp: DmpListingModel) {
 		this.router.navigate(['/plans/edit/' + dmp.id]);
 	}