aboutsummaryrefslogtreecommitdiffstats
path: root/apps/files
diff options
context:
space:
mode:
authorEduardo Morales <emoral435@gmail.com>2023-12-21 12:59:52 -0600
committerGitHub <noreply@github.com>2023-12-21 12:59:52 -0600
commite24efd171963dc04c4164bc890b9001c057575da (patch)
treed2c2d71995fb23a1c357649bf6830cfc38a055c3 /apps/files
parent1201859609a4f16fbe382a1858cd377425edb263 (diff)
parente1940ba36846bd7010f77fae4e3a124d673b8e9b (diff)
downloadnextcloud-server-e24efd171963dc04c4164bc890b9001c057575da.tar.gz
nextcloud-server-e24efd171963dc04c4164bc890b9001c057575da.zip
Merge pull request #42415 from nextcloud/feat/add-escape-option-to-selection-of-files-while-focused
enh(files): added ability to escape out of all selection when focused
Diffstat (limited to 'apps/files')
-rw-r--r--apps/files/src/components/FileEntry/FileEntryCheckbox.vue7
-rw-r--r--apps/files/src/components/FilesListTableHeader.vue7
2 files changed, 12 insertions, 2 deletions
diff --git a/apps/files/src/components/FileEntry/FileEntryCheckbox.vue b/apps/files/src/components/FileEntry/FileEntryCheckbox.vue
index 961e4bf2266..ff88b461737 100644
--- a/apps/files/src/components/FileEntry/FileEntryCheckbox.vue
+++ b/apps/files/src/components/FileEntry/FileEntryCheckbox.vue
@@ -20,7 +20,8 @@
-
-->
<template>
- <td class="files-list__row-checkbox">
+ <td class="files-list__row-checkbox"
+ @keyup.esc.exact="resetSelection">
<NcLoadingIcon v-if="isLoading" />
<NcCheckboxRadioSwitch v-else
:aria-label="t('files', 'Select the row for {displayName}', { displayName })"
@@ -125,6 +126,10 @@ export default Vue.extend({
this.selectionStore.setLastIndex(newSelectedIndex)
},
+ resetSelection() {
+ this.selectionStore.reset()
+ },
+
t,
},
})
diff --git a/apps/files/src/components/FilesListTableHeader.vue b/apps/files/src/components/FilesListTableHeader.vue
index fef7c7a213e..285036a2f94 100644
--- a/apps/files/src/components/FilesListTableHeader.vue
+++ b/apps/files/src/components/FilesListTableHeader.vue
@@ -21,7 +21,8 @@
-->
<template>
<tr class="files-list__row-head">
- <th class="files-list__column files-list__row-checkbox">
+ <th class="files-list__column files-list__row-checkbox"
+ @keyup.esc.exact="resetSelection">
<NcCheckboxRadioSwitch v-bind="selectAllBind" @update:checked="onToggleAll" />
</th>
@@ -204,6 +205,10 @@ export default Vue.extend({
}
},
+ resetSelection() {
+ this.selectionStore.reset()
+ },
+
t: translate,
},
})