Refactor Site-Wide Data
This commit is contained in:
parent
6cec3efbd7
commit
66e3615310
1 changed files with 81 additions and 79 deletions
|
|
@ -8,83 +8,85 @@
|
||||||
<h2>Modifier mon mot de passe</h2>
|
<h2>Modifier mon mot de passe</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{if .Common.ErrorMessage}}
|
{{if .Common.ErrorMessage}}
|
||||||
<div class="alert alert-danger mt-4">Impossible d'effectuer la modification.
|
<div class="alert alert-danger mt-4">Impossible d'effectuer la modification.
|
||||||
<div style="font-size: 0.8em">{{ .Common.ErrorMessage }}</div>
|
<div style="font-size: 0.8em">{{ .Common.ErrorMessage }}</div>
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
|
||||||
{{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 .DataTooShortError}}
|
|
||||||
<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 .DataNoMatchError}}
|
|
||||||
<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>
|
|
||||||
{{end}}
|
|
||||||
<script>
|
|
||||||
function checkPasswordStrength(password) {
|
|
||||||
// Initialize variables
|
|
||||||
var strength = 0;
|
|
||||||
var tips = "";
|
|
||||||
|
|
||||||
// Check password length
|
|
||||||
if (password.length < 8) {
|
|
||||||
tips += "Au minimum 8 chars dans votre mot de passe svp. ";
|
|
||||||
} else {
|
|
||||||
strength += 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check for mixed case
|
|
||||||
if (password.match(/[a-z]/) && password.match(/[A-Z]/)) {
|
|
||||||
strength += 1;
|
|
||||||
} else {
|
|
||||||
tips += "Merci d'utiliser des minuscules et majuscules. ";
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check for numbers
|
|
||||||
if (password.match(/\d/)) {
|
|
||||||
strength += 1;
|
|
||||||
} else {
|
|
||||||
tips += "Merci d'inclure un chiffre. ";
|
|
||||||
}
|
|
||||||
|
|
||||||
// Check for special characters
|
|
||||||
if (password.match(/[^a-zA-Z\d]/)) {
|
|
||||||
strength += 1;
|
|
||||||
} else {
|
|
||||||
tips += "Inclure au moins un caractère spécial. ";
|
|
||||||
}
|
|
||||||
|
|
||||||
// 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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
{{end}}
|
{{end}}
|
||||||
|
{{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>
|
||||||
|
{{end}}
|
||||||
|
<script>
|
||||||
|
function checkPasswordStrength(password) {
|
||||||
|
// Initialize variables
|
||||||
|
var strength = 0;
|
||||||
|
var tips = "";
|
||||||
|
|
||||||
|
// Check password length
|
||||||
|
if (password.length < 8) {
|
||||||
|
tips += "Au minimum 8 chars dans votre mot de passe svp. ";
|
||||||
|
} else {
|
||||||
|
strength += 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check for mixed case
|
||||||
|
if (password.match(/[a-z]/) && password.match(/[A-Z]/)) {
|
||||||
|
strength += 1;
|
||||||
|
} else {
|
||||||
|
tips += "Merci d'utiliser des minuscules et majuscules. ";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check for numbers
|
||||||
|
if (password.match(/\d/)) {
|
||||||
|
strength += 1;
|
||||||
|
} else {
|
||||||
|
tips += "Merci d'inclure un chiffre. ";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Check for special characters
|
||||||
|
if (password.match(/[^a-zA-Z\d]/)) {
|
||||||
|
strength += 1;
|
||||||
|
} else {
|
||||||
|
tips += "Inclure au moins un caractère spécial. ";
|
||||||
|
}
|
||||||
|
|
||||||
|
// 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
{{end}}
|
||||||
|
{{end}}
|
||||||
Loading…
Reference in a new issue