local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: add tooltip and aria-label

Browse source
This commit is contained in:
kolaente 2021-12-11 21:57:54 +01:00 committed by Dominik Pschenitschni
parent 8397608fef
commit fda0b81d9c
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
3 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/i18n/lang/en.json
View file

@ -52,7 +52,9 @@
"logout": "Logout",
"emailInvalid": "Please enter a valid email address.",
"usernameRequired": "Please provide a username.",
"passwordRequired": "Please provide a password."
"passwordRequired": "Please provide a password.",
"showPassword": "Show the password",
"hidePassword": "Hide the password"
},
"settings": {
"title": "Settings",

6
src/views/user/Login.vue
View file

@ -53,7 +53,11 @@
tabindex="2"
@focusout="validateField('password')"
/>
<a @click="togglePasswordFieldType" class="password-field-type-toggle">
<a
@click="togglePasswordFieldType"
class="password-field-type-toggle"
aria-label="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')"
v-tooltip="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')">
<icon :icon="passwordFieldType === 'password' ? 'eye' : 'eye-slash'"/>
</a>
</div>

6
src/views/user/Register.vue
View file

@ -59,7 +59,11 @@
@keyup.enter="submit"
@focusout="validatePassword"
/>
<a @click="togglePasswordFieldType" class="password-field-type-toggle">
<a
@click="togglePasswordFieldType"
class="password-field-type-toggle"
aria-label="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')"
v-tooltip="passwordFieldType === 'password' ? $t('user.auth.showPassword') : $t('user.auth.hidePassword')">
<icon :icon="passwordFieldType === 'password' ? 'eye' : 'eye-slash'"/>
</a>
</div>