paramecio/paramecio2fm
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Added dark mode to admin

Browse source
This commit is contained in:
absurdo 2023-11-26 17:57:11 +01:00
parent 8673bfd40c
commit 3a38dd8952
2 changed files with 324 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

24
paramecio2/modules/admin/templates/dashboard.phtml
View file

@ -44,8 +44,10 @@ ${load_js()|n}
%>
<span id="title_phango">${portal_admin_name_set[0]}</span> <span id="title_framework">${portal_admin_name_set[1]}</span>
</%block>
</div>
<div class="content_admin">
<nav id="menu" class="nav-collapse">
<ul>
<li class="menu_title"><%block name="applications"><i class="fa fa-gear" aria-hidden="true"></i>${lang('admin', 'applications', 'Applications')}</li></%block>
@ -90,6 +92,17 @@ ${load_js()|n}
</nav>
<div class="contents">
<h1>${title}</h1>
<div class="switch-btn">
<div class="switch-text">
Dark Mode
</div>
<div class="switch-slider">
<label class="switch">
<input type="checkbox" name="theme" />
<span class="slider round"></span>
</label>
</div>
</div>
<div class="content">
<%
from flask import get_flashed_messages
@ -117,6 +130,17 @@ ${load_js()|n}
trigger: 'click'
});
const slider = document.querySelector('input[name="theme"]');
slider.addEventListener("change", function () {
if (this.checked) {
document.body.classList.add("dark");
} else {
document.body.classList.remove("dark");
}
});
</script>
<%block name="jscript_block">
</%block>