diff --git a/client/src/components/files.vue b/client/src/components/files.vue index e959dc12..c2e9c749 100644 --- a/client/src/components/files.vue +++ b/client/src/components/files.vue @@ -4,14 +4,57 @@

{{ cwd }}

+
+
+ + {{ tWithFallback('files.select', 'Select') }} + + + {{ + isAllSelected + ? tWithFallback('files.unselect_all', 'Unselect All') + : tWithFallback('files.select_all', 'Select All') + }} + +
+
+ + {{ tWithFallback('files.delete', 'Delete') }} ({{ selectedFiles.length }}) + + + {{ tWithFallback('files.cancel', 'Cancel') }} + +
+
-
+
+

{{ item.name }}

{{ fileSize(item.size) }}

- + -1) { + this.selectedFiles.splice(index, 1) + } else { + this.selectedFiles.push(name) + } + } + + onItemClick(item: FileListItem, event: MouseEvent) { + if (item.type === 'dir') { + return + } + + if (event.ctrlKey || event.metaKey) { + if (!this.selectionMode) { + this.selectionMode = true + } + this.toggleSelectFile(item.name) + return + } + + if (this.selectionMode) { + this.toggleSelectFile(item.name) + } + } + + get isAllSelected() { + const nonDirFiles = this.files.filter((f) => f.type !== 'dir') + if (nonDirFiles.length === 0) return false + return nonDirFiles.every((f) => this.isSelected(f.name)) + } + + toggleSelectAll() { + const nonDirFiles = this.files.filter((f) => f.type !== 'dir') + if (this.isAllSelected) { + this.selectedFiles = [] + } else { + this.selectedFiles = nonDirFiles.map((f) => f.name) + } + } + + tWithFallback(key: string, fallback: string, formatData?: any) { + const translated = this.$t(key, formatData) + if (translated === key) { + if (formatData) { + let str = fallback + for (const k of Object.keys(formatData)) { + str = str.replace(`{${k}}`, formatData[k]) + } + return str + } + return fallback + } + return translated as string + } + + async deleteSelectedFiles() { + if (this.selectedFiles.length === 0) return + + const count = this.selectedFiles.length + const { isConfirmed } = await this.$swal({ + title: this.tWithFallback('files.delete_selected_title', 'Delete selected files?'), + text: this.tWithFallback( + 'files.delete_selected_confirm', + 'Do you really want to remove the {count} selected files?', + { count }, + ), + icon: 'warning', + showCancelButton: true, + confirmButtonText: this.$t('context.confirm.button_yes') as string, + cancelButtonText: this.$t('context.confirm.button_cancel') as string, + }) + if (!isConfirmed) { + return + } + + const filesToRemove = [...this.selectedFiles] + this.selectionMode = false + this.selectedFiles = [] + + for (const name of filesToRemove) { + const url = '/file?pwd=' + encodeURIComponent(this.$accessor.password) + '&filename=' + encodeURIComponent(name) + try { + await this.$http.delete(url) + } catch (error: any) { + this.$log.error(new Error(`Failed to delete ${name}: ${error.message || error}`)) + } + } + this.$accessor.files.refresh() + } get canDownload() { return this.$accessor.user.admin || this.$accessor.files.userDownload diff --git a/client/src/locale/de-de.ts b/client/src/locale/de-de.ts index 34aec98e..12361077 100644 --- a/client/src/locale/de-de.ts +++ b/client/src/locale/de-de.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Löschen', delete_title: '"{name}" löschen?', delete_confirm: 'Möchten Sie diese Datei wirklich entfernen?', + select: 'Auswählen', + select_all: 'Alle auswählen', + unselect_all: 'Alle abwählen', + cancel: 'Abbrechen', + delete_selected_title: 'Ausgewählte Dateien löschen?', + delete_selected_confirm: 'Möchten Sie die {count} ausgewählten Dateien wirklich entfernen?', } diff --git a/client/src/locale/en-us.ts b/client/src/locale/en-us.ts index 99cb16ce..22137354 100644 --- a/client/src/locale/en-us.ts +++ b/client/src/locale/en-us.ts @@ -130,4 +130,10 @@ export const files = { delete: 'Delete', delete_title: 'Delete "{name}"?', delete_confirm: 'Do you really want to remove this file?', + select: 'Select', + select_all: 'Select All', + unselect_all: 'Unselect All', + cancel: 'Cancel', + delete_selected_title: 'Delete selected files?', + delete_selected_confirm: 'Do you really want to remove the {count} selected files?', } diff --git a/client/src/locale/es-sp.ts b/client/src/locale/es-sp.ts index a8f300b5..2d7ae0b7 100644 --- a/client/src/locale/es-sp.ts +++ b/client/src/locale/es-sp.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Eliminar', delete_title: '¿Eliminar "{name}"?', delete_confirm: '¿Realmente deseas eliminar este archivo?', + select: 'Seleccionar', + select_all: 'Seleccionar todo', + unselect_all: 'Deseleccionar todo', + cancel: 'Cancelar', + delete_selected_title: '¿Eliminar los archivos seleccionados?', + delete_selected_confirm: '¿Realmente deseas eliminar los {count} archivos seleccionados?', } diff --git a/client/src/locale/fi-fi.ts b/client/src/locale/fi-fi.ts index e36e0638..04e96d2b 100644 --- a/client/src/locale/fi-fi.ts +++ b/client/src/locale/fi-fi.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Poista', delete_title: 'Poistetaanko "{name}"?', delete_confirm: 'Haluatko varmasti poistaa tämän tiedoston?', + select: 'Valitse', + select_all: 'Valitse kaikki', + unselect_all: 'Poista kaikki valinnat', + cancel: 'Peruuta', + delete_selected_title: 'Poistetaanko valitut tiedostot?', + delete_selected_confirm: 'Haluatko varmasti poistaa {count} valittua tiedostoa?', } diff --git a/client/src/locale/fr-fr.ts b/client/src/locale/fr-fr.ts index 471539e3..42227086 100644 --- a/client/src/locale/fr-fr.ts +++ b/client/src/locale/fr-fr.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Supprimer', delete_title: 'Supprimer "{name}" ?', delete_confirm: 'Voulez-vous vraiment supprimer ce fichier ?', + select: 'Sélectionner', + select_all: 'Tout sélectionner', + unselect_all: 'Tout désélectionner', + cancel: 'Annuler', + delete_selected_title: 'Supprimer les fichiers sélectionnés ?', + delete_selected_confirm: 'Voulez-vous vraiment supprimer les {count} fichiers sélectionnés ?', } diff --git a/client/src/locale/id-id.ts b/client/src/locale/id-id.ts index 3106ac03..ff441dbc 100644 --- a/client/src/locale/id-id.ts +++ b/client/src/locale/id-id.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Hapus', delete_title: 'Hapus "{name}"?', delete_confirm: 'Apakah Anda benar-benar ingin menghapus berkas ini?', + select: 'Pilih', + select_all: 'Pilih Semua', + unselect_all: 'Batalkan Semua Pilihan', + cancel: 'Batal', + delete_selected_title: 'Hapus berkas yang dipilih?', + delete_selected_confirm: 'Apakah Anda benar-benar ingin menghapus {count} berkas yang dipilih?', } diff --git a/client/src/locale/ja-jp.ts b/client/src/locale/ja-jp.ts index 850ce716..61507e6d 100644 --- a/client/src/locale/ja-jp.ts +++ b/client/src/locale/ja-jp.ts @@ -127,4 +127,10 @@ export const files = { delete: '削除', delete_title: '"{name}" を削除しますか？', delete_confirm: '本当にこのファイルを削除しますか？', + select: '選択', + select_all: 'すべて選択', + unselect_all: 'すべて選択解除', + cancel: 'キャンセル', + delete_selected_title: '選択したファイルを削除しますか？', + delete_selected_confirm: '選択した{count}個のファイルを本当に削除しますか？', } diff --git a/client/src/locale/ko-kr.ts b/client/src/locale/ko-kr.ts index 99d7074d..e7f6f5f4 100644 --- a/client/src/locale/ko-kr.ts +++ b/client/src/locale/ko-kr.ts @@ -127,4 +127,10 @@ export const files = { delete: '삭제', delete_title: '"{name}" 을(를) 삭제하시겠습니까?', delete_confirm: '정말로 이 파일을 삭제하시겠습니까?', + select: '선택', + select_all: '모두 선택', + unselect_all: '모두 선택 해제', + cancel: '취소', + delete_selected_title: '선택한 파일을 삭제하시겠습니까?', + delete_selected_confirm: '선택한 {count}개의 파일을 정말로 삭제하시겠습니까?', } diff --git a/client/src/locale/nb-no.ts b/client/src/locale/nb-no.ts index 0b75d553..be67d6d5 100644 --- a/client/src/locale/nb-no.ts +++ b/client/src/locale/nb-no.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Slett', delete_title: 'Slette "{name}"?', delete_confirm: 'Er du sikker på at du vil slette denne filen?', + select: 'Velg', + select_all: 'Velg alle', + unselect_all: 'Fjern alle valg', + cancel: 'Avbryt', + delete_selected_title: 'Slette valgte filer?', + delete_selected_confirm: 'Er du sikker på at du vil slette de {count} valgte filene?', } diff --git a/client/src/locale/pl-pl.ts b/client/src/locale/pl-pl.ts index 3cb123e8..f8c68921 100644 --- a/client/src/locale/pl-pl.ts +++ b/client/src/locale/pl-pl.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Usuń', delete_title: 'Usunąć "{name}"?', delete_confirm: 'Czy na pewno chcesz usunąć ten plik?', + select: 'Zaznacz', + select_all: 'Zaznacz wszystko', + unselect_all: 'Odznacz wszystko', + cancel: 'Anuluj', + delete_selected_title: 'Usunąć zaznaczone pliki?', + delete_selected_confirm: 'Czy na pewno chcesz usunąć {count} zaznaczonych plików?', } diff --git a/client/src/locale/ru-ru.ts b/client/src/locale/ru-ru.ts index 91e40a93..867747d5 100644 --- a/client/src/locale/ru-ru.ts +++ b/client/src/locale/ru-ru.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Удалить', delete_title: 'Удалить "{name}"?', delete_confirm: 'Вы действительно хотите удалить этот файл?', + select: 'Выбрать', + select_all: 'Выбрать все', + unselect_all: 'Снять выделение', + cancel: 'Отмена', + delete_selected_title: 'Удалить выбранные файлы?', + delete_selected_confirm: 'Вы действительно хотите удалить {count} выбранных файлов?', } diff --git a/client/src/locale/sk-sk.ts b/client/src/locale/sk-sk.ts index 846d4389..170e42ce 100644 --- a/client/src/locale/sk-sk.ts +++ b/client/src/locale/sk-sk.ts @@ -133,4 +133,10 @@ export const files = { delete: 'Odstrániť', delete_title: 'Odstrániť "{name}"?', delete_confirm: 'Naozaj chcete odstrániť tento súbor?', + select: 'Vybrať', + select_all: 'Vybrať všetko', + unselect_all: 'Zrušiť výber', + cancel: 'Zrušiť', + delete_selected_title: 'Odstrániť vybrané súbory?', + delete_selected_confirm: 'Naozaj chcete odstrániť {count} vybraných súborov?', } diff --git a/client/src/locale/sv-se.ts b/client/src/locale/sv-se.ts index bbbe6a52..b3c8251e 100644 --- a/client/src/locale/sv-se.ts +++ b/client/src/locale/sv-se.ts @@ -127,4 +127,10 @@ export const files = { delete: 'Ta bort', delete_title: 'Ta bort "{name}"?', delete_confirm: 'Vill du verkligen ta bort den här filen?', + select: 'Markera', + select_all: 'Markera alla', + unselect_all: 'Avmarkera alla', + cancel: 'Avbryt', + delete_selected_title: 'Ta bort markerade filer?', + delete_selected_confirm: 'Vill du verkligen ta bort de {count} markerade filerna?', } diff --git a/client/src/locale/zh-cn.ts b/client/src/locale/zh-cn.ts index d6b0a1b7..0481d6c6 100644 --- a/client/src/locale/zh-cn.ts +++ b/client/src/locale/zh-cn.ts @@ -127,4 +127,10 @@ export const files = { delete: '删除', delete_title: '删除"{name}"？', delete_confirm: '确定要删除此文件吗？', + select: '选择', + select_all: '全选', + unselect_all: '取消全选', + cancel: '取消', + delete_selected_title: '删除选中的文件？', + delete_selected_confirm: '确定要删除选中的 {count} 个文件吗？', } diff --git a/client/src/locale/zh-tw.ts b/client/src/locale/zh-tw.ts index dddbfd09..8e554d19 100644 --- a/client/src/locale/zh-tw.ts +++ b/client/src/locale/zh-tw.ts @@ -127,4 +127,10 @@ export const files = { delete: '刪除', delete_title: '刪除「{name}」？', delete_confirm: '確定要刪除此檔案嗎？', + select: '選擇', + select_all: '全選', + unselect_all: '取消全選', + cancel: '取消', + delete_selected_title: '刪除選取的檔案？', + delete_selected_confirm: '確定要刪除選取的 {count} 個檔案嗎？', }