diff options
Diffstat (limited to 'login/login-otp.ftl')
-rw-r--r-- | login/login-otp.ftl | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/login/login-otp.ftl b/login/login-otp.ftl new file mode 100644 index 0000000..9acc6ac --- /dev/null +++ b/login/login-otp.ftl @@ -0,0 +1,70 @@ +<#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>
\ No newline at end of file |