feat: add hotkeys for priority, delete and favorite on the TaskDetailView (#3400)

Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/3400
Reviewed-by: konrad <k@knt.li>
Co-authored-by: primeapple <toni.mueller.web@mailbox.org>
Co-committed-by: primeapple <toni.mueller.web@mailbox.org>

src/components/misc/keyboard-shortcuts/shortcuts.ts

@@ -140,6 +140,18 @@ export const KEYBOARD_SHORTCUTS : ShortcutGroup[] = [
 				title: 'keyboardShortcuts.task.description',
 				keys: ['e'],
 			},
+			{
+				title: 'keyboardShortcuts.task.priority',
+				keys: ['p'],
+			},
+			{
+				title: 'keyboardShortcuts.task.delete',
+				keys: ['shift', 'delete'],
+			},
+			{
+				title: 'keyboardShortcuts.task.favorite',
+				keys: ['s'],
+			},
 		],
 	},
-]
+]

src/i18n/lang/en.json

@@ -897,7 +897,10 @@
       "color": "Change the color of this task",
       "move": "Move this task to another project",
       "reminder": "Manage reminders of this task",
-      "description": "Toggle editing of the task description"
+      "description": "Toggle editing of the task description",
+      "delete": "Delete this task",
+      "priority": "Change the priority of this task",
+      "favorite": "Mark this task as favorite / unfavorite"
     },
     "project": {
       "title": "Project Views",
@@ -1056,4 +1059,4 @@
     "frontendVersion": "Frontend Version: {version}",
     "apiVersion": "API Version: {version}"
   }
-}
+}

src/views/tasks/TaskDetailView.vue

@@ -322,6 +322,7 @@
 							@click="setFieldActive('priority')"
 							variant="secondary"
 							icon="exclamation"
+							v-shortcut="'p'"
 						>
 							{{ $t('task.detail.actions.priority') }}
 						</x-button>
@@ -406,6 +407,7 @@
 							@click="toggleFavorite"
 							variant="secondary"
 							:icon="task.isFavorite ? 'star' : ['far', 'star']"
+							v-shortcut="'s'"
 						>
 							{{
 								task.isFavorite ? $t('task.detail.actions.unfavorite') : $t('task.detail.actions.favorite')
@@ -416,6 +418,7 @@
 							icon="trash-alt"
 							:shadow="false"
 							class="is-danger is-outlined has-no-border"
+							v-shortcut="'Shift+Delete'"
 						>
 							{{ $t('task.detail.actions.delete') }}
 						</x-button>