2014-12-08 00:25:43 +00:00
|
|
|
extends ../layout
|
|
|
|
|
block content
|
2015-01-10 01:52:19 +00:00
|
|
|
.jumbotron.text-center
|
|
|
|
|
h2 Sign up with an email address here:
|
|
|
|
|
form.form-horizontal(method='POST', action='/email-signup', name="signupForm", novalidate="novalidate")
|
|
|
|
|
input(type='hidden', name='_csrf', value=_csrf)
|
|
|
|
|
.form-group
|
2015-01-10 03:07:20 +00:00
|
|
|
.col-sm-6.col-sm-offset-3
|
|
|
|
|
input.form-control(type='email', ng-model='email', ng-keypress='', name='email', id='email', placeholder='email', autofocus, required, autocomplete="off", unique-email='')
|
2015-01-30 20:06:21 +00:00
|
|
|
.col-sm-6.col-sm-offset-3(ng-cloak, ng-show="signupForm.email.$error.unique && !signupForm.email.$pristine")
|
2015-01-10 03:07:20 +00:00
|
|
|
alert(type='danger')
|
|
|
|
|
span.ion-close-circled
|
|
|
|
|
| This email is taken.
|
2015-01-10 01:52:19 +00:00
|
|
|
.form-group
|
|
|
|
|
.col-sm-6.col-sm-offset-3
|
2015-01-10 04:30:29 +00:00
|
|
|
input.form-control(type='text', name='username', ng-keypress='', autocomplete="off", id='username', placeholder='username', ng-model='username', unique-username='', required, ng-minlength=5, ng-maxlength=20, ng-pattern="/^[A-z0-9_]+$/")
|
2015-01-30 20:06:21 +00:00
|
|
|
.col-sm-4.col-sm-offset-5(ng-cloak, ng-show="profileForm.username.$error.pattern && !signupForm.username.$pristine")
|
2015-01-10 04:30:29 +00:00
|
|
|
alert(type='danger')
|
|
|
|
|
span.ion-close-circled
|
|
|
|
|
| Your username should only contain letters, numbers and underscores (az10_).
|
2015-01-30 20:06:21 +00:00
|
|
|
.col-sm-6.col-sm-offset-3(ng-cloak, ng-show="signupForm.username.$error.unique && !signupForm.username.$pristine")
|
2015-01-10 01:52:19 +00:00
|
|
|
alert(type='danger')
|
|
|
|
|
span.ion-close-circled
|
|
|
|
|
| This username is taken.
|
2015-01-30 20:06:21 +00:00
|
|
|
.col-sm-6.col-sm-offset-3(ng-cloak, ng-show="signupForm.username.$error.minlength && !signupForm.username.$pristine")
|
2015-01-10 03:05:45 +00:00
|
|
|
alert(type='danger')
|
|
|
|
|
span.ion-close-circled
|
2015-01-10 04:30:29 +00:00
|
|
|
| Your username must be at least 5 characters long.
|
2015-01-30 20:06:21 +00:00
|
|
|
.col-sm-6.col-sm-offset-3(ng-cloak, ng-show="signupForm.username.$error.maxlength && !signupForm.username.$pristine")
|
2015-01-10 03:05:45 +00:00
|
|
|
alert(type='danger')
|
|
|
|
|
span.ion-close-circled
|
2015-01-10 04:30:29 +00:00
|
|
|
| Your usernames must be 20 characters or fewer.
|
2015-01-10 01:52:19 +00:00
|
|
|
.form-group
|
|
|
|
|
.col-sm-6.col-sm-offset-3
|
2015-01-10 04:30:29 +00:00
|
|
|
input.form-control(type='password', ng-model='password', name='password', id='password', placeholder='password', required, ng-minlength=5)
|
2015-01-30 20:06:21 +00:00
|
|
|
.col-sm-6.col-sm-offset-3(ng-cloak, ng-show="signupForm.password.$error.minlength && !signupForm.password.$pristine")
|
2015-01-10 04:30:29 +00:00
|
|
|
alert(type='danger')
|
|
|
|
|
span.ion-close-circled
|
|
|
|
|
| Your password must be at least 8 characters long.
|
2015-01-10 01:52:19 +00:00
|
|
|
.form-group
|
|
|
|
|
.col-sm-6.col-sm-offset-3
|
2015-01-10 04:30:29 +00:00
|
|
|
input.form-control(type='password', ng-model='confirmPassword', name='confirmPassword', id='confirmPassword', placeholder='confirm password', required, ng-minlength=5)
|
2015-01-30 20:06:21 +00:00
|
|
|
.col-sm-6.col-sm-offset-3(ng-cloak, ng-show="(confirmPassword !== password) && !signupForm.confirmPassword.$pristine")
|
2015-01-10 04:30:29 +00:00
|
|
|
alert(type='danger')
|
|
|
|
|
span.ion-close-circled
|
|
|
|
|
| Passwords must match.
|
2015-01-10 01:52:19 +00:00
|
|
|
.form-group
|
|
|
|
|
.col-sm-offset-3.col-sm-6
|
|
|
|
|
button.btn.btn-success(type='submit')
|
|
|
|
|
span.ion-person-add
|
|
|
|
|
| Signup
|
|
|
|
|
br
|
|
|
|
|
br
|
|
|
|
|
br
|
|
|
|
|
br
|
|
|
|
|
br
|
|
|
|
|
br
|
|
|
|
|
br
|
|
|
|
|
br
|
|
|
|
|
br
|
