diff options
| author | Grigorii K. Shartsev <me@shgk.me> | 2024-09-06 16:48:05 +0200 |
|---|---|---|
| committer | Grigorii K. Shartsev <me@shgk.me> | 2024-09-09 23:43:28 +0200 |
| commit | 819c6aeab19619f046725a27e628f276661c91ba (patch) | |
| tree | baff5f954ab95a7467076eca00a88de700a14783 | |
| parent | 80c52467f1a8488cff993807be82a9b3020f2f36 (diff) | |
| download | nextcloud-server-819c6aeab19619f046725a27e628f276661c91ba.tar.gz nextcloud-server-819c6aeab19619f046725a27e628f276661c91ba.zip | |
fix(files_sharing): add accessible labels in link share creation
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
| -rw-r--r-- | apps/files_sharing/src/components/SharingEntryLink.vue | 30 |
1 files changed, 13 insertions, 17 deletions
diff --git a/apps/files_sharing/src/components/SharingEntryLink.vue b/apps/files_sharing/src/components/SharingEntryLink.vue index 34991e2fa40..71a7937c957 100644 --- a/apps/files_sharing/src/components/SharingEntryLink.vue +++ b/apps/files_sharing/src/components/SharingEntryLink.vue @@ -76,38 +76,32 @@ </NcActionText> <!-- password --> - <NcActionText v-if="pendingEnforcedPassword"> - <template #icon> - <LockIcon :size="20" /> - </template> - {{ t('files_sharing', 'Password protection (enforced)') }} - </NcActionText> - <NcActionCheckbox v-else-if="pendingPassword" + <NcActionCheckbox v-if="pendingPassword" :checked.sync="isPasswordProtected" :disabled="config.enforcePasswordForPublicLink || saving" class="share-link-password-checkbox" @uncheck="onPasswordDisable"> - {{ t('files_sharing', 'Password protection') }} + {{ config.enforcePasswordForPublicLink ? t('files_sharing', 'Password protection (enforced)') : t('files_sharing', 'Password protection') }} </NcActionCheckbox> <NcActionInput v-if="pendingEnforcedPassword || share.password" class="share-link-password" + :label="t('files_sharing', 'Enter a password')" :value.sync="share.password" :disabled="saving" :required="config.enableLinkPasswordByDefault || config.enforcePasswordForPublicLink" :minlength="isPasswordPolicyEnabled && config.passwordPolicy.minLength" - icon="" autocomplete="new-password" @submit="onNewLinkShare"> - {{ t('files_sharing', 'Enter a password') }} + <template #icon> + <LockIcon :size="20" /> + </template> </NcActionInput> <!-- expiration date --> - <NcActionText v-if="pendingExpirationDate" icon="icon-calendar-dark"> - {{ t('files_sharing', 'Expiration date (enforced)') }} - </NcActionText> <NcActionInput v-if="pendingExpirationDate" class="share-link-expire-date" + :label="t('files_sharing', 'Expiration date (enforced)')" :disabled="saving" :is-native-picker="true" :hide-label="true" @@ -115,10 +109,10 @@ type="date" :min="dateTomorrow" :max="maxExpirationDateEnforced" - @input="onExpirationChange"> - <!-- let's not submit when picked, the user - might want to still edit or copy the password --> - {{ t('files_sharing', 'Enter a date') }} + @input="onExpirationChange /* let's not submit when picked, the user might want to still edit or copy the password */"> + <template #icon> + <IconCalendarBlank :size="20" /> + </template> </NcActionInput> <NcActionButton @click.prevent.stop="onNewLinkShare"> @@ -247,6 +241,7 @@ import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js' import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js' import Tune from 'vue-material-design-icons/Tune.vue' +import IconCalendarBlank from 'vue-material-design-icons/CalendarBlank.vue' import IconQr from 'vue-material-design-icons/Qrcode.vue' import ErrorIcon from 'vue-material-design-icons/Exclamation.vue' import LockIcon from 'vue-material-design-icons/Lock.vue' @@ -280,6 +275,7 @@ export default { NcDialog, VueQrcode, Tune, + IconCalendarBlank, IconQr, ErrorIcon, LockIcon, |