99 lines
3.3 KiB
HTML
99 lines
3.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block media %}
|
|
{% include "timezone/media-css.html" %}
|
|
{{ form.media.css }}
|
|
<style>
|
|
#content-body {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block js_media %}
|
|
{% include "timezone/media-js.html" %}
|
|
{{ form.media.js }}
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$('.pass-req-link').click(function () {
|
|
$('.pass-req').toggle('fast');
|
|
return false;
|
|
});
|
|
});
|
|
</script>
|
|
{% if form.captcha %}
|
|
{{ recaptcha_init(LANGUAGE_CODE) }}
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<div id="center-float" class="registration-form">
|
|
<form id="edit-form" action="" method="post" class="form-area">
|
|
{% csrf_token %}
|
|
|
|
<div class="block-header">{{ _('Username') }}</div>
|
|
<span class="fullwidth{% if form.username.errors %}-error{% endif %}">{{ form.username }}</span>
|
|
{% if form.username.errors %}
|
|
<div class="form-field-error">{{ form.username.errors }}</div>
|
|
{% endif %}
|
|
|
|
<div class="block-header">{{ _('Email') }}</div>
|
|
<span class="fullwidth{% if form.email.errors %}-error{% endif %}">{{ form.email }}</span>
|
|
{% if form.email.errors %}
|
|
<div class="form-field-error">{{ form.email.errors }}</div>
|
|
{% endif %}
|
|
|
|
<div class="block-header">{{ _('Password') -}}
|
|
<small>(<a href="#" class="pass-req-link">?</a>)</small>
|
|
</div>
|
|
<div style="display: none" class="pass-req alert alert-info">
|
|
<ul>
|
|
{% for validator in password_validators %}
|
|
<li>{{ validator.get_help_text() }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<span class="fullwidth{% if form.password1.errors %}-error{% endif %}">{{ form.password1 }}</span>
|
|
{% if form.password1.errors %}
|
|
<div class="form-field-error">{{ form.password1.errors }}</div>
|
|
{% endif %}
|
|
<div class="block-header">{{ _('Password') }}<sup style="font-size: 0.7em;padding-left: 0.2em;">2</sup>{# -#}
|
|
<small>{{ _('(again, for confirmation)') }}</small>
|
|
</div>
|
|
<span class="fullwidth{% if form.password2.errors %}-error{% endif %}">{{ form.password2 }}</span>
|
|
{% if form.password2.errors %}
|
|
<div class="form-field-error">{{ form.password2.errors }}</div>
|
|
{% endif %}
|
|
|
|
<div class="block-header">{{ _('Timezone') }}<small>{{ _('(select your closest major city)') }}</small></div>
|
|
<div class="fullwidth">
|
|
<div>{{ form.timezone }}
|
|
<div style="float: right">
|
|
{{ _('or') }}
|
|
<a id="open-map" href="#" data-featherlight=".map-wrap">{{ _('pick from map') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block-header">{{ _('Default language') }}</div>
|
|
<span class="fullwidth">{{ form.language }}</span>
|
|
|
|
{% if form.captcha %}
|
|
<div style="margin-top: 0.5em">{{ form.captcha }}</div>
|
|
{% if form.captcha.errors %}
|
|
<div class="form-field-error">{{ form.captcha.errors }}</div>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
<hr>
|
|
<button style="float:right;" type="submit">{{ _('Register!') }}</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="map-wrap registration-form">
|
|
<div class="map-inset">
|
|
<div class="map-axis-x"></div>
|
|
<div class="map-axis-y"></div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|