From 8067d7c76a13281334406a3b5ff78f3ee59b75f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Kl=C3=BCter?= <Philipp.klueter@gmail.com>
Date: Tue, 29 Sep 2020 20:37:23 +0200
Subject: [PATCH] Update Templates

---
 login/login-otp.ftl |  4 ++--
 login/login.ftl     |  4 ++--
 login/template.ftl  | 15 +++++++++++++++
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/login/login-otp.ftl b/login/login-otp.ftl
index 395b8c3..392e613 100644
--- a/login/login-otp.ftl
+++ b/login/login-otp.ftl
@@ -1,9 +1,9 @@
 <#import "template.ftl" as layout>
 <@layout.registrationLayout; section>
     <#if section="header">
-    ${msg("loginTitle",(realm.displayName!''))}
+        <h1 class="login-title display-5 mb-3 d-lg-none">OTP Validation</h1>
+        <h1 class="login-title display-3 mb-5 d-none d-lg-block">OTP Validation</h1>
     <#elseif section="form">
-        <h1 class="login-title display-3 mb-5">OTP Validation</h1>
         <form id="kc-otp-login-form" class=""
             action="${url.loginAction}"
             method="post">
diff --git a/login/login.ftl b/login/login.ftl
index 2029303..01e0dd3 100644
--- a/login/login.ftl
+++ b/login/login.ftl
@@ -1,9 +1,9 @@
 <#import "template.ftl" as layout>
 <@layout.registrationLayout displayInfo=social.displayInfo displayWide=(realm.password && social.providers??); section>
     <#if section = "header">
-        ${msg("loginTitle",(realm.displayName!''))}
+        <h1 class="login-title display-5 mb-3 d-lg-none">Login</h1>
+        <h1 class="login-title display-3 mb-5 d-none d-lg-block">Login</h1>
     <#elseif section = "form">
-        <h1 class="login-title display-3 mb-5">Log In</h1>
         <form onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post">
             <div class="form-group mb-2">
                 <label for="username">Username</label>
diff --git a/login/template.ftl b/login/template.ftl
index 31b1ae9..e8fcbc9 100644
--- a/login/template.ftl
+++ b/login/template.ftl
@@ -24,6 +24,21 @@
                         <img src="${url.resourcesPath}/images/logo_left.png" alt="logo" class="logo">
                     </div>
                     <div class="login-wrapper my-auto">
+                        <#nested "header">
+
+                        <#-- App-initiated actions should not see warning messages about the need to complete the action -->
+                        <#-- during login.                                                                               -->
+                        <#if displayMessage && message?has_content && (message.type != 'warning' || !isAppInitiatedAction??)>
+                            <#if message.type == 'error'>
+                                <div class="alert alert-danger">
+                            <#else>
+                                <div class="alert alert-${message.type}">
+                            <#endif> 
+                                <span>${kcSanitize(message.summary)?no_esc}</span>
+                            </div>
+                        </#if>
+
+
                         <#nested "form">
                     </div>
                 </div>