diff options
| author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-12-05 11:05:06 +0100 |
|---|---|---|
| committer | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-12-08 10:22:42 +0100 |
| commit | 696545b5300326e57bd24821cb2746aee30a992b (patch) | |
| tree | d861aeb96e9ea06404eaf42a0db044e64b61d7ea /apps/files_sharing/src | |
| parent | cdb6f37a101d4736b0ee9b7cefe4265271f89f87 (diff) | |
| download | nextcloud-server-696545b5300326e57bd24821cb2746aee30a992b.tar.gz nextcloud-server-696545b5300326e57bd24821cb2746aee30a992b.zip | |
Replace input filed with password field and added password error message
Remove unneeded NcDateTimePicker
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Diffstat (limited to 'apps/files_sharing/src')
| -rw-r--r-- | apps/files_sharing/src/views/SharingDetailsTab.vue | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/apps/files_sharing/src/views/SharingDetailsTab.vue b/apps/files_sharing/src/views/SharingDetailsTab.vue index d882aac9b87..8c0bb32f84d 100644 --- a/apps/files_sharing/src/views/SharingDetailsTab.vue +++ b/apps/files_sharing/src/views/SharingDetailsTab.vue @@ -105,10 +105,10 @@ <NcCheckboxRadioSwitch :checked.sync="isPasswordProtected" :disabled="isPasswordEnforced"> {{ t('files_sharing', 'Set password') }} </NcCheckboxRadioSwitch> - <NcInputField v-if="isPasswordProtected" - :type="hasUnsavedPassword ? 'text' : 'password'" - :value="hasUnsavedPassword ? share.newPassword : '***************'" + <NcPasswordField v-if="isPasswordProtected" + :value="hasUnsavedPassword ? share.newPassword : ''" :error="passwordError" + :helper-text="errorPasswordLabel" :required="isPasswordEnforced" :label="t('files_sharing', 'Password')" @update:value="onPasswordChange" /> @@ -219,8 +219,8 @@ import { getLanguage } from '@nextcloud/l10n' import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' import NcInputField from '@nextcloud/vue/dist/Components/NcInputField.js' +import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js' import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js' -import NcDateTimePicker from '@nextcloud/vue/dist/Components/NcDateTimePicker.js' import NcDateTimePickerNative from '@nextcloud/vue/dist/Components/NcDateTimePickerNative.js' import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js' import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js' @@ -256,7 +256,7 @@ export default { NcAvatar, NcButton, NcInputField, - NcDateTimePicker, + NcPasswordField, NcDateTimePickerNative, NcCheckboxRadioSwitch, NcLoadingIcon, @@ -646,6 +646,12 @@ export default { advancedControlExpandedValue() { return this.advancedSectionAccordionExpanded ? 'true' : 'false' }, + errorPasswordLabel() { + if (this.passwordError) { + return t('files_sharing', "Password field can't be empty") + } + return undefined + }, }, watch: { setCustomPermissions(isChecked) { |