Commit 43ab0785 authored by jbuechele's avatar jbuechele
Browse files

added alert.ftl and footer.ftl, fixed mobile scale issue

parent 48136bfd
<#if message?has_content>
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
\ No newline at end of file
...@@ -11,28 +11,8 @@ ...@@ -11,28 +11,8 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">${msg("errorTitleHtml")?no_esc}</h4> <h4 class="card-title">${msg("errorTitleHtml")?no_esc}</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<ul> <ul>
<div id="kc-error-message"> <div id="kc-error-message">
...@@ -45,6 +25,7 @@ ...@@ -45,6 +25,7 @@
</ul> </ul>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
<footer class="footer">
<div class="container">
<div id="language-picker" class="row justify-content-center">
<#if realm.internationalizationEnabled>
<div class="form-inline">
<div class="form-group">
<select id="language-picker-dropdown" class="form-control form-control-sm">
<option id="kc-current-locale-link">${locale.current}</option>
<#list locale.supported as l>
<option value="${l.url}">${l.label}</option>
</#list>
</select>
</div>
</div>
</#if>
</div>
<div class="row justify-content-center">
<a href="https://www.fairkom.eu/imprint" class="text-muted">Imprint</a>
|
<a href="${msg(" termsOfServiceLink ")}" class="text-muted">${msg("termsOfServiceText")}</a>
|
<a href="${msg(" cloudTermsLink ")}" class="text-muted">${msg("cloudTermsText")}</a>
|
<a href="${msg(" fairloginOnboardingLink ")}" class="text-muted">${msg("fairloginOnboardingText")}</a>
|
<a href="${msg(" fairloginFaqsLink ")}" class="text-muted">${msg("fairloginFaqsText")}</a>
</div>
</div>
</footer>
\ No newline at end of file
...@@ -11,28 +11,8 @@ ...@@ -11,28 +11,8 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">${msg("loginTotpTitle")}</h4> <h4 class="card-title">${msg("loginTotpTitle")}</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<ol id="kc-totp-settings"> <ol id="kc-totp-settings">
<li> <li>
<p>${msg("loginTotpStep1")}</p> <p>${msg("loginTotpStep1")}</p>
...@@ -94,6 +74,7 @@ ...@@ -94,6 +74,7 @@
</form> </form>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,28 +11,8 @@ ...@@ -11,28 +11,8 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">${msg("oauthGrantRequest")}</h4> <h4 class="card-title">${msg("oauthGrantRequest")}</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<ul> <ul>
<#if oauth.claimsRequested??> <#if oauth.claimsRequested??>
<li> <li>
...@@ -100,6 +80,7 @@ ...@@ -100,6 +80,7 @@
</form> </form>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,28 +11,8 @@ ...@@ -11,28 +11,8 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title"></h4> <h4 class="card-title"></h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<p id="instruction1" class="instruction"> <p id="instruction1" class="instruction">
${msg("pageExpiredMsg1")} ${msg("pageExpiredMsg1")}
<a id="loginRestartLink" href="${url.loginRestartFlowUrl}">${msg("doClickHere")}</a> . ${msg("pageExpiredMsg2")} <a id="loginRestartLink" href="${url.loginRestartFlowUrl}">${msg("doClickHere")}</a> . ${msg("pageExpiredMsg2")}
...@@ -40,6 +20,7 @@ ...@@ -40,6 +20,7 @@
</p> </p>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,28 +11,8 @@ ...@@ -11,28 +11,8 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">Forgot Password</h4> <h4 class="card-title">Forgot Password</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<form action="${url.loginAction}" method="post"> <form action="${url.loginAction}" method="post">
<div class="form-group"> <div class="form-group">
...@@ -51,6 +31,7 @@ ...@@ -51,6 +31,7 @@
</form> </form>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,28 +11,8 @@ ...@@ -11,28 +11,8 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">${msg("loginOtpTitle")}</h4> <h4 class="card-title">${msg("loginOtpTitle")}</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<form action="${url.loginAction}" method="post"> <form action="${url.loginAction}" method="post">
<div class="form-group"> <div class="form-group">
...@@ -51,6 +31,7 @@ ...@@ -51,6 +31,7 @@
</form> </form>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,28 +11,8 @@ ...@@ -11,28 +11,8 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">${msg("updatePasswordTitle")}</h4> <h4 class="card-title">${msg("updatePasswordTitle")}</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<form action="${url.loginAction}" method="post"> <form action="${url.loginAction}" method="post">
<div class="form-group"> <div class="form-group">
...@@ -53,6 +33,7 @@ ...@@ -53,6 +33,7 @@
</form> </form>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,28 +11,8 @@ ...@@ -11,28 +11,8 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">${msg("loginProfileTitle")}</h4> <h4 class="card-title">${msg("loginProfileTitle")}</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<form action="${url.loginAction}" method="post"> <form action="${url.loginAction}" method="post">
<div class="form-group"> <div class="form-group">
...@@ -58,6 +38,7 @@ ...@@ -58,6 +38,7 @@
</form> </form>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,28 +11,7 @@ ...@@ -11,28 +11,7 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">${msg("emailVerifyTitle")}</h4> <h4 class="card-title">${msg("emailVerifyTitle")}</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<p class="instruction"> <p class="instruction">
${msg("emailVerifyInstruction1")} ${msg("emailVerifyInstruction1")}
...@@ -43,6 +22,7 @@ ...@@ -43,6 +22,7 @@
</p> </p>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -13,28 +13,7 @@ ...@@ -13,28 +13,7 @@
<h4 class="card-title">Login or <h4 class="card-title">Login or
<a href="${url.registrationUrl}">Sign up</a> <a href="${url.registrationUrl}">Sign up</a>
</h4> </h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<form id="kc-form-login" class="form ${properties.kcFormClass!}" action="${url.loginAction}" method="post"> <form id="kc-form-login" class="form ${properties.kcFormClass!}" action="${url.loginAction}" method="post">
<div class="form-group"> <div class="form-group">
...@@ -78,6 +57,7 @@ ...@@ -78,6 +57,7 @@
</div> </div>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -11,28 +11,7 @@ ...@@ -11,28 +11,7 @@
<div class="card fat"> <div class="card fat">
<div class="card-body"> <div class="card-body">
<h4 class="card-title">Register</h4> <h4 class="card-title">Register</h4>
<#if message?has_content> <#include "alert.ftl">
<#if message.type='success'>
<div class="alert alert-success" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='warning'>
<div class="alert alert-warning" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='error'>
<div class="alert alert-danger" role="alert">
${message.summary?no_esc}
</div>
</#if>
<#if message.type='info'>
<div class="alert alert-info" role="alert">
${message.summary?no_esc}
</div>
</#if>
</#if>
<form action="${url.registrationAction}" method="post"> <form action="${url.registrationAction}" method="post">
<div class="form-group"> <div class="form-group">
...@@ -89,6 +68,7 @@ ...@@ -89,6 +68,7 @@
</form> </form>
</div> </div>
</div> </div>
<#include "footer.ftl">
</div> </div>
</div> </div>
</div> </div>
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex, nofollow"> <meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width,initial-scale=1">
<#if properties.meta?has_content> <#if properties.meta?has_content>
<#list properties.meta?split(' ') as meta> <#list properties.meta?split(' ') as meta>
...@@ -23,36 +24,7 @@ ...@@ -23,36 +24,7 @@
<body class="my-login-page"> <body class="my-login-page">
<#nested "form"> <#nested "form">
<footer class="footer">
<div class="container">
<div id="language-picker" class="row justify-content-md-center">
<#if realm.internationalizationEnabled>
<div class="form-inline">
<div class="form-group">
<select id="language-picker-dropdown" class="form-control form-control-sm">
<option id="kc-current-locale-link">${locale.current}</option>
<#list locale.supported as l>
<option value="${l.url}">${l.label}</option>
</#list>
</select>