feat: improve login and register ux #1104
|
@ -52,7 +52,9 @@
|
||||||
"logout": "Logout",
|
"logout": "Logout",
|
||||||
"emailInvalid": "Please enter a valid email address.",
|
"emailInvalid": "Please enter a valid email address.",
|
||||||
konrad marked this conversation as resolved
Outdated
|
|||||||
"usernameRequired": "Please provide a username.",
|
"usernameRequired": "Please provide a username.",
|
||||||
"passwordRequired": "Please provide a password."
|
"passwordRequired": "Please provide a password.",
|
||||||
|
"showPassword": "Show the password",
|
||||||
|
"hidePassword": "Hide the password"
|
||||||
},
|
},
|
||||||
"settings": {
|
"settings": {
|
||||||
"title": "Settings",
|
"title": "Settings",
|
||||||
|
|
|
@ -53,7 +53,11 @@
|
||||||
tabindex="2"
|
tabindex="2"
|
||||||
@focusout="validateField('password')"
|
@focusout="validateField('password')"
|
||||||
/>
|
/>
|
||||||
konrad marked this conversation as resolved
Outdated
dpschen
commented
Add aria-label and tooltip Add aria-label and tooltip
konrad
commented
Done. Done.
|
|||||||
<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'"/>
|
<icon :icon="passwordFieldType === 'password' ? 'eye' : 'eye-slash'"/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -59,7 +59,11 @@
|
||||||
@keyup.enter="submit"
|
@keyup.enter="submit"
|
||||||
@focusout="validatePassword"
|
@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'"/>
|
<icon :icon="passwordFieldType === 'password' ? 'eye' : 'eye-slash'"/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in New Issue
Block a user
Email is written inconsistent in English: sometimes it's "E-mail" sometimes "Email".
The more common one seems to be "Email" (more google results and wiki article's main spelling).
Changed it so that it's consistent everywhere.