ClickHouse/website/js/docs.js

function onResize() {
    var window_height = $(window).height();
    $('#sidebar, #toc.toc-right').css({
        'height': (window_height - $('#top-nav').height()) + 'px'
    });
    $('body').attr('data-offset', window_height.toString());
    var sidebar = $('#sidebar');
    var languages = $('#languages-dropdown')
    var single_page_switch = $('#single-page-switch');
    if ((sidebar.width() - single_page_switch.width() - sidebar.find('.dropdown-toggle').width()) >= 36) {
        single_page_switch.addClass('float-right');
    } else {
        single_page_switch.removeClass('float-right');
    }
    if ($(window).width() >= 768) {
        sidebar.removeClass('collapse');
        languages.detach().appendTo($('#languages-wrapper'));

    } else {
        sidebar.addClass('collapse');
        languages.detach().insertBefore(single_page_switch);
        languages.addClass('float-right');
        single_page_switch.removeClass('float-right');
    }
}
$(document).ready(function () {
    onResize();
    $('#sidebar .nav-link.active').parents('.collapse').each(function() {
        var current = $(this);
        if (current.attr('id') !== 'sidebar') {
            current.css('transition-duration', '0s');
            current.collapse('show');
            current.css('transition-duration', '0.4s');
        }
    });
    $(window).resize(onResize);
    $(window).on('activate.bs.scrollspy', function () {
        var maxActiveOffset = 0;
        $('#toc .nav-link.active').each(function() {
            if (maxActiveOffset < $(this).offset().top) {
                maxActiveOffset = $(this).offset().top;
            }
        });
        $('#toc .nav-link').each(function() {
            if (maxActiveOffset >= $(this).offset().top) {
                $(this).addClass('toc-muted');
            } else {
                $(this).removeClass('toc-muted');
            }
        });
    });

    var headers = $('#content h1, #content h2, #content h3, #content h4, #content h5, #content h6');
    headers.mouseenter(function() {
        $(this).find('.headerlink').show();
    });
    headers.mouseleave(function() {
        $(this).find('.headerlink').hide();
    });
    $('.admonition').each(function () {
        var current = $(this);
        current.addClass('alert').addClass('lead');
        current.attr('role', 'alert');
        current.find('a').addClass('alert-link');
        if (current.hasClass('info') || current.hasClass('note')) {
            current.addClass('alert-primary');
        } if (current.hasClass('attention') || current.hasClass('warning')) {
            current.addClass('alert-warning');
        } else if (current.hasClass('important')) {
            current.addClass('alert-danger');
        } else if (current.hasClass('tip') ) {
            current.addClass('alert-info');
        } else {
            current.addClass('alert-secondary');
        }
    });
    $('.admonition-title').addClass('alert-heading').addClass('display-5').addClass('mb-2');

    if ($('#docsearch-input').length) {
        docsearch({
            apiKey: 'e239649803024433599de47a53b2d416',
            indexName: 'yandex_clickhouse',
            inputSelector: '#docsearch-input',
            algoliaOptions: {
                advancedSyntax: true,
                clickAnalytics: true,
                hitsPerPage: 25,
                'facetFilters': [
                    'lang:' + $('html').attr('lang'),
                    'version:' + $('html').attr('data-version')
                ]
            },
            debug: false
        });
    }
});