LilSchool/web/src/js/modules/popup.js

import $ from 'jquery';

$(document).ready(function () {
    let body = $('body'),
        popup;

    body.on('click', '[data-popup]', function(e){
        e.preventDefault();
        e.stopPropagation();

        let data = $(this).data('popup');
        popup = $(data);
        showPopup();
    });

    $('.js-popup-close').on('click', function(e){
        e.preventDefault();
        hidePopup();
    });

    body.on('click', '.js-outer', function(){
        if (popup !== undefined) {
            hidePopup();
        }
    });

    $('.js-popup-wrap').on('click', function(e){
        e.stopPropagation();
    });

    $(document).keyup(function(e){
      if (e.keyCode === 27) hidePopup();
    });

    function showPopup(){
        body.addClass('no-scroll');
        popup.addClass('open');
        setTimeout(function(){
            popup.addClass('visible');
        }, 100);
    }

    function hidePopup(){
        body.removeClass('no-scroll');
        popup.removeClass('visible');
        setTimeout(function(){
            popup.removeClass('open');
        }, 300);
    }

    var selectedWeekdays = {};
    $(document).on('change', '[data-day]', function(){
        var weekday = $(this).data('day');
        var price = $(this).data('price');
        if($(this).is(':checked')) {
            console.log('checked');
            selectedWeekdays[weekday] = {price:price};
        } else {
            console.log('not checked');
            delete selectedWeekdays[weekday];
        }

        updateCart();
    });

    function updateCart(){
        var days = ['', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'];
        var weekdays = [], daysText = [], price = 0, discount = 0;
        for(var i in selectedWeekdays) {
            price += parseInt(selectedWeekdays[i].price);
            weekdays.push(i);
            daysText.push(days[i]);
        }

        var text = '';
        if(weekdays.length >= 7) {
            text = '<del>'+price+'</del> '+(price-schoolDiscount)+'р.';
        } else {
            text = price+'p.';
        }
        $('.order_price_text').html(text);
        $('.order__days').html((daysText.length) ? daysText.join(', '):'Ничего не выбрано');

        var link = $('.but_btn_popup').data('link');

        link = link+'?'+decodeURIComponent($.param({weekdays: weekdays}, true));
        $('.but_btn_popup').attr('href', link);
    }

    updateCart();
});