guichet/templates/passwd.html

92 lines
3 KiB
HTML
Raw Normal View History

2023-07-23 15:23:03 +00:00
{{define "title"}}Mal de passe{{end}}
2020-02-09 16:45:22 +00:00
2023-07-23 15:14:32 +00:00
{{define "admenu"}}
{{end}}
2020-02-09 16:45:22 +00:00
{{define "body"}}
2023-07-27 14:04:58 +00:00
<div class="d-flex">
<h2>Modifier mon mot de passe</h2>
2023-07-27 14:02:08 +00:00
</div>
2023-07-27 14:04:58 +00:00
{{if .Common.ErrorMessage}}
<div class="alert alert-danger mt-4">Impossible d'effectuer la modification.
<div style="font-size: 0.8em">{{ .Common.ErrorMessage }}</div>
2023-07-27 14:02:08 +00:00
</div>
2020-02-09 16:45:22 +00:00
{{end}}
2023-07-27 14:04:58 +00:00
{{if .Common.Success}}
<div class="alert alert-success mt-4">
Nouveau mot de passe enregistré.
</div>
{{else}}
<form method="POST" class="mt-4"
onsubmit="javascript:var password = document.getElementById('password');var password2 = document.getElementById('password2'); if (password.value != password2.value) {alert('Les maux de passe ne sont pas identiques entre l\'initial et la confirmation.');return false;}; message = checkPasswordStrength(password.value); if (message) {alert(message);return false}else{return true;}">
<div class="form-group">
<label for="password">Nouveau mot de passe :</label>
<input type="password" id="password" name="password" class="form-control" minlength="8" required />
</div>
{if .Data.TooShortError }}
<div class="alert alert-warning">
Le mot de passe choisi est trop court (minimum 8 caractères).
</div>
{{end}}
<div class="form-group">
<label for="password2">Répéter le mot de passe :</label>
<input type="password" id="password2" name="password2" class="form-control" />
</div>
{if .Data.NoMatchError }}
<div class="alert alert-warning">
Les deux mots de passe entrés ne correspondent pas.
</div>
{{end}}
<button type="submit" class="btn btn-primary">Changer de mot de passe</button>
</form>
<script>
function checkPasswordStrength(password) {
// Initialize variables
var strength = 0;
var tips = "";
2023-07-27 11:35:36 +00:00
2023-07-27 14:04:58 +00:00
// Check password length
if (password.length < 8) {
tips += "Au minimum 8 chars dans votre mot de passe svp. ";
} else {
strength += 1;
}
2023-07-27 11:35:36 +00:00
2023-07-27 14:04:58 +00:00
// Check for mixed case
if (password.match(/[a-z]/) && password.match(/[A-Z]/)) {
strength += 1;
} else {
tips += "Merci d'utiliser des minuscules et majuscules. ";
}
2023-07-27 11:35:36 +00:00
2023-07-27 14:04:58 +00:00
// Check for numbers
if (password.match(/\d/)) {
strength += 1;
} else {
tips += "Merci d'inclure un chiffre. ";
}
2023-07-27 11:35:36 +00:00
2023-07-27 14:04:58 +00:00
// Check for special characters
if (password.match(/[^a-zA-Z\d]/)) {
strength += 1;
} else {
tips += "Inclure au moins un caractère spécial. ";
}
2023-07-27 11:35:36 +00:00
2023-07-27 14:04:58 +00:00
// Return results
if (strength < 2) {
return "Trop facile à déviner. " + tips;
} else if (strength === 2) {
return "Difficulté moyenne. " + tips;
} else if (strength === 3) {
return false; // "Difficile à craquer. " + tips;
} else {
return false; // "Mot de passe digne de ce nom. " + tips;
}
}
2023-07-27 11:35:36 +00:00
2023-07-27 14:04:58 +00:00
</script>
{{end}}
2023-07-27 14:02:08 +00:00
{{end}}