From cff6880582bbaddfb8b67bcd80eef6c47c837643 Mon Sep 17 00:00:00 2001
From: Collin Brown <collinbrown95@gmail.com>
Date: Wed, 9 Sep 2020 10:34:38 -0400
Subject: [PATCH] Adding keyboard shortcut for approval button

---
 .../containers/annotation/ApproveButton.vue    | 18 ++++++++++++++++++
 frontend/layouts/annotation.vue                |  2 ++
 2 files changed, 20 insertions(+)

diff --git a/frontend/components/containers/annotation/ApproveButton.vue b/frontend/components/containers/annotation/ApproveButton.vue
index e7e5e984..84dd00a6 100644
--- a/frontend/components/containers/annotation/ApproveButton.vue
+++ b/frontend/components/containers/annotation/ApproveButton.vue
@@ -2,11 +2,13 @@
   <v-tooltip bottom>
     <template v-slot:activator="{ on }">
       <v-btn
+        v-shortkey.once="['a']"
         :disabled="disabled"
         class="text-capitalize ps-1 pe-1"
         min-width="36"
         outlined
         v-on="on"
+        @shortkey="approveNextPage"
         @click="approveDocument"
       >
         <v-icon v-if="approved">
@@ -35,6 +37,16 @@ export default {
     disabled: {
       type: Boolean,
       default: false
+    },
+    value: {
+      type: Number,
+      default: 1,
+      required: true
+    },
+    length: {
+      type: Number,
+      default: 1,
+      required: true
     }
   },
 
@@ -44,6 +56,12 @@ export default {
       this.approve({
         projectId: this.$route.params.id
       })
+    },
+    /** Approves document and moves to the next page */
+    approveNextPage() {
+      const page = Math.min(this.value + 1, this.length)
+      this.$emit('input', page)
+      this.approveDocument()
     }
   }
 }
diff --git a/frontend/layouts/annotation.vue b/frontend/layouts/annotation.vue
index 996f2ab6..0c3a5dd1 100644
--- a/frontend/layouts/annotation.vue
+++ b/frontend/layouts/annotation.vue
@@ -30,6 +30,8 @@
           <v-col>
             <approve-button
               v-if="canViewApproveButton"
+              v-model="page"
+              :length="total"
               :approved="approved"
               :disabled="currentDoc ? false : true"
             />