|
|
|
@ -12,7 +12,7 @@
|
|
|
|
|
<div class="text-fields">
|
|
|
|
|
<div
|
|
|
|
|
class="form-group"
|
|
|
|
|
:class="{ 'form-group--error': $v.user.username.$error }"
|
|
|
|
|
:class="{ 'form-group--error': v$.user.username.$error }"
|
|
|
|
|
>
|
|
|
|
|
<label
|
|
|
|
|
class="form--label"
|
|
|
|
@ -20,18 +20,18 @@
|
|
|
|
|
>{{ $t('login.username') }}</label>
|
|
|
|
|
<input
|
|
|
|
|
id="sign-up-username"
|
|
|
|
|
v-model.trim="$v.user.username.$model"
|
|
|
|
|
v-model.trim="v$.user.username.$model"
|
|
|
|
|
:disabled="isPending"
|
|
|
|
|
class="form-control"
|
|
|
|
|
:placeholder="$t('registration.username_placeholder')"
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="$v.user.username.$dirty"
|
|
|
|
|
v-if="v$.user.username.$dirty"
|
|
|
|
|
class="form-error"
|
|
|
|
|
>
|
|
|
|
|
<ul>
|
|
|
|
|
<li v-if="!$v.user.username.required">
|
|
|
|
|
<li v-if="!v$.user.username.required">
|
|
|
|
|
<span>{{ $t('registration.validations.username_required') }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
@ -39,7 +39,7 @@
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="form-group"
|
|
|
|
|
:class="{ 'form-group--error': $v.user.fullname.$error }"
|
|
|
|
|
:class="{ 'form-group--error': v$.user.fullname.$error }"
|
|
|
|
|
>
|
|
|
|
|
<label
|
|
|
|
|
class="form--label"
|
|
|
|
@ -47,18 +47,18 @@
|
|
|
|
|
>{{ $t('registration.fullname') }}</label>
|
|
|
|
|
<input
|
|
|
|
|
id="sign-up-fullname"
|
|
|
|
|
v-model.trim="$v.user.fullname.$model"
|
|
|
|
|
v-model.trim="v$.user.fullname.$model"
|
|
|
|
|
:disabled="isPending"
|
|
|
|
|
class="form-control"
|
|
|
|
|
:placeholder="$t('registration.fullname_placeholder')"
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="$v.user.fullname.$dirty"
|
|
|
|
|
v-if="v$.user.fullname.$dirty"
|
|
|
|
|
class="form-error"
|
|
|
|
|
>
|
|
|
|
|
<ul>
|
|
|
|
|
<li v-if="!$v.user.fullname.required">
|
|
|
|
|
<li v-if="!v$.user.fullname.required">
|
|
|
|
|
<span>{{ $t('registration.validations.fullname_required') }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
@ -66,7 +66,7 @@
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="form-group"
|
|
|
|
|
:class="{ 'form-group--error': $v.user.email.$error }"
|
|
|
|
|
:class="{ 'form-group--error': v$.user.email.$error }"
|
|
|
|
|
>
|
|
|
|
|
<label
|
|
|
|
|
class="form--label"
|
|
|
|
@ -74,18 +74,18 @@
|
|
|
|
|
>{{ $t('registration.email') }}</label>
|
|
|
|
|
<input
|
|
|
|
|
id="email"
|
|
|
|
|
v-model="$v.user.email.$model"
|
|
|
|
|
v-model="v$.user.email.$model"
|
|
|
|
|
:disabled="isPending"
|
|
|
|
|
class="form-control"
|
|
|
|
|
type="email"
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="$v.user.email.$dirty"
|
|
|
|
|
v-if="v$.user.email.$dirty"
|
|
|
|
|
class="form-error"
|
|
|
|
|
>
|
|
|
|
|
<ul>
|
|
|
|
|
<li v-if="!$v.user.email.required">
|
|
|
|
|
<li v-if="!v$.user.email.required">
|
|
|
|
|
<span>{{ $t('registration.validations.email_required') }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
@ -107,7 +107,7 @@
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="form-group"
|
|
|
|
|
:class="{ 'form-group--error': $v.user.password.$error }"
|
|
|
|
|
:class="{ 'form-group--error': v$.user.password.$error }"
|
|
|
|
|
>
|
|
|
|
|
<label
|
|
|
|
|
class="form--label"
|
|
|
|
@ -122,11 +122,11 @@
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="$v.user.password.$dirty"
|
|
|
|
|
v-if="v$.user.password.$dirty"
|
|
|
|
|
class="form-error"
|
|
|
|
|
>
|
|
|
|
|
<ul>
|
|
|
|
|
<li v-if="!$v.user.password.required">
|
|
|
|
|
<li v-if="!v$.user.password.required">
|
|
|
|
|
<span>{{ $t('registration.validations.password_required') }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
@ -134,7 +134,7 @@
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
class="form-group"
|
|
|
|
|
:class="{ 'form-group--error': $v.user.confirm.$error }"
|
|
|
|
|
:class="{ 'form-group--error': v$.user.confirm.$error }"
|
|
|
|
|
>
|
|
|
|
|
<label
|
|
|
|
|
class="form--label"
|
|
|
|
@ -149,14 +149,14 @@
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
v-if="$v.user.confirm.$dirty"
|
|
|
|
|
v-if="v$.user.confirm.$dirty"
|
|
|
|
|
class="form-error"
|
|
|
|
|
>
|
|
|
|
|
<ul>
|
|
|
|
|
<li v-if="!$v.user.confirm.required">
|
|
|
|
|
<li v-if="!v$.user.confirm.required">
|
|
|
|
|
<span>{{ $t('registration.validations.password_confirmation_required') }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
<li v-if="!$v.user.confirm.sameAsPassword">
|
|
|
|
|
<li v-if="!v$.user.confirm.sameAsPassword">
|
|
|
|
|
<span>{{ $t('registration.validations.password_confirmation_match') }}</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|