/*
 *  luci-theme-kucat
 *  Copyright (C) 2019-2024 The Sirpdboy Team <herboy2008@gmail.com> 
 *
 *  Have a bug? Please create an issue here on GitHub!
 *      https://github.com/sirpdboy/luci-theme-kucat/issues
 *
 *  Licensed to the public under the Apache License 2.0
 */
 
 function pdopenbar() {
    var leftBar = document.getElementById("header-bar-left");
    var rightBar = document.getElementById("header-bar-right");
    
    leftBar.style.cssText = "width:300px;display:block !important";
    rightBar.style.cssText = "width:0;display:none !important";
}

function pdclosebar() {
    var leftBar = document.getElementById("header-bar-left");
    var rightBar = document.getElementById("header-bar-right");
    
    leftBar.style.cssText = "width:0;display:none !important";
    rightBar.style.cssText = "width:50px;display:block !important";
}

document.addEventListener('DOMContentLoaded', function() {
    document.addEventListener('keydown', function(e) {
        if (e.ctrlKey && e.key === 'ArrowLeft') pdopenbar();
        if (e.ctrlKey && e.key === 'ArrowRight') pdclosebar();
    });
});

function initScrollContainers() {
    document.querySelectorAll('.cbi-section, .mainmenu').forEach(section => {
        const content = section.querySelector('.content');
        if (!content) return;

        const checkOverflow = () => {
            section.classList.toggle(
                'auto-scroll-container',
                content.scrollHeight > section.clientHeight
            );
        };

        checkOverflow();
        new MutationObserver(checkOverflow).observe(content, { childList: true, subtree: true });

        section.addEventListener('touchstart', () => {
            section.classList.add('touch-active');
        }, { passive: true });

        section.addEventListener('touchend', () => {
            setTimeout(() => section.classList.remove('touch-active'), 1000);
        }, { passive: true });
    });
}


document.addEventListener('DOMContentLoaded', initScrollContainers);
