diff options
Diffstat (limited to 'apps/files_sharing/src/views/PublicAuthPrompt.vue')
| -rw-r--r-- | apps/files_sharing/src/views/PublicAuthPrompt.vue | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/apps/files_sharing/src/views/PublicAuthPrompt.vue b/apps/files_sharing/src/views/PublicAuthPrompt.vue index 39f5adc4650..28955a87154 100644 --- a/apps/files_sharing/src/views/PublicAuthPrompt.vue +++ b/apps/files_sharing/src/views/PublicAuthPrompt.vue @@ -35,12 +35,14 @@ <script lang="ts"> import { defineComponent } from 'vue' +import { loadState } from '@nextcloud/initial-state' import { t } from '@nextcloud/l10n' import NcDialog from '@nextcloud/vue/components/NcDialog' import NcNoteCard from '@nextcloud/vue/components/NcNoteCard' import NcTextField from '@nextcloud/vue/components/NcTextField' -import { loadState } from '@nextcloud/initial-state' + +import { getGuestNameValidity } from '../services/GuestNameValidity' export default defineComponent({ name: 'PublicAuthPrompt', @@ -101,6 +103,19 @@ export default defineComponent({ }, immediate: true, }, + + name() { + // Check validity of the new name + const newName = this.name.trim?.() || '' + const input = (this.$refs.input as Vue|undefined)?.$el.querySelector('input') + if (!input) { + return + } + + const validity = getGuestNameValidity(newName) + input.setCustomValidity(validity) + input.reportValidity() + }, }, }) </script> |