mirror of
https://github.com/StefBuwalda/cal_counter.git
synced 2025-10-30 03:10:00 +00:00
New webpage structure, not yet finished. Change password implemented again (#11)
* Adjusted GUI of daily dashboard to better deal with float values * Change password + New base (#10) * created a new Base template to test with * Changed out the base and added a new password page * Password change works, UI needs redisgn
This commit is contained in:
52
application/auth/templates/new_change_password.html
Normal file
52
application/auth/templates/new_change_password.html
Normal file
@@ -0,0 +1,52 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Change Password{%endblock%}
|
||||
|
||||
{% block content %}
|
||||
<style>
|
||||
.card {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="d-flex justify-content-center align-items-center">
|
||||
<div class="card p-4" style="max-width: 400px; width: 90%">
|
||||
<h1 class="text-center mb-4" style="font-size: 2rem;">Change Your Password</h1>
|
||||
<form method="POST">
|
||||
{{ form.hidden_tag() }}
|
||||
<div class="mb-3">
|
||||
<label for="current-password" class="form-label">Current Password</label>
|
||||
{{ form.current_password(class="form-control", placeholder="") }}
|
||||
{% if form.current_password.errors %}
|
||||
<div class="text-danger small">
|
||||
{{ form.current_password.errors[0] }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="new-password" class="form-label">New Password</label>
|
||||
{{ form.new_password(class="form-control", placeholder="Enter password") }}
|
||||
{% if form.new_password.errors %}
|
||||
<div class="text-danger small">
|
||||
{{ form.new_password.errors[0] }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="confirm-password" class="form-label">Confirm New Password</label>
|
||||
{{ form.confirm_password(class="form-control", placeholder="Enter password") }}
|
||||
{% if form.confirm_password.errors %}
|
||||
<div class="text-danger small">
|
||||
{{ form.confirm_password.errors[0] }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{{ form.submit(class="btn btn-primary w-100", label="Update Password") }}
|
||||
</form>
|
||||
<p class="text-center text-muted mt-3" style="font-size: 0.85rem;">
|
||||
Make sure your password is at least 8 characters long and includes a mix of letters and numbers.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user