From 8eab7184d10f77a8922cddde306c263ff838fc03 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Merve=20=C3=96z=C3=A7if=C3=A7i?= <merveozcifci7@gmail.com>
Date: Tue, 19 Mar 2019 11:21:25 +0300
Subject: [PATCH] Row option added to paginator

---
 src/components/paginator/Paginator.vue           | 4 ++--
 src/components/paginator/RowsPerPageDropdown.vue | 9 ++++++---
 src/views/paginator/PaginatorDemo.vue            | 2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/paginator/Paginator.vue b/src/components/paginator/Paginator.vue
index 0f6267326..ec3950fbe 100644
--- a/src/components/paginator/Paginator.vue
+++ b/src/components/paginator/Paginator.vue
@@ -7,7 +7,7 @@
 			<LastPageLink v-if="item === 'LastPageLink'" :key="i"  @click="changePageToLast($event)" :disabled="isLastPage"/>
 			<PageLinks v-if="item === 'PageLinks'" :key="i" :value="updatePageLinks" :page="page" @click="pageLinkClick($event)"/>
 			<CurrentPageReport v-if="item === 'CurrentPageReport'" :key="i" :template="currentPageReportTemplate" :page="page" :pageCount="pageCount"/>
-			<!--<RowsPerPageDropdown v-if="item === 'RowsPerPageDropdown'" :key="i" :value="rows" :options="rowsPerPageOptions" @change="rowsChange($event)"/>-->
+			<RowsPerPageDropdown v-if="item === 'RowsPerPageDropdown'" :key="i" :value="rows" :options="rowsPerPageOptions" @rowsChange="rowsChange($event)"/>
 		</template>
 	</div>
 </template>
@@ -151,7 +151,7 @@
 			},
 
 			rowsChange(event) {
-				this.changePage(0, event.value);
+				this.changePage(0, event.value.code);
 			}
 		}
 	}
diff --git a/src/components/paginator/RowsPerPageDropdown.vue b/src/components/paginator/RowsPerPageDropdown.vue
index 143d51788..70d8e9253 100644
--- a/src/components/paginator/RowsPerPageDropdown.vue
+++ b/src/components/paginator/RowsPerPageDropdown.vue
@@ -1,5 +1,5 @@
 <template>
-	<Dropdown :value="value" v-model="selectedRow" :options="rowOptions" optionLabel="label" @change="$emit('change',$event)"></Dropdown>
+	<Dropdown v-model="selectedRow" :options="rowOptions" optionLabel="name" @change="$emit('rowsChange',$event)" :placeholder="String(value)"></Dropdown>
 </template>
 <script>
 	export default {
@@ -16,11 +16,14 @@
 		computed: {
 			rowOptions() {
 				var newOption = []
-				for(var i= 0; i<this.options.length; i++) {
-					newOption.push({label: String(this.options[i]), code: this.options[i]})
+				if(this.options) {
+					for(var i= 0; i<this.options.length; i++) {
+						newOption.push({name: String(this.options[i]), code: this.options[i]})
+					}
 				}
 				return newOption;
 			}
 		}
+
 	}
 </script>
\ No newline at end of file
diff --git a/src/views/paginator/PaginatorDemo.vue b/src/views/paginator/PaginatorDemo.vue
index 4924528fa..4e5345933 100644
--- a/src/views/paginator/PaginatorDemo.vue
+++ b/src/views/paginator/PaginatorDemo.vue
@@ -9,7 +9,7 @@
 
 		<div class="content-section implementation">
 			<h3 class="first">Default</h3>
-			<Paginator :first="first" :rows="rows" :totalRecords="120" @change="onPageChange($event)"></Paginator>
+			<Paginator :first="first" :rows="rows" :totalRecords="120" @change="onPageChange($event)" :rowsPerPageOptions="[10,20,30]"></Paginator>
 
 			<h3 class="first">Custom Template</h3>
 			<Paginator :first="first2" :rows="rows2" :totalRecords="120" @change="onPageChange2($event)" template="FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink"></Paginator>