|
|
|
@ -58,7 +58,7 @@ |
|
|
|
/> |
|
|
|
{% endblock style %} |
|
|
|
</head> |
|
|
|
<body class="hold-transition sidebar-mini layout-fixed dark-mode"> |
|
|
|
<body class="hold-transition sidebar-mini layout-fixed"> |
|
|
|
<div class="wrapper"> |
|
|
|
{% include 'controle/header.html' %} {% include 'controle/sidebar.html' %} |
|
|
|
|
|
|
|
@ -160,49 +160,6 @@ |
|
|
|
<!-- <script src="{% static 'dist/js/demo.js' %}"></script> --> |
|
|
|
<!-- AdminLTE dashboard demo (This is only for demo purposes) --> |
|
|
|
<!-- <script src="{% static 'dist/js/pages/dashboard.js' %}"></script> --> |
|
|
|
<script> |
|
|
|
function toggleTheme(e) { |
|
|
|
e = e || window.event; |
|
|
|
var target = e.target || e.srcElement; |
|
|
|
if (target.checked) { |
|
|
|
$('body').addClass('dark-mode'); |
|
|
|
$('aside.main-sidebar').removeClass('sidebar-light-primary'); |
|
|
|
$('aside.main-sidebar').addClass('sidebar-dark-primary'); |
|
|
|
$('nav.main-header').removeClass('navbar-white'); |
|
|
|
$('nav.main-header').addClass('navbar-dark'); |
|
|
|
localStorage.setItem("theme", 'dark'); |
|
|
|
} else { |
|
|
|
$('body').removeClass('dark-mode'); |
|
|
|
$('aside.main-sidebar').removeClass('sidebar-dark-primary'); |
|
|
|
$('aside.main-sidebar').addClass('sidebar-light-primary'); |
|
|
|
$('nav.main-header').removeClass('navbar-dark'); |
|
|
|
$('nav.main-header').addClass('navbar-white'); |
|
|
|
localStorage.setItem("theme", 'light'); |
|
|
|
} |
|
|
|
} |
|
|
|
$( document ).ready(function() { |
|
|
|
if (localStorage.getItem("theme") !== null) { |
|
|
|
const theme = localStorage.getItem("theme"); |
|
|
|
let body = $('body'); |
|
|
|
let aside = $('aside.main-sidebar'); |
|
|
|
let nav = $('nav.main-header'); |
|
|
|
if (theme === 'light') { |
|
|
|
body.hasClass('dark-mode') ? body.removeClass('dark-mode') : null; |
|
|
|
aside.hasClass('sidebar-dark-primary') ? aside.removeClass('sidebar-dark-primary') : null; |
|
|
|
aside.hasClass('sidebar-light-primary') ? null : aside.addClass('sidebar-light-primary'); |
|
|
|
nav.hasClass('navbar-dark') ? nav.removeClass('navbar-dark') : null; |
|
|
|
nav.hasClass('navbar-white') ? null : nav.addClass('navbar-white'); |
|
|
|
$('#themeChoice').prop( "checked", false ); |
|
|
|
} else { |
|
|
|
body.hasClass('dark-mode') ? null : body.addClass('dark-mode'); |
|
|
|
aside.hasClass('sidebar-dark-primary') ? null : aside.addClass('sidebar-dark-primary'); |
|
|
|
aside.hasClass('sidebar-light-primary') ? aside.removeClass('sidebar-light-primary') : null; |
|
|
|
nav.hasClass('navbar-dark') ? null : nav.addClass('sidebar-dark-primary'); |
|
|
|
nav.hasClass('navbar-white') ? nav.removeClass('navbar-white') : null; |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
</script> |
|
|
|
{% endblock script %} |
|
|
|
</body> |
|
|
|
</html> |