lemonldap-ng/lemonldap-ng-portal/site/templates/bootstrap/yubikey2fregister.tpl
Maxime Besson 42ac5f30e2 Improve yubikey registration (#1868)
an IE bug prevents forms from being submitted if the submit button is
display: none of visible: hidden so we use a bootstrap class that hides
it through "opacity" instead

The ID field is now focused by default so that a user can simply click
their yubikey immediately when they get to the registration page
2019-07-31 18:34:42 +02:00

49 lines
1.7 KiB
Smarty

<TMPL_INCLUDE NAME="header.tpl">
<main id="menucontent" class="container">
<div id="color" class="message message-positive alert"><span id="msg" trspan="clickOnYubikey"></span></div>
<div class="card">
<div class="card-body">
<form action="/2fregisters/yubikey/register" method="post">
<div class="row">
<div class="col-md-6 text-center">
<img src="<TMPL_VAR NAME="STATIC_PREFIX"><TMPL_VAR NAME="SKIN">/yubikey.png" alt="Yubikey" title="Yubikey" />
</div>
<div class="col-md-6">
<div class="form-group">
<label for="UBKName"><span trspan="name">Name</span></label>
<input type="text" class="form-control" id="UBKName" name="UBKName" value="MyYubikey" trplaceholder="name" />
</div>
<div class="form-group">
<label for="otp"><span trspan="id">Id</span></label>
<input type="text" class="form-control" id="otp" name="otp" trplaceholder="Id" autocomplete="off" autofocus/>
</div>
<input class="custom-control-input" type="submit" value="Submit" />
</div>
</div>
</form>
</div>
</div>
</main>
<div class="buttons">
<a href="<TMPL_VAR NAME="PORTAL_URL">2fregisters" class="btn btn-info" role="button">
<span class="fa fa-shield"></span>
<span trspan="sfaManager">sfaManager</span>
</a>
<a id="goback" href="<TMPL_VAR NAME="PORTAL_URL">?cancel=1<TMPL_IF NAME="AUTH_URL">&url=<TMPL_VAR NAME="AUTH_URL"></TMPL_IF>" class="btn btn-primary" role="button">
<span class="fa fa-home"></span>
<span trspan="goToPortal">Go to portal</span>
</a>
</div>
<TMPL_INCLUDE NAME="footer.tpl">