From 5c7fff0f12ea3b22b18afa0c67d739006823522c Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Tue, 12 Nov 2019 08:08:32 +0900
Subject: [PATCH] Enable to paginate by shortcut keys

---
 .../components/containers/annotation/Paginator.vue     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/components/containers/annotation/Paginator.vue b/frontend/components/containers/annotation/Paginator.vue
index b40af3e6..f73aa293 100644
--- a/frontend/components/containers/annotation/Paginator.vue
+++ b/frontend/components/containers/annotation/Paginator.vue
@@ -4,19 +4,23 @@
       {{ page }} of {{ total }}
     </span>
     <v-btn
+      v-shortkey.once="['arrowleft']"
       text
       :disabled="page===1"
       fab
       small
+      @shortkey="prevPage"
       @click="prevPage"
     >
       <v-icon>mdi-chevron-left</v-icon>
     </v-btn>
     <v-btn
+      v-shortkey.once="['arrowright']"
       text
       :disabled="page===total"
       fab
       small
+      @shortkey="nextPage"
       @click="nextPage"
     >
       <v-icon>mdi-chevron-right</v-icon>
@@ -25,7 +29,9 @@
 </template>
 
 <script>
+import Vue from 'vue'
 import { mapState, mapActions, mapMutations } from 'vuex'
+Vue.use(require('vue-shortkey'))
 
 export default {
   data() {
@@ -79,10 +85,10 @@ export default {
     ...mapActions('documents', ['getDocumentList']),
     ...mapMutations('documents', ['setCurrent', 'updateSearchOptions']),
     prevPage() {
-      this.page -= 1
+      this.page = Math.max(this.page - 1, 1)
     },
     nextPage() {
-      this.page += 1
+      this.page = Math.min(this.page + 1, this.total)
     }
   }
 }