Manage user account

This commit is contained in:
William Bouzourène 2025-01-05 14:44:05 +01:00
parent 749e179c32
commit 5adc01baff
4 changed files with 297 additions and 0 deletions

109
views/account_manage.html Normal file
View file

@ -0,0 +1,109 @@
{% extends "layouts/main.html" %}
{% block main %}
<div class="container mt-4">
<div class="mb-4">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Accueil</a></li>
<li class="breadcrumb-item active">Gérer mon compte utilisateur</li>
</ol>
</nav>
<hr>
</div>
{% if Errors %}
<div class="alert alert-danger">
<ul class="m-0">
{% for Error in Errors %}
<li>{{ Error }}</li>
{% endfor %}
</ul>
</div>
{% endif %}
<form id="user" method="post">
<div class="mb-3">
<label for="name" class="form-label">
Nom complet
</label>
<input
id="name"
class="form-control"
type="text"
name="name"
required
value="{{ User.Name }}"
>
</div>
<div class="mb-3">
<label for="email" class="form-label">
Email
</label>
<input
id="email"
class="form-control"
type="email"
name="email"
required
value="{{ User.Email }}"
>
</div>
<div class="mb-3">
<label for="password" class="form-label">
Mot de passe
</label>
<input
id="password"
class="form-control"
type="password"
name="password"
>
<div class="form-text">
Laisser vide pour ne pas changer
</div>
</div>
<div class="mb-3">
<label for="password" class="form-label">
Confirmer le mot de passe
</label>
<input
id="password-verify"
class="form-control"
type="password"
name="password-verify"
>
</div>
<div class="mt-4">
<button class="btn btn-primary" type="submit">
<i class="me-1 bi-floppy"></i>
Enregistrer
</button>
</div>
</form>
</div>
{% endblock %}
{% block javascript %}
<script>
$(document).ready(function() {
$("#password").on("input", function() {
var enable = false;
if ($(this).val().length > 0) {
enable = true;
}
$("#password-verify").prop("disabled", !enable);
$("#password-verify").prop("required", enable);
});
$("#password").trigger("input");
});
</script>
{% endblock %}

43
views/account_totp.html Normal file
View file

@ -0,0 +1,43 @@
{% extends "layouts/main.html" %}
{% block main %}
<div class="container mt-4">
<div class="mb-4">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="/">Accueil</a></li>
<li class="breadcrumb-item active">Gérer multifacteur (TOTP)</li>
</ol>
</nav>
<hr>
</div>
<form id="user" method="post">
<div class="mb-3">
<input
type="checkbox"
class="form-check-input me-2"
id="reset_totp"
name="reset_totp"
required
>
<label for="reset_totp" class="form-label">
Réinitialiser le double facteur (TOTP)
</label>
<div class="form-text">
Si la case est cochée, vous devrez effectuer
un nouvel enrollement TOTP.
</div>
</div>
<div class="mt-4">
<button class="btn btn-primary" type="submit">
<i class="me-1 bi-floppy"></i>
Enregistrer
</button>
</div>
</form>
</div>
{% endblock %}