admin_hura_8/template/javascript/global.html

<script>
    $(document).ready(function () {

        // Sự kiện click để hiển thị menu
        $('#js-show-menu').click(function () {
            $('#js-menu-big').toggleClass('show');
            $('#overlay').addClass('active');
        });

        // hover show danh muc con
        HoverShowMenu();

        AdminFunctions.searchSuggestions('#js-input-search')
    })


    function clickBackground() {
        $('#js-menu-big').removeClass('show');
        $('#overlay').removeClass('active');
    }


    function HoverShowMenu() {
        $("#js-menu-big .box-item .item").on("mousemove", function () {
            let $checkMenu = $('#js-menu-big').hasClass('active');
            if ($checkMenu) {
                let $hoverMenu = $('#js-hover-menu');
                let $this = $(this).parents('.box-item');
                let $hoverContent = $this.find('.hover-menu');

                if ($hoverContent.length) {
                    let offset = $this.offset();
                    let x = offset.left + $("#js-menu-big").width();
                    let y = offset.top;

                    // Kiểm tra nếu hoverContent bị tràn màn hình ở dưới
                    let hoverHeight = $hoverContent.outerHeight();
                    let windowHeight = $(window).height();
                    let maxY = $(window).scrollTop() + windowHeight; // Vị trí Y tối đa có thể hiển thị
                    let newY = y;

                    if (y + hoverHeight > maxY) {
                        newY = maxY - hoverHeight - 10;
                    }

                    $hoverMenu.addClass('active')
                        .html($hoverContent.html())
                        .css({ left: x, top: newY });
                }
            }
        });

        $("#js-hover-menu").on("mouseleave", function () {
            $("#js-hover-menu").removeClass("active");
        });
    }



    function formatCurrency(a) {
        var b = parseFloat(a).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1.").toString();
        var len = b.length;
        b = b.substring(0, len - 3);
        return b;
    }


    function toggleSubMenu(id) {
        const submenu = $('#' + id);
        submenu.toggleClass('active');
        if ($('#js-menu-big .sub-menu').hasClass('active')) {
            $('#js-menu-big').addClass('active');
        } else {
            $('#js-menu-big').removeClass('active');
        }
    }
</script>