websites/Flask-Files
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

some changes but not implemented views for dashboard yes

Browse source
This commit is contained in:
pika 2025-03-22 12:50:03 +01:00
parent acb3c7642a
commit eb93961967
5 changed files with 1044 additions and 135 deletions
Download patch file Download diff file Expand all files Collapse all files

55
app/templates/base.html
View file

@ -17,40 +17,33 @@
{% block extra_css %}{% endblock %}
<!-- JavaScript -->
<script>
document.addEventListener('DOMContentLoaded', function () {
// Close alert buttons
document.querySelectorAll('.alert .close').forEach(function (alert) {
alert.addEventListener('click', function () {
this.parentElement.style.display = 'none';
});
// Dark mode toggle button
const darkModeToggle = document.getElementById('darkModeToggle');
function setColorScheme(scheme) {
document.documentElement.setAttribute('color-scheme', scheme);
localStorage.setItem('color-scheme', scheme);
}
function getColorScheme() {
let scheme = localStorage.getItem('color-scheme');
if (scheme) {
return scheme;
}
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
setColorScheme(getColorScheme());
darkModeToggle.addEventListener('click', function () {
const newScheme = getColorScheme() === 'dark' ? 'light' : 'dark';
setColorScheme(newScheme);
});
// Dark mode toggle
const darkModeToggle = document.getElementById('darkModeToggle');
if (darkModeToggle) {
function setColorScheme(scheme) {
document.documentElement.setAttribute('data-theme', scheme);
localStorage.setItem('color-scheme', scheme);
}
function getColorScheme() {
let scheme = localStorage.getItem('color-scheme');
if (scheme) {
return scheme;
}
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
setColorScheme(getColorScheme());
darkModeToggle.addEventListener('click', function () {
const newScheme = getColorScheme() === 'dark' ? 'light' : 'dark';
setColorScheme(newScheme);
});
darkModeToggle.checked = getColorScheme() === 'dark';
}
darkModeToggle.checked = getColorScheme() === 'dark';
});
</script>
{% block extra_js %}{% endblock %}
@ -73,7 +66,7 @@
<li><a href="{{ url_for('auth.login') }}"><i class="fas fa-sign-in-alt"></i> Login</a></li>
{% endif %}
<li>
<button id="darkModeToggle" class="toggle-button" aria-label="Toggle dark mode">
<button id="darkModeToggle" class="toggle-button">
<i class="fas fa-moon"></i>
</button>
</li>