CodePress/themes/default/assets/js/app.js

// Main application JavaScript
// This file contains general application functionality

/**
 * Toggle sidebar visibility (open/close)
 */
function toggleSidebar() {
    const sidebar = document.getElementById('site-sidebar');
    const contentCol = sidebar ? sidebar.nextElementSibling || sidebar.parentElement.querySelector('.content-column') : null;
    const btn = document.querySelector('.sidebar-toggle-btn');
    const icon = btn ? btn.querySelector('i') : null;

    if (!sidebar) return;

    sidebar.classList.toggle('sidebar-hidden');

    // Adjust content column width, toggle icon, and update aria-expanded
    if (sidebar.classList.contains('sidebar-hidden')) {
        if (contentCol) {
            contentCol.classList.remove('col-lg-9', 'col-md-8');
            contentCol.classList.add('col-12');
        }
        if (icon) {
            icon.classList.remove('bi-layout-sidebar-inset');
            icon.classList.add('bi-layout-sidebar');
        }
        if (btn) {
            btn.setAttribute('aria-expanded', 'false');
        }
        sessionStorage.setItem('sidebarHidden', 'true');
    } else {
        if (contentCol) {
            contentCol.classList.remove('col-12');
            contentCol.classList.add('col-lg-9', 'col-md-8');
        }
        if (icon) {
            icon.classList.remove('bi-layout-sidebar');
            icon.classList.add('bi-layout-sidebar-inset');
        }
        if (btn) {
            btn.setAttribute('aria-expanded', 'true');
        }
        sessionStorage.setItem('sidebarHidden', 'false');
    }
}

/**
 * Restore sidebar state from sessionStorage on page load
 */
function restoreSidebarState() {
    if (sessionStorage.getItem('sidebarHidden') === 'true') {
        const sidebar = document.getElementById('site-sidebar');
        if (sidebar) {
            toggleSidebar();
        }
    }
}

// Initialize application when DOM is ready
document.addEventListener('DOMContentLoaded', function() {
    // Restore sidebar state
    restoreSidebarState();

    // Initialize search functionality
    const searchInputs = document.querySelectorAll('.search-input');
    const searchButtons = document.querySelectorAll('button[type="submit"]');
    
    searchInputs.forEach(function(input) {
        input.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                const query = this.value.trim();
                if (query) {
                    // Submit the form
                    this.closest('form').submit();
                } else {
                    e.preventDefault();
                }
            }
        });
    });
    
    // Ensure search buttons submit the form
    searchButtons.forEach(function(btn) {
        btn.addEventListener('click', function(e) {
            const form = this.closest('form');
            if (form && form.getAttribute('role') === 'search') {
                const input = form.querySelector('.search-input');
                if (input && !input.value.trim()) {
                    e.preventDefault();
                    input.focus();
                }
            }
        });
    });

    // Handle nested dropdowns — toggle submenu on click (for mobile/touch)
    // On desktop, CSS hover handles submenu display
    document.addEventListener('click', function(e) {
        const toggle = e.target.closest('.dropdown-submenu > .dropdown-toggle');

        if (toggle) {
            e.preventDefault();
            e.stopPropagation();

            const submenu = toggle.parentElement;
            const dropdown = submenu.querySelector('.dropdown-menu');

            // Close other open submenus at the same level
            const parent = submenu.parentElement;
            parent.querySelectorAll(':scope > .dropdown-submenu').forEach(function(sibling) {
                if (sibling !== submenu) {
                    sibling.classList.remove('show');
                    var siblingMenu = sibling.querySelector('.dropdown-menu');
                    if (siblingMenu) siblingMenu.classList.remove('show');
                }
            });

            // Toggle current submenu
            if (dropdown) {
                dropdown.classList.toggle('show');
                submenu.classList.toggle('show');
            }
            return;
        }

        // Close all open submenus when clicking outside
        document.querySelectorAll('.dropdown-submenu.show').forEach(function(sm) {
            sm.classList.remove('show');
            var menu = sm.querySelector('.dropdown-menu');
            if (menu) menu.classList.remove('show');
        });
    });
});