Add macros and use them

This commit is contained in:
Patrick Jentsch
2020-04-17 11:04:09 +02:00
parent 23ffbe5f6b
commit 3aafe664a3
22 changed files with 205 additions and 502 deletions

View File

@ -26,41 +26,21 @@
<div class="col s12 m8">
<div class="card medium">
<form method="POST">
{{ login_form.hidden_tag() }}
<div class="card-content">
<div class="input-field">
<i class="material-icons prefix">person</i>
{{ login_form.user(class='validate') }}
{{ login_form.user.label }}
{% for error in login_form.user.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
<div class="input-field">
<i class="material-icons prefix">vpn_key</i>
{{ login_form.password(class='validate') }}
{{ login_form.password.label }}
{% for error in login_form.password.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
{{ login_form.hidden_tag() }}
{{ materialize.field(login_form.user, material_icon='person') }}
{{ materialize.field(login_form.password, material_icon='vpn_key') }}
<div class="row" style="margin-bottom: 0;">
<div class="col s6 left-align">
<a href="{{ url_for('auth.reset_password_request') }}">Forgot your password?</a>
</div>
<div class="col s6 right-align">
<div class="switch">
<label>
Remember me
{{ login_form.remember_me(class='validate') }}
<span class="lever"></span>
</label>
</div>
{{ materialize.field(login_form.remember_me) }}
</div>
</div>
</div>
<div class="card-action right-align">
{{ macros.submit_button(login_form.submit) }}
{{ materialize.field(login_form.submit, material_icon='send') }}
</div>
</form>
</div>

View File

@ -24,43 +24,15 @@
<div class="col s12 m8">
<div class="card medium">
<form method="POST">
{{ registration_form.hidden_tag() }}
<div class="card-content">
<div class="input-field">
<i class="material-icons prefix">person</i>
{{ registration_form.username(class='validate', data_length='64') }}
{{ registration_form.username.label }}
{% for error in registration_form.username.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
<div class="input-field">
<i class="material-icons prefix">vpn_key</i>
{{ registration_form.password(class='validate') }}
{{ registration_form.password.label }}
{% for error in registration_form.password.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
<div class="input-field">
<i class="material-icons prefix">vpn_key</i>
{{ registration_form.password_confirmation(class='validate') }}
{{ registration_form.password_confirmation.label }}
{% for error in registration_form.password_confirmation.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
<div class="input-field">
<i class="material-icons prefix">email</i>
{{ registration_form.email(class='validate', type='email') }}
{{ registration_form.email.label }}
{% for error in registration_form.email.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
{{ registration_form.hidden_tag() }}
{{ materialize.field(registration_form.username, data_length='64', material_icon='person') }}
{{ materialize.field(registration_form.password, data_length='128', material_icon='vpn_key') }}
{{ materialize.field(registration_form.password_confirmation, data_length='128', material_icon='vpn_key') }}
{{ materialize.field(registration_form.email, class_='validate', material_icon='email', type='email') }}
</div>
<div class="card-action right-align">
{{ macros.submit_button(registration_form.submit) }}
{{ materialize.field(registration_form.submit, material_icon='send') }}
</div>
</form>
</div>

View File

@ -9,25 +9,13 @@
<div class="col s12 m8">
<div class="card">
<form method="POST">
{{ reset_password_form.hidden_tag() }}
<div class="card-content">
<div class="input-field">
{{ reset_password_form.password(class='validate') }}
{{ reset_password_form.password.label }}
{% for error in reset_password_form.password.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
<div class="input-field">
{{ reset_password_form.password_confirmation(class='validate') }}
{{ reset_password_form.password_confirmation.label }}
{% for error in reset_password_form.password_confirmation.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
{{ reset_password_form.hidden_tag() }}
{{ materialize.field(reset_password_form.password, data_length='128') }}
{{ materialize.field(reset_password_form.password_confirmation, data_length='128') }}
</div>
<div class="card-action right-align">
{{ macros.submit_button(reset_password_form.submit) }}
{{ materialize.field(reset_password_form.submit, material_icon='send') }}
</div>
</form>
</div>

View File

@ -8,18 +8,12 @@
<div class="col s12 m8">
<div class="card">
<form method="POST">
{{ reset_password_request_form.hidden_tag() }}
<div class="card-content">
<div class="input-field">
{{ reset_password_request_form.email(class='validate', type='email') }}
{{ reset_password_request_form.email.label }}
{% for error in reset_password_request_form.email.errors %}
<span class="helper-text red-text">{{ error }}</span>
{% endfor %}
</div>
{{ reset_password_request_form.hidden_tag() }}
{{ materialize.field(reset_password_request_form.email, class_='validate', material_icon='email', type='email') }}
</div>
<div class="card-action right-align">
{{ macros.submit_button(reset_password_request_form.submit) }}
{{ materialize.field(reset_password_request_form.submit, material_icon='send') }}
</div>
</form>
</div>