Uniformize templates

admin.go

@@ -1,9 +1,9 @@
 package main
 
 import (
+	"fmt"
 	"html/template"
 	"net/http"
-	"fmt"
 	"sort"
 
 	"github.com/go-ldap/ldap/v3"

profile.go

@@ -65,6 +65,7 @@ func handleProfile(w http.ResponseWriter, r *http.Request) {
 type PasswdTplData struct {
 	Status        *LoginStatus
 	ErrorMessage  string
+	TooShortError bool
 	NoMatchError  bool
 	Success       bool
 }
@@ -89,7 +90,9 @@ func handlePasswd(w http.ResponseWriter, r *http.Request) {
 		password := strings.Join(r.Form["password"], "")
 		password2 := strings.Join(r.Form["password2"], "")
 
-		if password2 != password {
+		if len(password) < 8 {
+			data.TooShortError = true
+		} else if password2 != password {
 			data.NoMatchError = true
 		} else {
 			modify_request := ldap.NewModifyRequest(login.Info.DN, nil)

templates/admin_users.html

@@ -1,7 +1,9 @@
 {{define "title"}}Liste des utilisateurs |{{end}}
 
 {{define "body"}}
+
 <div class="d-flex">
+  <h4>Liste des utilisateurs</h4>
   <a class="ml-auto btn btn-info" href="/">Retour</a>
 </div>
 

templates/home.html

@@ -1,7 +1,7 @@
 {{define "title"}}{{end}}
 
 {{define "body"}}
-<div class="alert alert-success">
+<div class="alert alert-info">
     Bienvenue, <strong>{{ .Login.UserEntry.GetAttributeValue "givenname" }}</strong> !
 </div>
 <div class="d-flex">

templates/passwd.html

@@ -1,24 +1,31 @@
 {{define "title"}}Mot de passe |{{end}}
 
 {{define "body"}}
+<div class="d-flex">
   <h4>Modifier mon mot de passe</h4>
+  <a class="ml-auto btn btn-info" href="/">Retour</a>
+</div>
 
   {{if .ErrorMessage}}
-    <div class="alert alert-danger">Impossible d'effectuer la modification.
+    <div class="alert alert-danger mt-4">Impossible d'effectuer la modification.
       <div style="font-size: 0.8em">{{ .ErrorMessage }}</div>
     </div>
   {{end}}
   {{if .Success}}
-    <div class="alert alert-success">
+    <div class="alert alert-success mt-4">
        Nouveau mot de passe enregistré.
     </div>
-    <a class="btn btn-info" href="/">Retour</a>
   {{else}}
-    <form method="POST">
+    <form method="POST" class="mt-4">
       <div class="form-group">
         <label for="password">Nouveau mot de passe :</label>
         <input type="password" id="password" name="password" class="form-control" />
       </div>
+      {{if .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" />
@@ -28,10 +35,7 @@
           Les deux mots de passe entrés ne correspondent pas.
         </div>
       {{end}}
-      <div class="d-flex">
       <button type="submit" class="btn btn-primary">Changer de mot de passe</button>
-        <a class="ml-auto btn btn-danger" href="/">Annuler</a>
-      </div>
     </form>
   {{end}}
 {{end}}

templates/profile.html

@@ -1,20 +1,22 @@
 {{define "title"}}Profile |{{end}}
 
 {{define "body"}}
+<div class="d-flex">
   <h4>Modifier mon profil</h4>
+  <a class="ml-auto btn btn-info" href="/">Retour</a>
+</div>
 
   {{if .ErrorMessage}}
-    <div class="alert alert-danger">Impossible d'effectuer la modification.
+    <div class="alert alert-danger mt-4">Impossible d'effectuer la modification.
       <div style="font-size: 0.8em">{{ .ErrorMessage }}</div>
     </div>
   {{end}}
   {{if .Success}}
-    <div class="alert alert-success">
+    <div class="alert alert-success mt-4">
         Profil enregistré.
     </div>
-    <a class="btn btn-info" href="/">Retour</a>
-  {{else}}
-    <form method="POST">
+  {{end}}
+  <form method="POST" class="mt-4">
     <div class="form-group">
       <label>Nom d'utilisateur:</label>
       <input type="text" disabled="true" class="form-control" value="{{ .Status.Info.Username }}" />
@@ -35,10 +37,6 @@
       <label for="surname">Nom de famille:</label>
       <input type="text" id="surname" name="surname" class="form-control" value="{{ .Surname }}" />
     </div>
-      <div class="d-flex">
     <button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
-        <a class="ml-auto btn btn-danger" href="/">Annuler</a>
-      </div>
   </form>
 {{end}}
-{{end}}