Merge pull request #168 from cfpb/verify-message

Updates verify message

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">
+      <div class="usa-width-one-whole margin-bottom-1">
+        <div class="usa-alert usa-alert-${message.type}">
+          <div class="usa-alert-body">
+            <h3 style="margin-top: 0;">Verify your email to activate your account</h3>
+            <p>You have been sent an email with a verification code.</p>
+            <p>This code will expire in 60 minutes. If you would like a new code or if you haven't received the email, <strong><a style="text-transform: lowercase;" href="${url.loginAction}">${msg("doClickHere")}</a></strong> to send a new one.</p>
+          </div>
+        </div>
+
+        <p>For help with account-related issues, please contact
+          <strong><a href="mailto:${properties.supportEmailTo!}?subject=${properties.supportEmailSubject?url('UTF-8')}">${properties.supportEmailTo}</a></strong>.
+        </p>
+    </#if>
+</@layout.registrationLayout>

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

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;
 }

keycloak/themes/hmda/login/template.ftl

@@ -98,10 +98,15 @@
     </div>
   </#if>
 
-  <div class="usa-grid usa-grid-small">
+  <#assign className="usa-grid usa-grid-small"/>
+  <#if (displayMessage && message?has_content && message.summary == "verifyEmailMessage")>
+    <#assign className="usa-grid verifyEmailMessage"/>
+  </#if>
+
+  <div class="${className}">
     <div id="kc-content">
       <div id="kc-content-wrapper">
-        <#if displayMessage && message?has_content>
+        <#if displayMessage && message?has_content && message.summary != "verifyEmailMessage">
           <div class="usa-width-one-whole margin-bottom-1">
             <div class="usa-alert usa-alert-${message.type}">
               <div class="usa-alert-body">