dagshub-docs/theme/assets/javascripts/header.js

$(function () {
    // navbar
    function closeDropdown(e) {
        // TODO: exclude mobile dropdown
        $(e).find('.submenu').hide();
        $(e).find('img.flip').css('transform', 'rotateX(0)');
        $(e).removeClass('active');
        $(e).find('.button').removeClass('active');
        $(e).blur();
    }

    const ENTER_KEY_CODE = 13;
    $('.dagshub-navbar .dropdown').on('click keydown', function(e) {
        if (e.which !== ENTER_KEY_CODE && e.type !== "click") {
            return;
        }
        e.stopPropagation();
        $.each($('.dagshub-navbar .dropdown'), (i, e) => {
            if (e != this) {
                closeDropdown(e);
            }
        })
        $(this).find('.submenu').toggle();
        if ($(this).find('.submenu').is(':visible')) {
            $(this).find('img.flip').css('transform', 'rotateX(180deg)');
            $(this).addClass('active');
            $(this).find('.button').addClass('active');
        } else {
            $(this).find('img.flip').css('transform', 'rotateX(0)');
            $(this).removeClass('active');
            $(this).find('.button').removeClass('active');
            $(this).blur();
        }
    });

    $(document).on('click', function (e) {
        $.each($('.dagshub-navbar .dropdown'), function (i, e) {
            closeDropdown(e)
        });
    })

    $('#__drawer').change(function () {
        if (this.checked) {
            $(".mobile.dagshub-navbar").css("visibility", "visible");
            $(".dagshub-navbar").addClass('active');
            $("#menu-toggle-label").html($("#menu-close-label").html())
        } else {
            $(".mobile.dagshub-navbar").css("visibility", "hidden");
            $(".dagshub-navbar").removeClass('active');
            $("#menu-toggle-label").html($("#menu-open-label").html())
        }
    });
});

(function() {
    let listeners = [];
    window.addAnalyticsListener = function (fn) {
        listeners.push(fn);
    }
    window.trackAnalyticsEvent = function(event, traits) {
        listeners.forEach(fn => fn(event, traits));
    };

    // Track events to the backend
    window.addAnalyticsListener((event) => {
        $.ajax({
            type: 'POST',
            url: '/api/internal/trackAnalyticsEvent',
            data: {
                event
            },
        })
    })
})();