One Hat Cyber Team

Your IP : 216.73.216.55

Server IP : 5.189.175.239

Server : Linux panel.gemx-ai.com 5.14.0-570.19.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Jun 4 04:00:24 EDT 2025 x86_64

Server Software : LiteSpeed

PHP Version : 8.2.28

Buat File | Buat Folder

Dir : ~/home/farmersapp/store.farmersapp.store/public/js/

Edit File: tailwind-sidebar.js

// Tailwind sidebar controller
document.addEventListener('DOMContentLoaded', function() {
    // Mobile sidebar toggle
    const mobileToggleBtn = document.querySelector('.md\\:hidden.flex.h-9.w-9');
    const sidebar = document.querySelector('.flex.flex-col.transition-all');
    const isRTL = document.documentElement.dir === 'rtl';
    
    if (mobileToggleBtn && sidebar) {
        mobileToggleBtn.addEventListener('click', function() {
            // Add mobile open class
            if (isRTL) {
                sidebar.classList.remove('-right-[280px]');
                sidebar.classList.add('right-0');
            } else {
                sidebar.classList.remove('-left-[280px]');
                sidebar.classList.add('left-0');
            }
            
            // Create backdrop if needed
            let backdrop = document.getElementById('mobile-sidebar-backdrop');
            if (!backdrop) {
                backdrop = document.createElement('div');
                backdrop.className = 'fixed inset-0 bg-black bg-opacity-50 z-30';
                backdrop.id = 'mobile-sidebar-backdrop';
                backdrop.style.opacity = '0';
                document.body.appendChild(backdrop);
                
                // Add click handler to backdrop
                backdrop.addEventListener('click', function() {
                    if (isRTL) {
                        sidebar.classList.remove('right-0');
                        sidebar.classList.add('-right-[280px]');
                    } else {
                        sidebar.classList.remove('left-0');
                        sidebar.classList.add('-left-[280px]');
                    }
                    
                    backdrop.style.opacity = '0';
                    setTimeout(function() {
                        backdrop.remove();
                    }, 300);
                });
            }
            
            // Show backdrop with transition
            setTimeout(function() {
                backdrop.style.opacity = '1';
            }, 10);
        });
        
        // Add click handler to close button
        const closeBtn = sidebar.querySelector('button');
        if (closeBtn) {
            closeBtn.addEventListener('click', function() {
                if (isRTL) {
                    sidebar.classList.remove('right-0');
                    sidebar.classList.add('-right-[280px]');
                } else {
                    sidebar.classList.remove('left-0');
                    sidebar.classList.add('-left-[280px]');
                }
                
                const backdrop = document.getElementById('mobile-sidebar-backdrop');
                if (backdrop) {
                    backdrop.style.opacity = '0';
                    setTimeout(function() {
                        backdrop.remove();
                    }, 300);
                }
            });
        }
    }
});