From d88c16a66c81cb59a94cccadc4babf76fcb7502c Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Fri, 14 Jan 2022 13:32:44 +0100
Subject: [PATCH] pagination for user list on creation page

---
 admin/src/pages/Creation.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue
index 5ab0954eb..60d9c427e 100644
--- a/admin/src/pages/Creation.vue
+++ b/admin/src/pages/Creation.vue
@@ -18,6 +18,13 @@
           :creation="creation"
           @update-item="updateItem"
         />
+        <b-pagination
+          pills
+          v-model="currentPage"
+          per-page="25"
+          :total-rows="rows"
+          align="center"
+        ></b-pagination>
       </b-col>
       <b-col cols="12" lg="6" class="shadow p-3 mb-5 rounded bg-info">
         <user-table
@@ -101,6 +108,8 @@ export default {
       radioSelectedMass: '',
       criteria: '',
       creation: [null, null, null],
+      rows: 0,
+      currentPage: 1,
     }
   },
   async created() {
@@ -113,9 +122,11 @@ export default {
           query: searchUsers,
           variables: {
             searchText: this.criteria,
+            currentPage: this.currentPage,
           },
         })
         .then((result) => {
+          this.rows = result.data.searchUsers.userCount
           this.itemsList = result.data.searchUsers.userList.map((user) => {
             return {
               ...user,
@@ -153,5 +164,13 @@ export default {
       this.itemsMassCreation = []
     },
   },
+  watch: {
+    currentPage() {
+      this.getUsers()
+    },
+    criteria() {
+      this.getUsers()
+    },
+  },
 }
 </script>