diff options
| author | Thibaut Horel <thibaut.horel@gmail.com> | 2018-12-31 09:05:29 -0500 |
|---|---|---|
| committer | Thibaut Horel <thibaut.horel@gmail.com> | 2018-12-31 09:05:29 -0500 |
| commit | 3b49837d167e8770f1054457e172c36109169e51 (patch) | |
| tree | 9ae844c7851f3f35aea677ebf4a8f80924f76045 /templates | |
| parent | 6ae97fe4d7c4fa1c80571d41c356453199041067 (diff) | |
| download | id-3b49837d167e8770f1054457e172c36109169e51.tar.gz | |
Add password change feature
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.tmpl | 2 | ||||
| -rw-r--r-- | templates/login.tmpl | 5 | ||||
| -rw-r--r-- | templates/password.tmpl | 40 |
3 files changed, 44 insertions, 3 deletions
diff --git a/templates/index.tmpl b/templates/index.tmpl index 8f6a3b9..d72d562 100644 --- a/templates/index.tmpl +++ b/templates/index.tmpl @@ -18,7 +18,7 @@ button:hover {background-color: #1967be; border-color: #1862b5} </head> <body> - <p> <a href="/logout">Logout</a></p> + <p> <a href="/password">Changer le mot de passe</a> <a href="/logout">Logout</a></p> <p>{{.Id}} {{.Created}}</p> </body> diff --git a/templates/login.tmpl b/templates/login.tmpl index a78fdc1..8854695 100644 --- a/templates/login.tmpl +++ b/templates/login.tmpl @@ -9,7 +9,8 @@ body{margin: 0 auto; width: 400px; padding-top: 10em; font-family: "Source Sans form > hr{border: none; border-top: 1px solid #e6e6e6; margin: 1.3em 0;} form > h4{font-weight: 300; font-size: 19px; margin-bottom: 0} label {font-weight: bold; text-align: right;} form > div {display: grid; grid-template-columns: 2fr 5fr; grid-gap: 1em 1em; align-items: center;} -form .alert { background-color: #ff0039; grid-column: 1 / 3; color: white; padding: 0.8em 1em} +form .danger { background-color: #f8d7da; grid-column: 1 / 3; color: #721c24; padding: 0.8em 1em} +form .success { background-color: #d4edda; grid-column: 1 / 3; color: #155724; padding: 0.8em 1em} input, button {font-size: inherit; font-family: inherit; line-height: inherit; padding: 0.8em 1em; border-radius: 0} input {border: 1px solid #cccccc; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s} input:focus {border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)} @@ -29,7 +30,7 @@ button:hover {background-color: #1967be; border-color: #1862b5} <label for="password">Mot de passe :</label> <input type="password" id="password" name="password" placeholder="Mot de passe"/> - {{ if .Flash }} <div class="alert">{{.Flash}}</div> {{end}} + {{ if .Flash }} <div class="danger">{{.Flash}}</div> {{end}} <button type="submit" name="login">Se Connecter</button> <input type="hidden" name="next" value="{{.Next}}"/> </div> diff --git a/templates/password.tmpl b/templates/password.tmpl new file mode 100644 index 0000000..8b5e8cf --- /dev/null +++ b/templates/password.tmpl @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title></title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> +<style> +body{margin: 0 auto; width: 600px; padding-top: 10em; font-family: "Source Sans Pro"; font-size: 15px;} +form > hr{border: none; border-top: 1px solid #e6e6e6; margin: 1.3em 0;} +form > h4{font-weight: 300; font-size: 19px; margin-bottom: 0} label {font-weight: bold; text-align: right;} +form > div {display: grid; grid-template-columns: 3fr 5fr; grid-gap: 1em 1em; align-items: center;} +form .danger { background-color: #f8d7da; grid-column: 1 / 3; color: #721c24; padding: 0.8em 1em} +form .success { background-color: #d4edda; grid-column: 1 / 3; color: #155724; padding: 0.8em 1em} +input, button {font-size: inherit; font-family: inherit; line-height: inherit; padding: 0.8em 1em; border-radius: 0} +input {border: 1px solid #cccccc; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s} +input:focus {border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)} +button {border: 1px solid #2780e3; background-color: #2780e3; color: white; cursor: pointer; grid-column: 2; justify-self: left} +button:hover {background-color: #1967be; border-color: #1862b5} +</style> + </head> + <body> + +<form action="/password" role="form" method="post"> + <h4>Mot de passe</h4> + <hr> + <div> + <label for="password">Nouveau mot de passe :</label> + <input type="password" id="password" name="password"/> + + <label for="confirm">Répéter le mot de passe :</label> + <input type="password" id="confirm" name="confirm"/> + + {{ if .Value }} <div class="{{.Type}}">{{.Value}}</div> {{end}} + <button type="submit" name="save">Enregistrer</button> + </div> + <hr> +</form> + + </body> +</html> |