enh(files): added ability to escape out of all selection when focused

Signed-off-by: Eduardo Morales <emoral435@gmail.com>
nextcloud · Dec 21, 2023 · e1940ba · e1940ba
1 parent 73aeaa1
commit e1940ba
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git 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
@@ -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,
 	},
 })

diff --git a/dist/files-main.js b/dist/files-main.js
diff --git a/dist/files-main.js.map b/dist/files-main.js.map