@ -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 >