feat(task): save currently opened task with control/meta + s

src/components/misc/OpenQuickActions.vue

@@ -5,13 +5,12 @@ import {onBeforeUnmount, onMounted} from 'vue'
 import {eventToHotkeyString} from '@github/hotkey'
 
 const baseStore = useBaseStore()
-const GLOBAL_HOTKEY = 'Control+k'
 
 // See https://github.com/github/hotkey/discussions/85#discussioncomment-5214660
 function openQuickActionsViaHotkey(event) {
 	const hotkeyString = eventToHotkeyString(event)
 	if (!hotkeyString) return
-	if (hotkeyString !== GLOBAL_HOTKEY) return
+	if (hotkeyString !== 'Control+k' && hotkeyString !== 'Meta+k') return
 	event.preventDefault()
 
 	openQuickActions()

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

@@ -152,6 +152,10 @@ export const KEYBOARD_SHORTCUTS : ShortcutGroup[] = [
 				title: 'keyboardShortcuts.task.favorite',
 				keys: ['s'],
 			},
+			{
+				title: 'keyboardShortcuts.task.save',
+				keys: [ctrl, 's'],
+			},
 		],
 	},
 ]

src/i18n/lang/en.json

@@ -883,7 +883,8 @@
       "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"
+      "favorite": "Mark this task as favorite / unfavorite",
+      "save": "Save the current task"
     },
     "project": {
       "title": "Project Views",

src/views/tasks/TaskDetailView.vue

@@ -458,11 +458,12 @@
 </template>
 
 <script lang="ts" setup>
-import {ref, reactive, toRef, shallowReactive, computed, watch, nextTick} from 'vue'
+import {ref, reactive, toRef, shallowReactive, computed, watch, nextTick, onMounted, onBeforeUnmount} from 'vue'
 import {useRouter, type RouteLocation} from 'vue-router'
 import {useI18n} from 'vue-i18n'
 import {unrefElement} from '@vueuse/core'
 import {klona} from 'klona/lite'
+import {eventToHotkeyString} from '@github/hotkey'
 
 import TaskService from '@/services/task'
 import TaskModel, {TASK_DEFAULT_COLOR} from '@/models/task'
@@ -533,6 +534,24 @@ const kanbanStore = useKanbanStore()
 const task = ref<ITask>(new TaskModel())
 useTitle(toRef(task.value, 'title'))
 
+// See https://github.com/github/hotkey/discussions/85#discussioncomment-5214660
+function saveTaskViaHotkey(event) {
+	const hotkeyString = eventToHotkeyString(event)
+	if (!hotkeyString) return
+	if (hotkeyString !== 'Control+s' && hotkeyString !== 'Meta+s') return
+	event.preventDefault()
+
+	saveTask()
+}
+
+onMounted(() => {
+	document.addEventListener('keydown', saveTaskViaHotkey)
+})
+
+onBeforeUnmount(() => {
+	document.removeEventListener('keydown', saveTaskViaHotkey)
+})
+
 // We doubled the task color property here because verte does not have a real change property, leading
 // to the color property change being triggered when the # is removed from it, leading to an update,
 // which leads in turn to a change... This creates an infinite loop in which the task is updated, changed,