diff options
Diffstat (limited to 'apps/files_sharing/src/components/SelectShareFolderDialogue.vue')
| -rw-r--r-- | apps/files_sharing/src/components/SelectShareFolderDialogue.vue | 42 |
1 files changed, 15 insertions, 27 deletions
diff --git a/apps/files_sharing/src/components/SelectShareFolderDialogue.vue b/apps/files_sharing/src/components/SelectShareFolderDialogue.vue index 405c6fd16ce..959fecaa4a4 100644 --- a/apps/files_sharing/src/components/SelectShareFolderDialogue.vue +++ b/apps/files_sharing/src/components/SelectShareFolderDialogue.vue @@ -1,32 +1,17 @@ <!-- - - @copyright 2021 Hinrich Mahler <nextcloud@mahlerhome.de> - - - - @license GNU AGPL version 3 or any later version - - - - This program is free software: you can redistribute it and/or modify - - it under the terms of the GNU Affero General Public License as - - published by the Free Software Foundation, either version 3 of the - - License, or (at your option) any later version. - - - - This program is distributed in the hope that it will be useful, - - but WITHOUT ANY WARRANTY; without even the implied warranty of - - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - - GNU Affero General Public License for more details. - - - - You should have received a copy of the GNU Affero General Public License - - along with this program. If not, see <http://www.gnu.org/licenses/>. - --> + - SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors + - SPDX-License-Identifier: AGPL-3.0-or-later +--> <template> <div class="share-folder"> - <span>{{ t('files_sharing', 'Set default folder for accepted shares') }} </span> - <!-- Folder picking form --> <form class="share-folder__form" @reset.prevent.stop="resetFolder"> - <input class="share-folder__picker" + <NcTextField class="share-folder__picker" type="text" - :placeholder="readableDirectory" - @click.prevent="pickFolder"> + :label="t('files_sharing', 'Set default folder for accepted shares')" + :value="readableDirectory" + @click.prevent="pickFolder" /> <!-- Show reset button if folder is different --> <input v-if="readableDirectory !== defaultDirectory" @@ -44,12 +29,16 @@ import path from 'path' import { generateUrl } from '@nextcloud/router' import { getFilePickerBuilder, showError } from '@nextcloud/dialogs' import { loadState } from '@nextcloud/initial-state' +import NcTextField from '@nextcloud/vue/components/NcTextField' const defaultDirectory = loadState('files_sharing', 'default_share_folder', '/') const directory = loadState('files_sharing', 'share_folder', defaultDirectory) export default { name: 'SelectShareFolderDialogue', + components: { + NcTextField, + }, data() { return { directory, @@ -68,10 +57,9 @@ export default { async pickFolder() { // Setup file picker - const picker = getFilePickerBuilder(t('files', 'Choose a default folder for accepted shares')) + const picker = getFilePickerBuilder(t('files_sharing', 'Choose a default folder for accepted shares')) .startAt(this.readableDirectory) .setMultiSelect(false) - .setModal(true) .setType(1) .setMimeTypeFilter(['httpd/unix-directory']) .allowDirectories() @@ -81,7 +69,7 @@ export default { // Init user folder picking const dir = await picker.pick() || '/' if (!dir.startsWith('/')) { - throw new Error(t('files', 'Invalid path selected')) + throw new Error(t('files_sharing', 'Invalid path selected')) } // Fix potential path issues and save results @@ -90,7 +78,7 @@ export default { shareFolder: this.directory, }) } catch (error) { - showError(error.message || t('files', 'Unknown error')) + showError(error.message || t('files_sharing', 'Unknown error')) } }, @@ -110,7 +98,7 @@ export default { &__picker { cursor: pointer; - min-width: 266px; + max-width: 300px; } // Make the reset button looks like text |