feat(files): add selection keyboard shortcuts

Signed-off-by: skjnldsv <skjnldsv@protonmail.com>

1 files changed, 36 insertions, 1 deletions

diff --git a/apps/files/src/components/FileEntry/FileEntryCheckbox.vue b/apps/files/src/components/FileEntry/FileEntryCheckbox.vue
index 9caa08cfe22..1b6112373f4 100644
--- a/apps/files/src/components/FileEntry/FileEntryCheckbox.vue
+++ b/apps/files/src/components/FileEntry/FileEntryCheckbox.vue
@@ -23,9 +23,11 @@ import { FileType } from '@nextcloud/files'
 import { translate as t } from '@nextcloud/l10n'
 import { defineComponent } from 'vue'
 
+import { useHotKey } from '@nextcloud/vue/dist/Composables/useHotKey.js'
 import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'
 
+import { useActiveStore } from '../../store/active.ts'
 import { useKeyboardStore } from '../../store/keyboard.ts'
 import { useSelectionStore } from '../../store/selection.ts'
 import logger from '../../logger.ts'
@@ -60,13 +62,21 @@ export default defineComponent({
 	setup() {
 		const selectionStore = useSelectionStore()
 		const keyboardStore = useKeyboardStore()
+		const activeStore = useActiveStore()
+
 		return {
+			activeStore,
 			keyboardStore,
 			selectionStore,
+			t,
 		}
 	},
 
 	computed: {
+		isActive() {
+			return this.activeStore.activeNode?.source === this.source.source
+		},
+
 		selectedFiles() {
 			return this.selectionStore.selected
 		},
@@ -91,6 +101,23 @@ export default defineComponent({
 		},
 	},
 
+	created() {
+		// ctrl+space toggle selection
+		useHotKey(' ', this.onToggleSelect, {
+			stop: true,
+			prevent: true,
+			ctrl: true,
+		})
+
+		// ctrl+shift+space toggle range selection
+		useHotKey(' ', this.onToggleSelect, {
+			stop: true,
+			prevent: true,
+			ctrl: true,
+			shift: true,
+		})
+	},
+
 	methods: {
 		onSelectionChange(selected: boolean) {
 			const newSelectedIndex = this.index
@@ -132,7 +159,15 @@ export default defineComponent({
 			this.selectionStore.reset()
 		},
 
-		t,
+		onToggleSelect() {
+			// Don't react if the node is not active
+			if (!this.isActive) {
+				return
+			}
+
+			logger.debug('Toggling selection for file', { source: this.source })
+			this.onSelectionChange(!this.isSelected)
+		},
 	},
 })
 </script>