base.js

$(function() {

    function showPopup(selector, callback) {
        const $popup = $(selector);
        $('.popup', $modal).hide();
        $popup.show();
        $modal.fadeIn(300);
        $('html,body').css('overflow', 'hidden');
        if (callback) callback();
    }

    function hidePopup() {
        $modal.fadeOut(300, function() {
            $('.popup', $modal).hide();
        });
        $('html,body').css('overflow', 'auto');
    }

    const $mSlider = $('.map__slider');
    if ($mSlider) {
        $mSlider.slick({
            slidesToShow:   4,
            slidesToScroll: 1,
            touchThreshold: 12,
            prevArrow:      '<div class="slider__prev"></div>',
            nextArrow:      '<div class="slider__next"></div>',
            infinite:       false,
            swipeToSlide:   true
        });
    }

    const $tSlider = $('#task-slider');
    if ($tSlider.length) {
        $tSlider.slick({
            slidesToShow:   3,
            slidesToScroll: 1,
            touchThreshold: 9,
            prevArrow:      '<div class="slider__prev"><i class="slider__prev-icon"></i></div>',
            nextArrow:      '<div class="slider__next"><i class="slider__next-icon"></i></div>',
            infinite:       false,
            swipeToSlide:   true
        });
    }

    const $modal = $('#modal');
    $modal
        .on('click', '[data-role="hide-popup"]', function() {
            hidePopup();
            return false;
        })
        .on('click', '#popup', function(e) {
            e.stopPropagation();
        })
        .on('click', function() {
            hidePopup();
            return false;
        });

    const $showPopup = $('[data-role="show-popup"]');
    $showPopup
        .on('click', function() {
            const selector = '#' + $(this).data('target');
            showPopup(selector);
            return false;
        });

    const $toggle = $('[data-role="toggle"]');
    $toggle
        .on('click', function() {
            const $t = $(this),