Add optional/required indicator for registration fields

This commit is contained in:
Tusooa Zhu 2022-07-10 22:46:53 -04:00
parent b4c4d68ffb
commit 8a0f659a86
No known key found for this signature in database
GPG key ID: 7B467EDE43A08224
2 changed files with 9 additions and 3 deletions

View file

@ -23,6 +23,7 @@
v-model.trim="v$.user.username.$model"
:disabled="isPending"
class="form-control"
:aria-required="true"
:placeholder="$t('registration.username_placeholder')"
>
</div>
@ -50,6 +51,7 @@
v-model.trim="v$.user.fullname.$model"
:disabled="isPending"
class="form-control"
:aria-required="true"
:placeholder="$t('registration.fullname_placeholder')"
>
</div>
@ -71,13 +73,14 @@
<label
class="form--label"
for="email"
>{{ $t('registration.email') }}</label>
>{{ accountActivationRequired ? $t('registration.email') : $t('registration.email_optional') }}</label>
<input
id="email"
v-model="v$.user.email.$model"
:disabled="isPending"
class="form-control"
type="email"
:aria-required="accountActivationRequired"
>
</div>
<div
@ -95,7 +98,7 @@
<label
class="form--label"
for="bio"
>{{ $t('registration.bio') }} ({{ $t('general.optional') }})</label>
>{{ $t('registration.bio_optional') }}</label>
<textarea
id="bio"
v-model="user.bio"
@ -119,6 +122,7 @@
:disabled="isPending"
class="form-control"
type="password"
:aria-required="true"
>
</div>
<div
@ -146,6 +150,7 @@
:disabled="isPending"
class="form-control"
type="password"
:aria-required="true"
>
</div>
<div

View file

@ -234,8 +234,9 @@
}
},
"registration": {
"bio": "Bio",
"bio_optional": "Bio (optional)",
"email": "Email",
"email_optional": "Email (optional)",
"fullname": "Display name",
"password_confirm": "Password confirmation",
"registration": "Registration",