67 lines
2.8 KiB
PHP
67 lines
2.8 KiB
PHP
</div>
|
|
</div>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
|
|
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
|
|
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
var hasSubmenu = document.querySelectorAll(".has-submenu > a");
|
|
for (var i = 0; i < hasSubmenu.length; i++) {
|
|
hasSubmenu[i].addEventListener("click", function(e) {
|
|
e.preventDefault();
|
|
var parent = this.parentElement;
|
|
if (parent.classList.contains("open")) {
|
|
parent.classList.remove("open");
|
|
} else {
|
|
// Close other open submenus
|
|
var openSubmenus = document.querySelectorAll(".has-submenu.open");
|
|
for (var j = 0; j < openSubmenus.length; j++) {
|
|
openSubmenus[j].classList.remove("open");
|
|
}
|
|
parent.classList.add("open");
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
const sidebarToggle = document.querySelector('.sidebar-toggle');
|
|
const sidebar = document.querySelector('.sidebar');
|
|
const body = document.querySelector('body');
|
|
const content = document.querySelector('.content');
|
|
|
|
function closeSidebar() {
|
|
if (sidebar.classList.contains('active')) {
|
|
sidebar.classList.remove('active');
|
|
body.classList.remove('sidebar-active');
|
|
}
|
|
}
|
|
|
|
if (sidebarToggle && sidebar) {
|
|
sidebarToggle.addEventListener('click', function(e) {
|
|
e.stopPropagation(); // Prevent click from bubbling to body
|
|
sidebar.classList.toggle('active');
|
|
body.classList.toggle('sidebar-active');
|
|
});
|
|
}
|
|
|
|
// Close sidebar if user clicks on the content area
|
|
if (content) {
|
|
content.addEventListener('click', function() {
|
|
closeSidebar();
|
|
});
|
|
}
|
|
|
|
// Close sidebar on body click if the click is outside the sidebar
|
|
body.addEventListener('click', function(e) {
|
|
if (body.classList.contains('sidebar-active') && !sidebar.contains(e.target)) {
|
|
closeSidebar();
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |