From 2521b4a8c067a3e1116588544b031cdd9ad6741e Mon Sep 17 00:00:00 2001
From: Rodrigo <rodrigo.pavao.coffani.nunes@cern.ch>
Date: Wed, 27 Aug 2025 13:44:56 +0200
Subject: [PATCH] feat: add delete keyboard shortcut

---
 .../components/FilesList/ResourceTable.vue    | 20 ++++++++++++++++---
 .../actions/files/useFileActionsDelete.ts     |  1 +
 .../keyboardActions/useKeyboardActions.ts     |  3 ++-
 3 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/packages/web-pkg/src/components/FilesList/ResourceTable.vue b/packages/web-pkg/src/components/FilesList/ResourceTable.vue
index 0970c758007..b944f4f7019 100644
--- a/packages/web-pkg/src/components/FilesList/ResourceTable.vue
+++ b/packages/web-pkg/src/components/FilesList/ResourceTable.vue
@@ -286,7 +286,10 @@ import {
   useIsTopBarSticky,
   embedModeFilePickMessageData,
   routeToContextQuery,
-  useSpaceActionsRename
+  useSpaceActionsRename,
+  Key,
+  useKeyboardActions,
+  useSpacesStore
 } from '../../composables'
 import ResourceListItem from './ResourceListItem.vue'
 import ResourceGhostElement from './ResourceGhostElement.vue'
@@ -306,7 +309,7 @@ import ContextMenuQuickAction from '../ContextActions/ContextMenuQuickAction.vue
 import { useResourceRouteResolver } from '../../composables/filesList/useResourceRouteResolver'
 import { ClipboardActions } from '../../helpers/clipboardActions'
 import { determineResourceTableSortFields } from '../../helpers/ui/resourceTable'
-import { useFileActionsRename } from '../../composables/actions'
+import { useFileActionsDelete, useFileActionsRename } from '../../composables/actions'
 import { createLocationCommon } from '../../router'
 import get from 'lodash-es/get'
 import { storeToRefs } from 'pinia'
@@ -560,8 +563,12 @@ export default defineComponent({
     const authStore = useAuthStore()
     const { userContextReady } = storeToRefs(authStore)
 
+    const spaceStore = useSpacesStore()
+    const { currentSpace } = storeToRefs(spaceStore)
+
     const resourcesStore = useResourcesStore()
-    const { areFileExtensionsShown, latestSelectedId, deleteQueue } = storeToRefs(resourcesStore)
+    const { areFileExtensionsShown, latestSelectedId, selectedResources, deleteQueue } =
+      storeToRefs(resourcesStore)
 
     const dragItem = ref<Resource>()
     const ghostElement = ref()
@@ -572,6 +579,13 @@ export default defineComponent({
       () => capabilityStore.filesTags && width.value >= TAGS_MINIMUM_SCREEN_WIDTH
     )
 
+    const { actions: deleteActions } = useFileActionsDelete()
+    const deleteHandler = unref(deleteActions)[0].handler
+    const { bindKeyAction } = useKeyboardActions()
+    bindKeyAction({ primary: Key.Del }, () => {
+      deleteHandler({ space: unref(currentSpace), resources: unref(selectedResources) })
+    })
+
     const { actions: renameActions } = useFileActionsRename()
     const { actions: renameActionsSpace } = useSpaceActionsRename()
     const renameHandler = computed(() => unref(renameActions)[0].handler)
diff --git a/packages/web-pkg/src/composables/actions/files/useFileActionsDelete.ts b/packages/web-pkg/src/composables/actions/files/useFileActionsDelete.ts
index 17bbeb99ba8..f4cb70a59e1 100644
--- a/packages/web-pkg/src/composables/actions/files/useFileActionsDelete.ts
+++ b/packages/web-pkg/src/composables/actions/files/useFileActionsDelete.ts
@@ -43,6 +43,7 @@ export const useFileActionsDelete = () => {
       name: 'delete',
       icon: 'delete-bin-5',
       label: () => $gettext('Delete'),
+      shortcut: $gettext('Del'),
       handler: ({ space, resources }) => handler({ space, resources, deletePermanent: false }),
       isVisible: ({ space, resources }) => {
         if (
diff --git a/packages/web-pkg/src/composables/keyboardActions/useKeyboardActions.ts b/packages/web-pkg/src/composables/keyboardActions/useKeyboardActions.ts
index 1acd7c05216..be78f1f9d89 100644
--- a/packages/web-pkg/src/composables/keyboardActions/useKeyboardActions.ts
+++ b/packages/web-pkg/src/composables/keyboardActions/useKeyboardActions.ts
@@ -17,7 +17,8 @@ export enum Key {
   ArrowDown = 'ArrowDown',
   ArrowLeft = 'ArrowLeft',
   ArrowRight = 'ArrowRight',
-  Esc = 'Escape'
+  Esc = 'Escape',
+  Del = 'Delete'
 }
 
 export enum Modifier {