You've already forked snikket-web-portal
e985fe9c61
- Create a colour palette - Create a sizing schema for paddings and fonts - Implement basic form controls - Create a theme demo page - Apply the theme to the existing pages. Still TODO is the final font selection.
40 lines
1.3 KiB
HTML
40 lines
1.3 KiB
HTML
{% extends "app.html" %}
|
|
{% block head_lead %}
|
|
<title>Snikket Web Portal</title>
|
|
{% endblock %}
|
|
{% block content %}
|
|
<div class="form layout-expanded"><form method="POST">
|
|
<h2 class="form-title">Change your password</h2>
|
|
<p class="form-desc weak">To change your password, you need to provide the current password as well as the new one. To reduce the chance of typos, we ask for your new password twice.</p>
|
|
{{ form.csrf_token }}
|
|
{% if form.errors %}
|
|
<div class="box alert">
|
|
<header>Password change failed</header>
|
|
<ul>
|
|
{% for field, errors in form.errors.items() %}
|
|
{% for error in errors %}
|
|
<li>{{ error }}</li>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
<div class="f-ebox">
|
|
{{ form.current_password.label(class="required") }}
|
|
{{ form.current_password(class=("has-error" if form.current_password.name in form.errors else "")) }}
|
|
</div>
|
|
<div class="f-ebox">
|
|
{{ form.new_password.label(class="required") }}
|
|
{{ form.new_password }}
|
|
</div>
|
|
<div class="f-ebox">
|
|
{{ form.new_password_confirm.label(class="required") }}
|
|
{{ form.new_password_confirm(class=("has-error" if form.new_password_confirm.name in form.errors else "")) }}
|
|
</div>
|
|
<div class="f-bbox">
|
|
<a href="{{ url_for('user.index') }}" class="button secondary">Back</a>
|
|
<button type="submit" class="primary">Change password</button>
|
|
</div>
|
|
</form></div>
|
|
{% endblock %}
|