Replace custom input field with NcTextField

Signed-off-by: julia.kirschenheuter <[email protected]>
nextcloud · Aug 29, 2023 · e566068 · e566068
1 parent ea92fb9
commit e566068
Show file tree

Hide file tree

Showing 79 changed files with 11 additions and 3,585 deletions.
diff --git a/apps/files_sharing/src/components/SelectShareFolderDialogue.vue b/apps/files_sharing/src/components/SelectShareFolderDialogue.vue
@@ -19,14 +19,13 @@
 
 <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"
+				:label="t('files_sharing', 'Set default folder for accepted shares')"
 				:placeholder="readableDirectory"
-				@click.prevent="pickFolder">
+				@click.prevent="pickFolder" />
 
 			<!-- Show reset button if folder is different -->
 			<input v-if="readableDirectory !== defaultDirectory"
@@ -44,12 +43,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/dist/Components/NcTextField.js'
 
 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,
@@ -109,7 +112,7 @@ export default {
 
 	&__picker {
 		cursor: pointer;
-		min-width: 266px;
+		max-width: 300px;
 	}
 
 	// Make the reset button looks like text

diff --git a/dist/2246-2246.js b/dist/2246-2246.js
diff --git a/dist/2246-2246.js.map b/dist/2246-2246.js.map
diff --git a/dist/2323-2323.js b/dist/2323-2323.js
diff --git a/dist/2323-2323.js.LICENSE.txt b/dist/2323-2323.js.LICENSE.txt
diff --git a/dist/2323-2323.js.map b/dist/2323-2323.js.map
diff --git a/dist/2798-2798.js b/dist/2798-2798.js
diff --git a/dist/2798-2798.js.LICENSE.txt b/dist/2798-2798.js.LICENSE.txt
diff --git a/dist/2798-2798.js.map b/dist/2798-2798.js.map
diff --git a/dist/614-614.js b/dist/614-614.js
diff --git a/dist/614-614.js.map b/dist/614-614.js.map
diff --git a/dist/7816-7816.js b/dist/7816-7816.js
diff --git a/dist/7816-7816.js.LICENSE.txt b/dist/7816-7816.js.LICENSE.txt
diff --git a/dist/7816-7816.js.map b/dist/7816-7816.js.map
diff --git a/dist/9223-9223.js b/dist/9223-9223.js
diff --git a/dist/9223-9223.js.map b/dist/9223-9223.js.map
diff --git a/dist/comments-comments-app.js.LICENSE.txt b/dist/comments-comments-app.js.LICENSE.txt
diff --git a/dist/comments-comments-tab.js.LICENSE.txt b/dist/comments-comments-tab.js.LICENSE.txt
diff --git a/dist/comments-comments.js.LICENSE.txt b/dist/comments-comments.js.LICENSE.txt