diff --git a/src/client/components/drive.vue b/src/client/components/drive.vue index 2279e2eb6..8a4349ae3 100644 --- a/src/client/components/drive.vue +++ b/src/client/components/drive.vue @@ -319,6 +319,49 @@ export default Vue.extend({ }); }, + renameFolder(folder) { + this.$root.dialog({ + title: this.$t('contextmenu.rename-folder'), + input: { + placeholder: this.$t('contextmenu.input-new-folder-name'), + default: folder.name + } + }).then(({ canceled, result: name }) => { + if (canceled) return; + this.$root.api('drive/folders/update', { + folderId: folder.id, + name: name + }).then(folder => { + // FIXME: 画面を更新するために自分自身に移動 + this.move(folder); + }); + }); + }, + + deleteFolder(folder) { + this.$root.api('drive/folders/delete', { + folderId: folder.id + }).then(() => { + // 削除時に親フォルダに移動 + this.move(folder.parentId); + }).catch(err => { + switch(err.id) { + case 'b0fc8a17-963c-405d-bfbc-859a487295e1': + this.$root.dialog({ + type: 'error', + title: this.$t('unable-to-delete'), + text: this.$t('has-child-files-or-folders') + }); + break; + default: + this.$root.dialog({ + type: 'error', + text: this.$t('unable-to-delete') + }); + } + }); + }, + onChangeFileInput() { for (const file of Array.from((this.$refs.fileInput as any).files)) { this.upload(file, this.folder); diff --git a/src/client/pages/drive.vue b/src/client/pages/drive.vue index 24a0d91ff..7b648939f 100644 --- a/src/client/pages/drive.vue +++ b/src/client/pages/drive.vue @@ -57,11 +57,11 @@ export default Vue.extend({ }, this.folder ? { text: this.$t('renameFolder'), icon: faICursor, - action: () => { this.$refs.drive.renameFolder(); } + action: () => { this.$refs.drive.renameFolder(this.folder); } } : undefined, this.folder ? { text: this.$t('deleteFolder'), icon: faTrashAlt, - action: () => { this.$refs.drive.deleteFolder(); } + action: () => { this.$refs.drive.deleteFolder(this.folder); } } : undefined, { text: this.$t('createFolder'), icon: faFolderPlus,