Manager

Back Back Up Advanced Editor

$(document).ready(function () {
    'use strict';

var $niceSelect1 = $('.ol-small-niceSelect'),
        $select2 = $('.ol-select2');

// Nice Select 
    if ($niceSelect1.length > 0) {
        $($niceSelect1).niceSelect();
    }

// Select 2
    if ($select2.length > 0) {
        var $select = $(".ol-select2").select2({});
        $($select).each(function () {
            $(this).data('select2').$dropdown.addClass('select-drop');
        });
    }

// Main Menu Language Select 
    $('.img-text-select .drop-content .drop-ul li').on('click', function (e) {
        e.preventDefault();
        var value = $(this).find('.select-text').text();
        var icon = $(this).find('.select-image').html();
        $('.selected-text').val(value);
        var item = icon + " " + value
        $('.selected-show').empty().append(item);
    });
    // Language Select class add remove
    const langToggle = $(".selected-show");
    const langmenu = $(".drop-content");
    langToggle.on("click", function (event) {
        event.stopPropagation();
        langmenu.toggleClass("active");
        langToggle.toggleClass("active");
        // Notification
        notiWrap.removeClass("active");
        notiToggle.removeClass("active");
        // Profile 
        profileMenu.removeClass("active");
        profileToggle.removeClass("active");
        // Search 
        searchWrap.removeClass("active");
        searchToggle.removeClass("active");
    });
    $(document).on("click", function (event) {
        const target = $(event.target);
        if (!langToggle.is(target) && !langmenu.is(target)) {
            langmenu.removeClass("active");
            langToggle.removeClass("active");
        }
    });

// Profile Dropdown Toggle 
    const profileContainer = $(".header-dropdown-md");
    const profileToggle = $(".header-dropdown-toggle-md");
    const profileMenu = $(".header-dropdown-menu-md");
    if (profileToggle.length) {
        profileToggle.on("click", function (event) {
            event.stopPropagation();
            profileMenu.toggleClass("active");
            profileToggle.toggleClass("active");
            // Notification
            notiWrap.removeClass("active");
            notiToggle.removeClass("active");
            // Language 
            langmenu.removeClass("active");
            langToggle.removeClass("active");
            // Search 
            searchWrap.removeClass("active");
            searchToggle.removeClass("active");
        });
    }
    $(document).on("click", function (event) {
        const target = $(event.target);
        if (profileContainer.length && !profileContainer.is(target) && !profileContainer.has(target).length) {
            profileMenu.removeClass("active");
            if (profileToggle.length) {
                profileToggle.removeClass("active");
            }
        }
    });

// Sidebar Toggle 
    const sideToggle = $(".menu-toggler");
    const sideMenu = $(".ol-sidebar");
    if (sideToggle.length) {
        sideToggle.on("click", function (event) {
            event.stopPropagation();
            sideMenu.toggleClass("hide");
            sideToggle.toggleClass("active");
        });
    }

// Mobile Search Toggle 
    const searchContainer = $(".header-mobile-search");
    const searchToggle = $(".mobile-search-label");
    const searchWrap = $(".mobile-search");
    if (searchToggle.length) {
        searchToggle.on("click", function (event) {
            event.stopPropagation();
            searchWrap.toggleClass("active");
            searchToggle.toggleClass("active");
            // Notification
            notiWrap.removeClass("active");
            notiToggle.removeClass("active");
            // Language 
            langmenu.removeClass("active");
            langToggle.removeClass("active");
            // Profile 
            profileMenu.removeClass("active");
            profileToggle.removeClass("active");
            // focus 
            setTimeout(function () {
                $('.mobile-search-inner .form-control').focus();
            }, 100);
        });
    }
    $(document).on("click", function (event) {
        const target = $(event.target);
        if (searchContainer.length && !searchContainer.is(target) && !searchContainer.has(target).length) {
            searchWrap.removeClass("active");
            if (searchToggle.length) {
                searchToggle.removeClass("active");
            }
        }
    });

// Notification Toggle 
    const notiContainer = $(".header-dropdown-lg");
    const notiToggle = $(".header-dropdown-toggle-lg");
    const notiWrap = $(".header-dropdown-menu-lg");
    if (notiToggle.length) {
        notiToggle.on("click", function (event) {
            event.stopPropagation();
            notiWrap.toggleClass("active");
            notiToggle.toggleClass("active");
            // Search 
            searchWrap.removeClass("active");
            searchToggle.removeClass("active");
            // Language 
            langmenu.removeClass("active");
            langToggle.removeClass("active");
            // Profile 
            profileMenu.removeClass("active");
            profileToggle.removeClass("active");
        });
    }
    $(document).on("click", function (event) {
        const target = $(event.target);
        if (notiContainer.length && !notiContainer.is(target) && !notiContainer.has(target).length) {
            notiWrap.removeClass("active");
            if (notiToggle.length) {
                notiToggle.removeClass("active");
            }
        }
    });

// Sidebar first submenu 
    $(".first-li-have-sub > a").on("click", function () {
        $(this).parent().toggleClass("active");
        $(".first-li-have-sub").not($(this).parent()).removeClass("active");
    });
    // Sidebar second submenu 
    $(".second-li-have-sub > a").on("click", function () {
        $(this).parent().toggleClass("active");
        $(".second-li-have-sub").not($(this).parent()).removeClass("active");
    });
    // user profile submenu 
    $(".dropdown-list-have-sub > a").on("click", function () {
        $(this).parent().toggleClass("active");
        $(this).siblings(".dropdown-list-submenu").slideToggle();
        $(".dropdown-list-have-sub").not($(this).parent()).removeClass("active");
        $(".dropdown-list-submenu").not($(this).siblings()).slideUp();
    });

});

