Files
gremiumhub/deployment/keycloak-theme/legalconsenthub/login/login-username.ftl

59 lines
3.1 KiB
Plaintext

<#import "template.ftl" as layout>
<@layout.registrationLayout displayMessage=!messagesPerField.existsError('username') displayInfo=realm.password && realm.registrationAllowed && !registrationDisabled??; section>
<#if section = "header">
<h1 id="kc-page-title">${msg("loginAccountTitle")}</h1>
<#elseif section = "form">
<div id="kc-form">
<div id="kc-form-wrapper">
<#if realm.password>
<form id="kc-form-login" onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post">
<div class="form-group">
<label for="username" class="pf-c-form__label pf-c-form__label-text">
<#if !realm.loginWithEmailAllowed>${msg("username")}<#elseif !realm.registrationEmailAsUsername>${msg("usernameOrEmail")}<#else>${msg("email")}</#if>
</label>
<input tabindex="1" id="username" class="pf-c-form-control" name="username" value="${(login.username!'')}" type="text" autofocus autocomplete="username"
aria-invalid="<#if messagesPerField.existsError('username')>true</#if>"
/>
<#if messagesPerField.existsError('username')>
<span id="input-error" class="input-error" aria-live="polite">
${kcSanitize(messagesPerField.getFirstError('username'))?no_esc}
</span>
</#if>
</div>
<div id="kc-form-buttons" class="form-group">
<input tabindex="4" class="pf-c-button pf-m-primary pf-m-block" name="login" id="kc-login" type="submit" value="${msg("doLogIn")}"/>
</div>
</form>
</#if>
</div>
</div>
<#elseif section = "info">
<#if realm.password && realm.registrationAllowed && !registrationDisabled??>
<div id="kc-registration">
<span>${msg("noAccount")} <a tabindex="6" href="${url.registrationUrl}">${msg("doRegister")}</a></span>
</div>
</#if>
<#elseif section = "socialProviders">
<#if realm.password && social?? && social.providers?has_content>
<div id="kc-social-providers">
<hr/>
<h4>${msg("identity-provider-login-label")}</h4>
<ul>
<#list social.providers as p>
<li>
<a id="social-${p.alias}" href="${p.loginUrl}">
<#if p.iconClasses?has_content>
<i class="${p.iconClasses}" aria-hidden="true"></i>
</#if>
<span>${p.displayName!}</span>
</a>
</li>
</#list>
</ul>
</div>
</#if>
</#if>
</@layout.registrationLayout>