hydra-webauthn/template/layouts/login.html.tmpl

53 lines
2.7 KiB
Cheetah

{{define "title"}}Connexion{{end}}
{{define "body"}}
<section class="hero is-fullheight">
<div class="hero-body">
<div class="container">
<div class="columns">
<div class="column is-6 is-offset-3">
{{template "flash" .}}
<p class="has-text-black title has-text-centered">
Authentification sur <br /><a href="{{ .ClientURI }}" class="has-text-info">{{ .ClientName }}</a>
</p>
<div>
<noscript>
<div class="message is-danger">
<div class="message-body">
L'activation de JavaScript est nécessaire afin de pouvoir vous authentifier !
</div>
</div>
</noscript>
<div class="box">
<form id="login" method="POST">
<div class="field">
<label for="username" class="label">Nom d'utilisateur</label>
<div class="control">
<input id="username" class="input" name="username" type="text" placeholder="jdoe" value="{{ .Username }}" required>
</div>
</div>
<div>
<label for="rememberme" class="checkbox">
<input type="checkbox" id="rememberme" name="rememberme" {{if .RememberMe }}checked="true"{{end}} >
Se souvenir de moi
</label>
</div>
{{if .AssertionRequest}}
<input type="hidden" id="assertion" name="assertion" />
{{end}}
{{ .csrfField }}
<input name="challenge" type="hidden" value="{{ .LoginChallenge }}" />
<input type="submit" value="Envoyer" class="button is-fullwidth is-primary mt-3" />
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{if .AssertionRequest}}
<script type="text/javascript" src="{{ .BaseURL }}/js/hydra-webauthn.js"></script>
<script type="text/javascript" src="{{ .BaseURL }}/js/login.js" data-assertion-request="{{ base64 ( marshal .AssertionRequest ) }}"></script>
{{end}}
{{end}}
{{template "base" .}}