//  Tooltip
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl, {
        trigger: 'hover'
    });
});

// Dashboard Accordion  
function accordion() {
    var Accordion = function (el, multiple) {
        this.el = el || {};
        this.multiple = multiple || false;
        // Variables privadas
        var links = this.el.find('.accordion-btn-wrap');
        // Evento
        links.on('click', { el: this.el, multiple: this.multiple }, this.dropdown)
    }
    Accordion.prototype.dropdown = function (e) {
        var $el = e.data.el,
            $this = $(this),
            $next = $this.next();
        $next.slideToggle();
        $this.parent().toggleClass('active-accor');
        if (!e.data.multiple) {
            $el.find('.accoritem-body').not($next).slideUp().parent().removeClass('active-accor');
            $el.find('.accoritem-body').not($next).slideUp();
        };
    }
    var accordion = new Accordion($('.ol-my-accordion'), false);
}
accordion();
// Dashboard Accordion

// custom dropdown
document.addEventListener('DOMContentLoaded', function () {
    var dropdownHeaders = document.querySelectorAll('.dropdown-header');
    var dropdownLists = document.querySelectorAll('.dropdown-list');

dropdownHeaders.forEach(function (header) {
        header.addEventListener('click', function (event) {
            var dropdown = event.target.closest('.custom-dropdown');
            var list = dropdown.querySelector('.dropdown-list');

// Toggle dropdown visibility
            list.style.display = list.style.display === 'block' ? 'none' : 'block';

// Adjust dropdown position based on available space
            var headerRect = header.getBoundingClientRect();
            var dropdownRect = list.getBoundingClientRect();
            var spaceRight = window.innerWidth - headerRect.right;
            if (spaceRight < dropdownRect.width) {
                list.style.left = 'auto';
                list.style.right = '0';
            } else {
                list.style.left = '0';
                list.style.right = 'auto';
            }
        });
    });

dropdownLists.forEach(function (list) {
        list.addEventListener('click', function (event) {
            if (event.target.tagName === 'LI') {
                var dropdown = event.target.closest('.custom-dropdown');
                var list = dropdown.querySelector('.dropdown-list');
                list.style.display = 'none';
            }
        });
    });

// Close dropdown when clicking outside of it
    document.addEventListener('click', function (event) {
        var dropdowns = document.querySelectorAll('.custom-dropdown');
        dropdowns.forEach(function (dropdown) {
            var header = dropdown.querySelector('.dropdown-header');
            var list = dropdown.querySelector('.dropdown-list');
            if (header && list) {
                if (!header.contains(event.target) && !list.contains(event.target)) {
                    list.style.display = 'none';
                }
            }
        });
    });
});

// Custom dropdown end