Commit d3abdaf8 authored by jbuechele's avatar jbuechele
Browse files

redesigned footer and language picker

parent dc98266f
......@@ -51,9 +51,6 @@
</form>
</div>
</div>
<div class="footer">
Copyright &copy; 2017 &mdash; Your Company
</div>
</div>
</div>
</div>
......
......@@ -51,9 +51,6 @@
</form>
</div>
</div>
<div class="footer">
Copyright &copy; 2017 &mdash; Your Company
</div>
</div>
</div>
</div>
......
......@@ -53,9 +53,6 @@
</form>
</div>
</div>
<div class="footer">
Copyright &copy; 2017 &mdash; Your Company
</div>
</div>
</div>
</div>
......
......@@ -85,9 +85,6 @@
</div>
</div>
<div class="footer">
Copyright &copy; 2017 &mdash; Your Company
</div>
</div>
</div>
</div>
......
......@@ -279,3 +279,15 @@ noCertificate=[No Certificate]
pageNotFound=Page not found
internalServerError=An internal server error has occurred
registerTitleFairlogin=Register with fairlogin
loginTitleFairlogin=Login to fairlogin
termsOfServiceLink=https://fairkom.net/groupoffice/index.php?r=files/file/download&id=98700&random_code=8YIFvSG7zMO&inline=false&security_token=BflWeL5RbU1OpZAY9Srn
termsOfServiceText=Terms of Service
cloudTermsLink=https://fairkom.net/groupoffice/index.php?r=files/file/download&id=98701&random_code=049LQ6cYdVX&inline=false&security_token=BflWeL5RbU1OpZAY9Srn
cloudTermsText=Cloud Terms
fairloginFaqsLink=https://www.fairkom.eu/fairlogin/faqs
fairloginFaqsText=FAQs
fairloginOnboardingLink=https://www.fairkom.eu/fairlogin/onboarding
fairloginOnboardingText=Onboarding
and=and
......@@ -85,9 +85,6 @@
</form>
</div>
</div>
<div class="footer">
Copyright &copy; 2017 &mdash; Your Company
</div>
</div>
</div>
</div>
......
......@@ -59,12 +59,6 @@ body.my-login-page {
margin: 0;
}
.my-login-page .footer {
margin: 40px 0;
color: #888;
text-align: center;
}
.margin-bottom-30 {
margin-bottom: 30px;
}
......@@ -133,6 +127,25 @@ a:hover {
border-color:rgba(0,0,0,0.2)
}
#language-picker-dropdown {
background-color: transparent;
}
.footer a {
padding-left: 5px;
padding-right: 5px
}
#language-picker {
margin-top: 20px;
margin-bottom: 40px;
}
.footer {
color: #888;
text-align: center;
}
@media screen and (max-width: 425px) {
.my-login-page .card-wrapper {
width: 90%;
......
......@@ -34,4 +34,9 @@ $(function() {
}
});
});
});
\ No newline at end of file
});
function languageSelected() {
var redirectUrl = $('#language-picker-dropdown').val();
window.location.href = redirectUrl;
}
\ No newline at end of file
......@@ -41,21 +41,6 @@
<div id="kc-header-wrapper" class="${properties.kcHeaderWrapperClass!}"><#nested "header"></div>
</div>
<#if realm.internationalizationEnabled>
<div id="kc-locale" class="${properties.kcLocaleClass!}">
<div id="kc-locale-wrapper" class="${properties.kcLocaleWrapperClass!}">
<div class="kc-dropdown" id="kc-locale-dropdown">
<a href="#" id="kc-current-locale-link">${locale.current}</a>
<ul>
<#list locale.supported as l>
<li class="kc-dropdown-item"><a href="${l.url}">${l.label}</a></li>
</#list>
</ul>
</div>
</div>
</div>
</#if>
<div id="kc-content" class="${properties.kcContentClass!}">
<div id="kc-content-wrapper" class="${properties.kcContentWrapperClass!}">
<div id="kc-form" class="${properties.kcFormAreaClass!}">
......@@ -75,6 +60,34 @@
</div>
</div>
</div>
<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" onchange="languageSelected()">
<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-md-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>
</body>
</html>
</#macro>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment