62 lines
2.2 KiB
HTML
62 lines
2.2 KiB
HTML
<roundcube:include file="includes/layout.html" />
|
|
|
|
<script>
|
|
(function () {
|
|
try {
|
|
if (localStorage.getItem('ep-theme') === 'dark') {
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
}
|
|
} catch (error) { }
|
|
}());
|
|
</script>
|
|
|
|
<h1 class="voice"><roundcube:object name="productname" /> <roundcube:label name="login" /></h1>
|
|
|
|
<div id="layout-content" class="selected no-navbar" role="main">
|
|
<roundcube:object name="logo" src="/images/logo.svg" id="logo" alt="Logo" />
|
|
<roundcube:form id="login-form" name="login-form" method="post" class="propform">
|
|
<roundcube:object name="loginform" form="login-form" size="40" submit=true class="form-control" />
|
|
<button type="button" class="theme-toggle" id="theme-toggle" aria-pressed="false"></button>
|
|
<div id="login-footer" role="contentinfo">
|
|
<roundcube:object name="productname" condition="config:display_product_info > 0" />
|
|
<roundcube:object name="version" condition="config:display_product_info == 2" />
|
|
<roundcube:if condition="config:support_url" />
|
|
• <a href="<roundcube:var name='config:support_url' />" target="_blank" rel="noopener" class="support-link"><roundcube:label name="support" /></a>
|
|
<roundcube:endif />
|
|
<roundcube:container name="loginfooter" id="login-footer" />
|
|
</div>
|
|
</roundcube:form>
|
|
</div>
|
|
|
|
<script>
|
|
(function () {
|
|
var root = document.documentElement;
|
|
var button = document.getElementById('theme-toggle');
|
|
|
|
function updateButton() {
|
|
var dark = root.getAttribute('data-theme') === 'dark';
|
|
button.textContent = dark ? 'DAYLIGHT' : 'WASTELAND';
|
|
button.setAttribute('aria-pressed', dark ? 'true' : 'false');
|
|
}
|
|
|
|
updateButton();
|
|
button.addEventListener('click', function () {
|
|
var dark = root.getAttribute('data-theme') === 'dark';
|
|
if (dark) {
|
|
root.removeAttribute('data-theme');
|
|
} else {
|
|
root.setAttribute('data-theme', 'dark');
|
|
}
|
|
try {
|
|
localStorage.setItem('ep-theme', dark ? 'light' : 'dark');
|
|
} catch (error) { }
|
|
updateButton();
|
|
});
|
|
}());
|
|
</script>
|
|
|
|
<noscript>
|
|
<p class="noscriptwarning"><roundcube:label name="noscriptwarning" /></p>
|
|
</noscript>
|
|
|
|
<roundcube:include file="includes/footer.html" /> |