From 45c8a719bc7f67b0806d61a1df47360b04160712 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 25 Mar 2022 08:13:52 +0100
Subject: [PATCH] add pagination, add row prepared for linkList Count

---
 admin/src/components/TransactionLinkList.vue | 21 ++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/admin/src/components/TransactionLinkList.vue b/admin/src/components/TransactionLinkList.vue
index a3c9abf6b..2b73b4e35 100644
--- a/admin/src/components/TransactionLinkList.vue
+++ b/admin/src/components/TransactionLinkList.vue
@@ -4,6 +4,14 @@
       {{ $t('transactionlink.form_header') }}
       <b-table striped hover :fields="fields" :items="items"></b-table>
     </div>
+    <b-pagination
+      pills
+      size="lg"
+      v-model="currentPage"
+      per-page="perPage"
+      :total-rows="rows"
+      align="center"
+    ></b-pagination>
   </div>
 </template>
 <script>
@@ -40,6 +48,9 @@ export default {
         },
       ],
       items: [],
+      rows: 0,
+      currentPage: 1,
+      perPage: 5,
     }
   },
   methods: {
@@ -48,12 +59,13 @@ export default {
         .query({
           query: listTransactionLinksAdmin,
           variables: {
-            currentPage: 1,
-            pageSize: 5,
+            currentPage: this.currentPage,
+            pageSize: this.perPage,
             userId: this.userId,
           },
         })
         .then((result) => {
+          // this.rows = result.data.length
           this.items = result.data.listTransactionLinksAdmin
         })
         .catch((error) => {
@@ -64,5 +76,10 @@ export default {
   created() {
     this.getListTransactionLinks()
   },
+  watch: {
+    currentPage() {
+      this.getListTransactionLinks()
+    },
+  },
 }
 </script>