|
|
@ -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('general.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;
|
|
|
|