From 36c4027af6ba5784c1470a3f542f61fc8649c58b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 3 Nov 2021 19:43:25 +0100
Subject: [PATCH] feat: add new shortcuts to docs

---
 src/components/misc/keyboard-shortcuts.vue | 39 +++++++++++++++++++++-
 src/components/misc/shortcut.vue           |  6 +++-
 src/i18n/lang/en.json                      |  8 +++++
 3 files changed, 51 insertions(+), 2 deletions(-)

diff --git a/src/components/misc/keyboard-shortcuts.vue b/src/components/misc/keyboard-shortcuts.vue
index 10ac3c0cd..fbd7bd5bc 100644
--- a/src/components/misc/keyboard-shortcuts.vue
+++ b/src/components/misc/keyboard-shortcuts.vue
@@ -14,6 +14,7 @@
 						<strong>{{ $t('keyboardShortcuts.quickSearch') }}</strong>
 						<shortcut :keys="['ctrl', 'k']"/>
 					</p>
+					
 					<h3>{{ $t('list.kanban.title') }}</h3>
 					<div class="message is-primary" v-if="$route.name === 'list.kanban'">
 						<div class="message-body">
@@ -24,10 +25,34 @@
 						<strong>{{ $t('keyboardShortcuts.task.done') }}</strong>
 						<shortcut :keys="['ctrl', 'click']"/>
 					</p>
+					
+					<h3>{{ $t('keyboardShortcuts.list.title') }}</h3>
+					<div class="message is-primary" v-if="isListPage">
+						<div class="message-body">
+							{{ $t('keyboardShortcuts.currentPageOnly') }}
+						</div>
+					</div>
+					<p>
+						<strong>{{ $t('keyboardShortcuts.list.switchToListView') }}</strong>
+						<shortcut :keys="['g', 'l']" :combination="$t('keyboardShortcuts.then')"/>
+					</p>
+					<p>
+						<strong>{{ $t('keyboardShortcuts.list.switchToGanttView') }}</strong>
+						<shortcut :keys="['g', 'g']" :combination="$t('keyboardShortcuts.then')"/>
+					</p>
+					<p>
+						<strong>{{ $t('keyboardShortcuts.list.switchToTableView') }}</strong>
+						<shortcut :keys="['g', 't']" :combination="$t('keyboardShortcuts.then')"/>
+					</p>
+					<p>
+						<strong>{{ $t('keyboardShortcuts.list.switchToKanbanView') }}</strong>
+						<shortcut :keys="['g', 'k']" :combination="$t('keyboardShortcuts.then')"/>
+					</p>
+					
 					<h3>{{ $t('keyboardShortcuts.task.title') }}</h3>
 					<div
 						class="message is-primary"
-						v-if="$route.name === 'task.detail' || $route.name === 'task.list.detail' || $route.name === 'task.gantt.detail' || $route.name === 'task.kanban.detail' || $route.name === 'task.detail'">
+						v-if="isTaskPage">
 						<div class="message-body">
 							{{ $t('keyboardShortcuts.currentPageOnly') }}
 						</div>
@@ -63,6 +88,18 @@ import Shortcut from '@/components/misc/shortcut.vue'
 export default {
 	name: 'keyboard-shortcuts',
 	components: {Shortcut},
+	computed: {
+		isTaskPage() {
+			return this.$route.name === 'task.detail' || 
+				this.$route.name === 'task.list.detail' || 
+				this.$route.name === 'task.gantt.detail' || 
+				this.$route.name === 'task.kanban.detail' || 
+				this.$route.name === 'task.detail'
+		},
+		isListPage() {
+			return this.$route.name.startsWith('list.')
+		},
+	},
 	methods: {
 		close() {
 			this.$store.commit(KEYBOARD_SHORTCUTS_ACTIVE, false)
diff --git a/src/components/misc/shortcut.vue b/src/components/misc/shortcut.vue
index 5d155db20..a822cecb4 100644
--- a/src/components/misc/shortcut.vue
+++ b/src/components/misc/shortcut.vue
@@ -2,7 +2,7 @@
 	<span class="shortcuts">
 		<template v-for="(k, i) in keys" :key="i">
 			<kbd>{{ k }}</kbd>
-			<span v-if="i < keys.length - 1">+</span>
+			<span v-if="i < keys.length - 1">{{ combination }}</span>
 		</template>
 	</span>
 </template>
@@ -15,6 +15,10 @@ export default {
 			type: Array,
 			required: true,
 		},
+		combination: {
+			type: String,
+			default: '+',
+		},
 	},
 }
 </script>
diff --git a/src/i18n/lang/en.json b/src/i18n/lang/en.json
index 3d684db7e..11d93d598 100644
--- a/src/i18n/lang/en.json
+++ b/src/i18n/lang/en.json
@@ -747,6 +747,7 @@
     "currentPageOnly": "These shortcuts work only on the current page.",
     "toggleMenu": "Toggle The Menu",
     "quickSearch": "Open the search/quick action bar",
+    "then": "then",
     "task": {
       "title": "Task Page",
       "done": "Mark a task as done",
@@ -755,6 +756,13 @@
       "dueDate": "Change the due date of this task",
       "attachment": "Add an attachment to this task",
       "related": "Modify related tasks of this task"
+    },
+    "list": {
+      "title": "List Views",
+      "switchToListView": "Switch to list view",
+      "switchToGanttView": "Switch to gantt view",
+      "switchToKanbanView": "Switch to kanban view",
+      "switchToTableView": "Switch to table view"
     }
   },
   "update": {