feat(#26): Add custom login form

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

@@ -0,0 +1,58 @@
+<#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>
+