Password change

3 files changed, 67 insertions, 30 deletions

diff --git a/templates/login.html b/templates/login.html
index 0801884..ed4d358 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,6 +1,7 @@
 {{define "title"}}{{end}}
 
 {{define "body"}}
+<h4>S'identifier</h4>
 
 <form method="POST">
   {{if .ErrorMessage}}
diff --git a/templates/passwd.html b/templates/passwd.html
new file mode 100644
index 0000000..7dffcb8
--- /dev/null
+++ b/templates/passwd.html
@@ -0,0 +1,37 @@
+{{define "title"}}Mot de passe |{{end}}
+
+{{define "body"}}
+<h4>Modifier mon mot de passe</h4>
+
+  {{if .ErrorMessage}}
+    <div class="alert alert-danger">Impossible d'effectuer la modification.
+      <div style="font-size: 0.8em">{{ .ErrorMessage }}</div>
+    </div>
+  {{end}}
+  {{if .Success}}
+    <div class="alert alert-success">
+       Nouveau mot de passe enregistré.
+    </div>
+    <a class="ml-auto btn btn-info" href="/">Retour</a>
+  {{else}}
+    <form method="POST">
+      <div class="form-group">
+        <label for="password">Nouveau mot de passe :</label>
+        <input type="password" id="password" name="password" class="form-control" />
+      </div>
+      <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 .NoMatchError}}
+        <div class="alert alert-warning">
+          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}}
diff --git a/templates/profile.html b/templates/profile.html
index 24556fa..d2ff632 100644
--- a/templates/profile.html
+++ b/templates/profile.html
@@ -3,43 +3,42 @@
 {{define "body"}}
 <h4>Modifier mon profil</h4>
 
-<form method="POST">
   {{if .ErrorMessage}}
-    <div class="alert alert-danger">Impossible de se connecter.
+    <div class="alert alert-danger">Impossible d'effectuer la modification.
       <div style="font-size: 0.8em">{{ .ErrorMessage }}</div>
     </div>
   {{end}}
   {{if .Success}}
     <div class="alert alert-success">
+        Profil enregistré.
+    </div>
+    <a class="ml-auto btn btn-info" href="/">Retour</a>
+  {{else}}
+    <form method="POST">
+      <div class="form-group">
+        <label>Nom d'utilisateur:</label>
+        <input type="text" disabled="true" class="form-control" value="{{ .Status.Info.Username }}" />
+      </div>
+      <div class="form-group">
+        <label for="mail">Adresse e-mail:</label>
+        <input type="text" id="mail" name="mail" class="form-control" value="{{ .Mail }}" />
+      </div>
+      <div class="form-group">
+        <label for="display_name">Nom complet:</label>
+        <input type="text" id="display_name" name="display_name" class="form-control" value="{{ .DisplayName }}" />
+      </div>
+      <div class="form-group">
+        <label for="given_name">Prénom:</label>
+        <input type="text" id="given_name" name="given_name" class="form-control" value="{{ .GivenName }}" />
+      </div>
+      <div class="form-group">
+        <label for="surname">Nom de famille:</label>
+        <input type="text" id="surname" name="surname" class="form-control" value="{{ .Surname }}" />
+      </div>
       <div class="d-flex">
-        <span>Profil enregistré.</span>
-        <a class="ml-auto btn btn-sm btn-info" href="/">Retour</a>
+        <button type="submit" class="btn btn-primary">Enregistrer les modifications</button>
+        <a class="ml-auto btn btn-danger" href="/">Annuler</a>
       </div>
-    </div>
+    </form>
   {{end}}
-  <div class="form-group">
-    <label>Nom d'utilisateur:</label>
-    <input type="text" disabled="true" class="form-control" value="{{ .Status.Info.Username }}" />
-  </div>
-  <div class="form-group">
-    <label for="mail">Adresse e-mail:</label>
-    <input type="text" id="mail" name="mail" class="form-control" value="{{ .Mail }}" />
-  </div>
-  <div class="form-group">
-    <label for="display_name">Nom complet:</label>
-    <input type="text" id="display_name" name="display_name" class="form-control" value="{{ .DisplayName }}" />
-  </div>
-  <div class="form-group">
-    <label for="given_name">Prénom:</label>
-    <input type="text" id="given_name" name="given_name" class="form-control" value="{{ .GivenName }}" />
-  </div>
-  <div class="form-group">
-    <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}}