register: Move password form before team creation.

This makes the flow more intuitive, since the user sets a password
with the other parts of the form where they are configuring their own
account (as opposed to configuring the organization they are
creating).
This commit is contained in:
Tim Abbott 2016-10-28 23:21:00 -07:00
parent 70c29d8f90
commit c2b7e7e57c
1 changed files with 27 additions and 27 deletions

View File

@ -48,6 +48,33 @@ Form is validated both client-side using jquery-validate (see signup.js) and ser
{% endif %}
</div>
{% if password_auth_enabled %}
<div class="input-group">
<label for="id_password" class="inline-block">{{ _('Password') }}</label>
<div class="controls">
<input id="id_password" class="required" type="password" name="password"
value="{% if form.password.value() %}{{ form.password.value() }}{% endif %}"
maxlength="100" />
{% if full_name %}
<span class="help-inline">
{{ _('This is used for mobile applications and other tools that require a password.') }}
</span>
{% endif %}
{% if form.password.errors %}
{% for error in form.password.errors %}
<div class="alert alert-error">{{ error }}</div>
{% endfor %}
{% endif %}
</div>
</div>
<div class="input-group">
<label class="inline-block">{{ _('Password strength') }}</label>
<div class="progress" id="pw_strength">
<div class="bar bar-danger" style="width: 10%;"></div>
</div>
</div>
{% endif %}
{% if creating_new_team %}
<div class="input-group grid">
<label for="id_team_name" class="inline-block label-title">{{ _('Organization name') }}</label>
@ -127,33 +154,6 @@ Form is validated both client-side using jquery-validate (see signup.js) and ser
</div>
{% endif %}
{% if password_auth_enabled %}
<div class="input-group">
<label for="id_password" class="inline-block">{{ _('Password') }}</label>
<div class="controls">
<input id="id_password" class="required" type="password" name="password"
value="{% if form.password.value() %}{{ form.password.value() }}{% endif %}"
maxlength="100" />
{% if full_name %}
<span class="help-inline">
{{ _('This is used for mobile applications and other tools that require a password.') }}
</span>
{% endif %}
{% if form.password.errors %}
{% for error in form.password.errors %}
<div class="alert alert-error">{{ error }}</div>
{% endfor %}
{% endif %}
</div>
</div>
<div class="input-group">
<label class="inline-block">{{ _('Password strength') }}</label>
<div class="progress" id="pw_strength">
<div class="bar bar-danger" style="width: 10%;"></div>
</div>
</div>
{% endif %}
<div class="input-group margin">
{% if terms_of_service %}
<div class="float-left">