diff --git a/keycloak/themes/hmda/login/login-verify-email.ftl b/keycloak/themes/hmda/login/login-verify-email.ftl new file mode 100644 index 0000000..b755cfa --- /dev/null +++ b/keycloak/themes/hmda/login/login-verify-email.ftl @@ -0,0 +1,21 @@ +<#import "template.ftl" as layout> +<@layout.registrationLayout; section> + <#if section = "title"> + ${msg("emailVerifyTitle")} + <#elseif section = "header"> + ${msg("emailVerifyTitle")} + <#elseif section = "form"> +
+
+
+

Verify your email to activate your account

+

You have been sent an email with a verification code.

+

This code will expire in 60 minutes. If you would like a new code or if you haven't received the email, ${msg("doClickHere")} to send a new one.

+
+
+ +

For help with account-related issues, please contact + ${properties.supportEmailTo}. +

+ + diff --git a/keycloak/themes/hmda/login/messages/messages_en.properties b/keycloak/themes/hmda/login/messages/messages_en.properties index 472e8dc..e3f7df4 100644 --- a/keycloak/themes/hmda/login/messages/messages_en.properties +++ b/keycloak/themes/hmda/login/messages/messages_en.properties @@ -31,3 +31,4 @@ expiredCodeMessage=• Your login has timed out. Please log in again. staleCodeMessage=• This page is no longer valid. Please log in again. sessionNotActiveMessage=• Session not active. Please log in again. invalidCodeMessage=• An error occurred, please log in again. +verifyEmailMessage=verifyEmailMessage diff --git a/keycloak/themes/hmda/login/resources/css/hmda.css b/keycloak/themes/hmda/login/resources/css/hmda.css index 2a26dac..6a4d019 100644 --- a/keycloak/themes/hmda/login/resources/css/hmda.css +++ b/keycloak/themes/hmda/login/resources/css/hmda.css @@ -16,6 +16,10 @@ h6, max-width: 450px; } +.verifyEmailMessage { + margin-top: 4em; +} + .usa-form { max-width: 450px; } diff --git a/keycloak/themes/hmda/login/template.ftl b/keycloak/themes/hmda/login/template.ftl index aa4b477..58360cc 100644 --- a/keycloak/themes/hmda/login/template.ftl +++ b/keycloak/themes/hmda/login/template.ftl @@ -98,10 +98,15 @@
-
+ <#assign className="usa-grid usa-grid-small"/> + <#if (displayMessage && message?has_content && message.summary == "verifyEmailMessage")> + <#assign className="usa-grid verifyEmailMessage"/> + + +
- <#if displayMessage && message?has_content> + <#if displayMessage && message?has_content && message.summary != "verifyEmailMessage">