70 lines
3.7 KiB
Plaintext
70 lines
3.7 KiB
Plaintext
|
<#import "template.ftl" as layout>
|
||
|
|
<@layout.registrationLayout; section>
|
||
|
|
<#if section="header">
|
||
|
|
${msg("doLogIn")}
|
||
|
|
<#elseif section="form">
|
||
|
|
<form id="kc-otp-login-form" class="${properties.kcFormClass!}" action="${url.loginAction}"
|
||
|
|
method="post">
|
||
|
|
<#if otpLogin.userOtpCredentials?size gt 1>
|
||
|
|
<div class="${properties.kcFormGroupClass!}">
|
||
|
|
<div class="${properties.kcInputWrapperClass!}">
|
||
|
|
<#list otpLogin.userOtpCredentials as otpCredential>
|
||
|
|
<div class="${properties.kcSelectOTPListClass!}">
|
||
|
|
<input type="hidden" value="${otpCredential.id}">
|
||
|
|
<div class="${properties.kcSelectOTPListItemClass!}">
|
||
|
|
<span class="${properties.kcAuthenticatorOtpCircleClass!}"></span>
|
||
|
|
<h2 class="${properties.kcSelectOTPItemHeadingClass!}">
|
||
|
|
${otpCredential.userLabel}
|
||
|
|
</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</#list>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</#if>
|
||
|
|
|
||
|
|
<div class="${properties.kcFormGroupClass!}">
|
||
|
|
<div class="${properties.kcLabelWrapperClass!}">
|
||
|
|
<label for="otp" class="${properties.kcLabelClass!}">${msg("loginOtpOneTime")}</label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="${properties.kcInputWrapperClass!}">
|
||
|
|
<input id="otp" name="otp" autocomplete="off" type="text" class="${properties.kcInputClass!}"
|
||
|
|
autofocus/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="${properties.kcFormGroupClass!}">
|
||
|
|
<div id="kc-form-options" class="${properties.kcFormOptionsClass!}">
|
||
|
|
<div class="${properties.kcFormOptionsWrapperClass!}">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="kc-form-buttons" class="${properties.kcFormButtonsClass!}">
|
||
|
|
<input
|
||
|
|
class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonBlockClass!} ${properties.kcButtonLargeClass!}"
|
||
|
|
name="login" id="kc-login" type="submit" value="${msg("doLogIn")}" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<script type="text/javascript" src="${url.resourcesPath}/node_modules/jquery/dist/jquery.min.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
$(document).ready(function() {
|
||
|
|
// Card Single Select
|
||
|
|
$('.card-pf-view-single-select').click(function() {
|
||
|
|
if ($(this).hasClass('active'))
|
||
|
|
{ $(this).removeClass('active'); $(this).children().removeAttr('name'); }
|
||
|
|
else
|
||
|
|
{ $('.card-pf-view-single-select').removeClass('active');
|
||
|
|
$('.card-pf-view-single-select').children().removeAttr('name');
|
||
|
|
$(this).addClass('active'); $(this).children().attr('name', 'selectedCredentialId'); }
|
||
|
|
});
|
||
|
|
|
||
|
|
var defaultCred = $('.card-pf-view-single-select')[0];
|
||
|
|
if (defaultCred) {
|
||
|
|
defaultCred.click();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</#if>
|
||
|
|
</@layout.registrationLayout>
|