From d6f7afb41648ea62db31ab65af70c787ed7c3f1f Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Tue, 12 Nov 2019 08:26:48 +0900
Subject: [PATCH] Enable to show shortcut tooltip for pagination

---
 .../containers/annotation/Paginator.vue       | 56 +++++++++++--------
 1 file changed, 34 insertions(+), 22 deletions(-)

diff --git a/frontend/components/containers/annotation/Paginator.vue b/frontend/components/containers/annotation/Paginator.vue
index f73aa293..c85a0aaf 100644
--- a/frontend/components/containers/annotation/Paginator.vue
+++ b/frontend/components/containers/annotation/Paginator.vue
@@ -3,28 +3,40 @@
     <span>
       {{ 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>
-    </v-btn>
+    <v-tooltip bottom>
+      <template v-slot:activator="{ on }">
+        <v-btn
+          v-shortkey.once="['arrowleft']"
+          text
+          :disabled="page===1"
+          fab
+          small
+          v-on="on"
+          @shortkey="prevPage"
+          @click="prevPage"
+        >
+          <v-icon>mdi-chevron-left</v-icon>
+        </v-btn>
+      </template>
+      <span>←</span>
+    </v-tooltip>
+    <v-tooltip bottom>
+      <template v-slot:activator="{ on }">
+        <v-btn
+          v-shortkey.once="['arrowright']"
+          text
+          :disabled="page===total"
+          fab
+          small
+          v-on="on"
+          @shortkey="nextPage"
+          @click="nextPage"
+        >
+          <v-icon>mdi-chevron-right</v-icon>
+        </v-btn>
+      </template>
+      <span>→</span>
+    </v-tooltip>
   </div>
 </template>