50 lines
1.6 KiB
PHP
50 lines
1.6 KiB
PHP
<script>
|
|
// Sidebar functionality
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const sidebar = document.getElementById('sidebar');
|
|
const sidebarToggle = document.getElementById('sidebar-toggle');
|
|
const sidebarClose = document.getElementById('sidebar-close');
|
|
const sidebarOverlay = document.getElementById('sidebar-overlay');
|
|
const mainContent = document.querySelector('.flex-1');
|
|
|
|
// Toggle sidebar on mobile
|
|
if (sidebarToggle) {
|
|
sidebarToggle.addEventListener('click', function() {
|
|
sidebar.classList.remove('-translate-x-full');
|
|
sidebarOverlay.classList.remove('hidden');
|
|
});
|
|
}
|
|
|
|
// Close sidebar on mobile
|
|
if (sidebarClose) {
|
|
sidebarClose.addEventListener('click', function() {
|
|
sidebar.classList.add('-translate-x-full');
|
|
sidebarOverlay.classList.add('hidden');
|
|
});
|
|
}
|
|
|
|
// Close sidebar when clicking overlay
|
|
if (sidebarOverlay) {
|
|
sidebarOverlay.addEventListener('click', function() {
|
|
sidebar.classList.add('-translate-x-full');
|
|
sidebarOverlay.classList.add('hidden');
|
|
});
|
|
}
|
|
|
|
// Close sidebar on escape key
|
|
document.addEventListener('keydown', function(e) {
|
|
if (e.key === 'Escape') {
|
|
sidebar.classList.add('-translate-x-full');
|
|
sidebarOverlay.classList.add('hidden');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Logout confirmation
|
|
function confirmLogout() {
|
|
if (confirm('Apakah Anda yakin ingin keluar?')) {
|
|
document.getElementById('logout-form').submit();
|
|
}
|
|
}
|
|
</script>
|