#396: update registration form

This commit is contained in:
dave 2019-02-24 14:30:29 -05:00
parent 1dd7120e16
commit 8275f2aa9a
2 changed files with 12 additions and 4 deletions

View file

@ -9,7 +9,7 @@
<div class='text-fields'> <div class='text-fields'>
<div class='form-group' :class="{ 'form-group--error': $v.user.username.$error }"> <div class='form-group' :class="{ 'form-group--error': $v.user.username.$error }">
<label class='form--label' for='sign-up-username'>{{$t('login.username')}}</label> <label class='form--label' for='sign-up-username'>{{$t('login.username')}}</label>
<input :disabled="isPending" v-model.trim='$v.user.username.$model' class='form-control' id='sign-up-username' placeholder='e.g. lain'> <input :disabled="isPending" v-model.trim='$v.user.username.$model' class='form-control' id='sign-up-username' :placeholder="$t('registration.username_placeholder')">
</div> </div>
<div class="form-error" v-if="$v.user.username.$dirty"> <div class="form-error" v-if="$v.user.username.$dirty">
<ul> <ul>
@ -21,7 +21,7 @@
<div class='form-group' :class="{ 'form-group--error': $v.user.fullname.$error }"> <div class='form-group' :class="{ 'form-group--error': $v.user.fullname.$error }">
<label class='form--label' for='sign-up-fullname'>{{$t('registration.fullname')}}</label> <label class='form--label' for='sign-up-fullname'>{{$t('registration.fullname')}}</label>
<input :disabled="isPending" v-model.trim='$v.user.fullname.$model' class='form-control' id='sign-up-fullname' placeholder='e.g. Lain Iwakura'> <input :disabled="isPending" v-model.trim='$v.user.fullname.$model' class='form-control' id='sign-up-fullname' :placeholder="$t('registration.fullname_placeholder')">
</div> </div>
<div class="form-error" v-if="$v.user.fullname.$dirty"> <div class="form-error" v-if="$v.user.fullname.$dirty">
<ul> <ul>
@ -44,8 +44,8 @@
</div> </div>
<div class='form-group'> <div class='form-group'>
<label class='form--label' for='bio'>{{$t('registration.bio')}}</label> <label class='form--label' for='bio'>{{$t('registration.bio')}} ({{$t('registration.optional')}})</label>
<input :disabled="isPending" v-model='user.bio' class='form-control' id='bio'> <textarea :disabled="isPending" v-model='user.bio' class='form-control' id='bio' :placeholder="$t('registration.bio_placeholder')"></textarea>
</div> </div>
<div class='form-group' :class="{ 'form-group--error': $v.user.password.$error }"> <div class='form-group' :class="{ 'form-group--error': $v.user.password.$error }">
@ -139,6 +139,10 @@ $validations-cRed: #f04124;
flex-direction: column; flex-direction: column;
} }
textarea {
min-height: 100px;
}
.form-group { .form-group {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View file

@ -92,6 +92,10 @@
"token": "Invite token", "token": "Invite token",
"captcha": "CAPTCHA", "captcha": "CAPTCHA",
"new_captcha": "Click the image to get a new captcha", "new_captcha": "Click the image to get a new captcha",
"optional": "optional",
"username_placeholder": "e.g. lain",
"fullname_placeholder": "e.g. Lain Iwakura",
"bio_placeholder": "e.g.\nHi, I'm Lain\nIm an anime girl living in suburban Japan. You may know me from the Wired.",
"validations": { "validations": {
"username_required": "cannot be left blank", "username_required": "cannot be left blank",
"fullname_required": "cannot be left blank", "fullname_required": "cannot be left blank",