2023-07-26 06:31:43 +00:00
{{define "title"}}Créer un compte{{end}}
{{define "admenu"}}
{{end}}
{{define "body"}}
< div class = "d-flex" >
< h2 > Création d'un nouveau compte< / h2 >
< / div >
{{if .Common.ErrorMessage}}
< div class = "alert alert-danger mt-4" > Impossible de créer le compte.
< div style = "font-size: 0.8em" > {{ .Common.ErrorMessage }}< / div >
< / div >
{{end}}
{{if .Common.WarningMessage}}
< div class = "alert alert-danger mt-4" > Des erreurs se sont produites, le compte pourrait ne pas être totalement
fonctionnel.
< div style = "font-size: 0.8em" > {{ .Common.WarningMessage }}< / div >
< / div >
{{end}}
{{if .Common.Success}}
< div class = "alert alert-success mt-4" >
Le compe a été créé !
Rendez-vous < a href = "/session/logout" > sur la page d'accueil< / a > pour vous connecter avec ce nouveau compte.
< / div >
{{else}}
< form method = "POST" class = "mt-4" >
< div class = "form-group" >
2023-07-27 11:05:33 +00:00
< label for = "givenname" class = "required" > Prénom :< / label >
< input type = "text" id = "givenname" name = "givenname" class = "form-control" value = "{{ .GivenName }}" required / >
2023-07-27 11:13:10 +00:00
< small class = "form-text text-muted" >
Votre prénom
< / small >
< / div >
< div class = "form-group" >
2023-07-27 11:05:33 +00:00
< label for = "surname" class = "required" > Nom de famille :< / label >
< input type = "text" id = "surname" name = "surname" class = "form-control" value = "{{ .Surname }}" required / >
2023-07-27 11:13:10 +00:00
< small class = "form-text text-muted" >
Votre nom de famille
< / small >
< / div >
< div class = "form-group" >
< label for = "othermailbox" class = "required" > Courriel en dehors des GV:< / label >
2023-07-27 11:05:33 +00:00
< input type = "email" id = "othermailbox" name = "othermailbox" class = "form-control" value = "{{ .OtherMailbox }}" required / >
2023-07-26 06:31:43 +00:00
< small class = "form-text text-muted" >
2023-07-27 11:13:10 +00:00
Votre courriel en dehors des GV pour la récupération de vos informations personnelles
2023-07-26 06:31:43 +00:00
< / small >
< / div >
< div class = "form-group" >
2023-07-27 11:05:33 +00:00
< label for = "displayname" class = "required" > Nom affiché :< / label >
< input type = "text" id = "displayname" name = "displayname" class = "form-control" value = "{{ .DisplayName }}" required / >
2023-07-27 11:13:10 +00:00
< small class = "form-text text-muted" >
Votre nom d'utilisateur tel que affiché aux autres
< / small >
2023-07-26 06:31:43 +00:00
< / div >
< div class = "form-group" >
2023-07-27 11:05:33 +00:00
< label for = "username" class = "required" > Identifiant :< / label >
< input type = "text" id = "username" name = "username" class = "form-control" required / >
2023-07-26 06:31:43 +00:00
< small class = "form-text text-muted" >
2023-07-27 11:13:10 +00:00
Votre login et identifiant unique au sein des GV (utillisé pour le login le plupart du temps)
2023-07-26 06:31:43 +00:00
< / small >
< / div >
< div id = "calc-uid" > < / div >
< div id = "calc-cn" > < / div >
{{if .ErrorInvalidUsername}}
< div class = "alert alert-warning" >
Nom d'utilisateur invalide. Ne peut contenir que les caractères suivants : chiffres, lettres minuscules, point,
tiret bas (_) et tiret du milieu (-).
< / div >
{{end}}
{{if .ErrorUsernameTaken}}
< div class = "alert alert-warning" >
Ce nom d'utilisateur est déjà pris.
< / div >
{{end}}
2023-07-27 10:43:57 +00:00
< div class = "form-group" >
2023-07-27 11:05:33 +00:00
< label for = "defaultdomain" class = "required" > Domain au sein des GV:< / label >
2023-07-27 10:57:02 +00:00
< input type = "text" id = "defaultdomain" name = "defaultdomain" class = "form-control"
2023-07-27 11:05:33 +00:00
value="{{ .NewUserDefaultDomain }}" required />
2023-07-27 10:43:57 +00:00
< small class = "form-text text-muted" >
2023-07-27 11:13:10 +00:00
Le domaine du courriel des GV pour le nouveau utilisateur (lesgrandsvoisins.com ou lesgv.com ou lesgv.org ou tout domaine dont la gestion de courriel est aux Grands Voisins)
2023-07-27 10:43:57 +00:00
< / small >
< / div >
2023-07-26 06:31:43 +00:00
< div class = "form-group" >
2023-07-27 11:05:33 +00:00
< label for = "mail" class = "required" > Email des GV:< / label >
< input type = "email" id = "mail" name = "mail" class = "form-control" value = "{{ .Mail }}" required / >
2023-07-26 06:31:43 +00:00
< small class = "form-text text-muted" >
Le courriel et login interne.
< / small >
< / div >
2023-07-26 09:44:29 +00:00
<!-- <p><a href="#" onClick="javascript:var suggestPW = Math.random().toString(36).slice( - 10); document.getElementById('password').value='{{ .SuggestPW }}';document.getElementById('password2').value='{{ .SuggestPW }}';">Utiliser ce mot de passe :</a> {{ .SuggestPW }}</p>
2023-07-26 06:31:43 +00:00
< div class = "form-group" >
< label for = "password" > Mot de passe :< / label >
< input type = "password" id = "password" name = "password" class = "form-control" / >
< small class = "form-text text-muted" >
La seule contrainte est que votre mot de passe doit faire au moins 8 caractères. Utilisez chiffres, majuscules, et
caractères spéciaux sans modération !
< / small >
2023-07-26 09:44:29 +00:00
< / div > -->
2023-07-26 06:31:43 +00:00
{{if .ErrorPasswordTooShort}}
< div class = "alert alert-warning" >
Le mot de passe choisi est trop court (minimum 8 caractères).
< / div >
{{end}}
2023-07-26 09:53:44 +00:00
<!-- <div class="form - group">
2023-07-26 06:31:43 +00:00
< label for = "password2" > Répéter le mot de passe :< / label >
< input type = "password" id = "password2" name = "password2" class = "form-control" / >
2023-07-26 09:53:44 +00:00
< / div > -->
2023-07-26 06:31:43 +00:00
{{if .ErrorPasswordMismatch}}
< div class = "alert alert-warning" >
Les deux mots de passe entrés ne correspondent pas.
< / div >
{{end}}
2023-07-27 11:05:33 +00:00
< button type = "submit" class = "btn btn-primary" > Créer
2023-07-27 10:57:02 +00:00
le compte< / button >
2023-07-26 06:31:43 +00:00
< / form >
< script lang = "javascript" >
2023-07-27 10:55:51 +00:00
2023-07-27 10:57:02 +00:00
function changeGivenNameOrSurname() {
givenname = document.getElementById("givenname");
surname = document.getElementById("surname");
displayname = document.getElementById("displayname");
displayname.value = givenname.value + " " + surname.value
changeDisplayname();
}
function changeDisplayname() {
displayname = document.getElementById("displayname");
username = document.getElementById("username");
username.value = displayname.value.toLowerCase().replace(/[^A-z0-9.-]/g, '').replace(/^[.-]/, '').replace(/[.-]$/, '');
changeUsername();
}
function changeUsername() {
changeDomain();
}
function changeDomain() {
username = document.getElementById("username");
defaultdomain = document.getElementById("defaultdomain");
mail = document.getElementById("mail");
mail.value = username.value + "@" + defaultdomain.value;
}
document.getElementById("givenname").addEventListener("change", changeGivenNameOrSurname);
document.getElementById("surname").addEventListener("change", changeGivenNameOrSurname);
document.getElementById("displayname").addEventListener("change", changeDisplayname);
document.getElementById("username").addEventListener("change", changeUsername);
document.getElementById("defaultdomain").addEventListener("change", changeDomain);
2023-07-26 06:31:43 +00:00
< / script >
{{end}}
{{end}}