keycloak-theme-pirati/account/totp.ftl

68 lines
1.9 KiB
Plaintext

<#import "template.ftl" as layout>
<@layout.mainLayout active='totp' bodyClass='totp'; section>
<#if totp.enabled>
<h2>${msg("authenticatorTitle")}</h2>
<table class="table table-bordered table-striped">
<thead
<tr>
<th colspan="2">${msg("configureAuthenticators")}</th>
</tr>
</thead>
<tbody>
<tr>
<td class="provider">${msg("mobile")}</td>
<td class="action">
<form action="${url.totpRemoveUrl}" method="post" class="form-inline">
<input type="hidden" id="stateChecker" name="stateChecker" value="${stateChecker}">
<button id="remove-mobile" class="btn btn-default"><i class="fa fa-trash"></i></button>
</form>
</td>
</tr>
</tbody>
</table>
<#else>
<h2>${msg("authenticatorTitle")}</h2>
<ol>
<li>
<p>${msg("totpStep1")?no_esc}</p>
</li>
<li>
<p>${msg("totpStep2")}</p>
<p><img src="data:image/png;base64, ${totp.totpSecretQrCode}" alt="Figure: Barcode"></p>
<p><span class="code">${totp.totpSecretEncoded}</span></p>
</li>
<li>
<p>${msg("totpStep3")}</p>
</li>
</ol>
<form action="${url.totpUrl}" class="form-horizontal" method="post">
<input type="hidden" id="stateChecker" name="stateChecker" value="${stateChecker}">
<div class="form-group">
<div class="col-sm-2 col-md-2">
<label for="totp" class="control-label">${msg("authenticatorCode")}</label>
</div>
<div class="col-sm-10 col-md-10">
<input type="text" class="form-control" id="totp" name="totp" autocomplete="off" autofocus
autocomplete="off">
<input type="hidden" id="totpSecret" name="totpSecret" value="${totp.totpSecret}"/>
</div>
</div>
<div class="sso-form-buttons">
<button type="submit"
class="sso-form-button sso-form-button-primary"
name="submitAction" value="Save">${msg("doSave")}</button>
<button type="submit"
class="sso-form-button"
name="submitAction" value="Cancel">${msg("doCancel")}</button>
</div>
</form>
</#if>
</@layout.mainLayout>