|
|
- <#macro registrationLayout bodyClass="" displayInfo=false displayMessage=true displayRequiredFields=false showAnotherWayIfPresent=true>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" class="${properties.kcHtmlClass!}">
-
- <head>
- <meta charset="utf-8">
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <meta name="robots" content="noindex, nofollow">
-
- <#if properties.meta?has_content>
- <#list properties.meta?split(' ') as meta>
- <meta name="${meta?split('==')[0]}" content="${meta?split('==')[1]}"/>
- </#list>
- </#if>
- <title>${msg("loginTitle",(realm.displayName!''))}</title>
- <link rel="icon" href="${url.resourcesPath}/img/favicon.ico" />
- <#if properties.stylesCommon?has_content>
- <#list properties.stylesCommon?split(' ') as style>
- <link href="${url.resourcesCommonPath}/${style}" rel="stylesheet" />
- </#list>
- </#if>
- <#if properties.styles?has_content>
- <#list properties.styles?split(' ') as style>
- <link href="${url.resourcesPath}/${style}" rel="stylesheet" />
- </#list>
- </#if>
- <#if properties.scripts?has_content>
- <#list properties.scripts?split(' ') as script>
- <script src="${url.resourcesPath}/${script}" type="text/javascript"></script>
- </#list>
- </#if>
- <#if scripts??>
- <#list scripts as script>
- <script src="${script}" type="text/javascript"></script>
- </#list>
- </#if>
- </head>
-
- <body class="${properties.kcBodyClass!}">
- <div class="${properties.kcLoginClass!}">
- <div id="kc-header" class="${properties.kcHeaderClass!}">
- <div id="kc-header-wrapper"
- class="${properties.kcHeaderWrapperClass!}"></div>
- </div>
- <div class="${properties.kcFormCardClass!}">
- <header class="${properties.kcFormHeaderClass!}">
-
- <#if !(auth?has_content && auth.showUsername() && !auth.showResetCredentials())>
- <#if displayRequiredFields>
- <div class="${properties.kcContentWrapperClass!}">
- <div class="${properties.kcLabelWrapperClass!} subtitle">
- <span class="subtitle"><span class="required">*</span> ${msg("requiredFields")}</span>
- </div>
- <div class="col-md-10">
- <h1 id="kc-page-title"><#nested "header"></h1>
- </div>
- </div>
- <#else>
- <h1 id="kc-page-title"><#nested "header"></h1>
- </#if>
- <#else>
- <#if displayRequiredFields>
- <div class="${properties.kcContentWrapperClass!}">
- <div class="${properties.kcLabelWrapperClass!} subtitle">
- <span class="subtitle"><span class="required">*</span> ${msg("requiredFields")}</span>
- </div>
- <div class="col-md-10">
- <#nested "show-username">
- <div id="kc-username" class="${properties.kcFormGroupClass!}">
- <label id="kc-attempted-username">${auth.attemptedUsername}</label>
- <a id="reset-login" href="${url.loginRestartFlowUrl}">
- <div class="kc-login-tooltip">
- <i class="${properties.kcResetFlowIcon!}"></i>
- <span class="kc-tooltip-text">${msg("restartLoginTooltip")}</span>
- </div>
- </a>
- </div>
- </div>
- </div>
- <#else>
- <#nested "show-username">
- <div id="kc-username" class="${properties.kcFormGroupClass!}">
- <label id="kc-attempted-username">${auth.attemptedUsername}</label>
- <a id="reset-login" href="${url.loginRestartFlowUrl}">
- <div class="kc-login-tooltip">
- <i class="${properties.kcResetFlowIcon!}"></i>
- <span class="kc-tooltip-text">${msg("restartLoginTooltip")}</span>
- </div>
- </a>
- </div>
- </#if>
- </#if>
- </header>
- <div id="kc-content">
- <div id="kc-content-wrapper">
-
- <#-- App-initiated actions should not see warning messages about the need to complete the action -->
- <#-- during login. -->
-
-
- <#nested "form">
-
- <#if auth?has_content && auth.showTryAnotherWayLink() && showAnotherWayIfPresent>
- <form id="kc-select-try-another-way-form" action="${url.loginAction}" method="post">
- <div class="${properties.kcFormGroupClass!}">
- <input type="hidden" name="tryAnotherWay" value="on"/>
- <a href="#" id="try-another-way"
- onclick="document.forms['kc-select-try-another-way-form'].submit();return false;">${msg("doTryAnotherWay")}</a>
- </div>
- </form>
- </#if>
-
- <#if displayInfo>
- <div id="kc-info" class="${properties.kcSignUpClass!}">
- <div id="kc-info-wrapper" class="${properties.kcInfoAreaWrapperClass!}">
- <#nested "info">
- </div>
- </div>
- </#if>
- </div>
- </div>
-
- </div>
- </div>
- <#if displayMessage && message?has_content && (message.type != 'warning' || !isAppInitiatedAction??)>
- <div class=" ${properties.kcAlertClass!}" id="snackbar">
-
- <div class="${properties.kcAlertTitleClass!}">${kcSanitize(message.summary)?no_esc}</div>
- <button class="alert-button" onclick="hideSnackbar()">OK</button>
- </div>
- </#if>
- </body>
- </html>
- </#macro>
|