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:42:26 +0200 |
| commit | f5502038e58c1d06a4ebd91f8105dbb43db03b99 (patch) | |
| tree | b49afd462471410db7f0c7fd5445fa026f972c36 /apps | |
| parent | ac09d4d382d6975dee933106e9fccbe309c8cdc1 (diff) | |
| download | nextcloud-server-f5502038e58c1d06a4ebd91f8105dbb43db03b99.tar.gz nextcloud-server-f5502038e58c1d06a4ebd91f8105dbb43db03b99.zip | |
fix(files_sharing): add accessible labels in link share creation
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
Diffstat (limited to 'apps')
| -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 89836664378..8fb6b61e18b 100644 --- a/apps/files_sharing/src/components/SharingEntryLink.vue +++ b/apps/files_sharing/src/components/SharingEntryLink.vue @@ -59,38 +59,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" @@ -98,10 +92,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"> @@ -230,6 +224,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' @@ -263,6 +258,7 @@ export default { NcDialog, VueQrcode, Tune, + IconCalendarBlank, IconQr, ErrorIcon, LockIcon, |