From c9e0c9b6cf488f65a9b99e437e64237fd3e18ea3 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 18 Apr 2021 19:32:31 +0200
Subject: [PATCH] Bring up the keyboard shortcuts when pressing ?

Doesn't really work right now, see https://github.com/iFgR/vue-shortkey/issues/116
---
 src/components/home/contentAuth.vue   | 18 +++++++++++++-----
 src/components/home/topNavigation.vue |  5 +++--
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/components/home/contentAuth.vue b/src/components/home/contentAuth.vue
index 48e009883..2918915b4 100644
--- a/src/components/home/contentAuth.vue
+++ b/src/components/home/contentAuth.vue
@@ -19,14 +19,19 @@
 				class="app-content"
 			>
 				<a @click="$store.commit('menuActive', false)" class="mobile-overlay" v-if="menuActive"></a>
-				
+
 				<router-view/>
-				
+
 				<transition name="modal">
 					<router-view name="popup"/>
 				</transition>
-				
-				<a @click="$store.commit('keyboardShortcutsActive', true)" class="keyboard-shortcuts-button">
+
+				<a
+					class="keyboard-shortcuts-button"
+					@click="showKeyboardShortcuts()"
+					@shortkey="showKeyboardShortcuts()"
+					v-shortkey="['?']"
+				>
 					<icon icon="keyboard"/>
 				</a>
 			</div>
@@ -36,7 +41,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {CURRENT_LIST, MENU_ACTIVE} from '@/store/mutation-types'
+import {CURRENT_LIST, KEYBOARD_SHORTCUTS_ACTIVE, MENU_ACTIVE} from '@/store/mutation-types'
 import Navigation from '@/components/home/navigation'
 
 export default {
@@ -115,6 +120,9 @@ export default {
 				this.$store.commit(MENU_ACTIVE, false)
 			}
 		},
+		showKeyboardShortcuts() {
+			this.$store.commit(KEYBOARD_SHORTCUTS_ACTIVE, true)
+		},
 	},
 }
 </script>
diff --git a/src/components/home/topNavigation.vue b/src/components/home/topNavigation.vue
index c0c17ce32..f01b7e0f7 100644
--- a/src/components/home/topNavigation.vue
+++ b/src/components/home/topNavigation.vue
@@ -69,8 +69,9 @@
 						v-if="privacyPolicyUrl">
 						Privacy policy
 					</a>
-					<a @click="$store.commit('keyboardShortcutsActive', true)" class="dropdown-item">Keyboard
-						Shortcuts</a>
+					<a @click="$store.commit('keyboardShortcutsActive', true)" class="dropdown-item">
+						Keyboard Shortcuts
+					</a>
 					<a @click="logout()" class="dropdown-item">
 						Logout
 					</a>