comparison.js

initComparison= () =>
{
    let comparisonArrID = [];
    let comparisonArrContent = [];
    const comparisonBox = $('.compare-info');
    $('.table.js-results .checkbox').find('input[type=checkbox]').on('click', function(event){
        const limit = 3;
        const id = $(this).parents('.checkbox').data('id');
        const key = $(this).parents('.checkbox').data('key');
        const content = $(this).parents('.checkbox').data('content');
        const checkbboxesGroup = $('.table.js-results .checkbox').find('input[type=checkbox]:checked');
        let checkbboxesGroupLength = checkbboxesGroup.length;

        if(checkbboxesGroupLength === 0 ){
            comparisonBox.hide();
            return;
        }

        //sprawdzam czy mamy limit
        if(checkbboxesGroupLength <= limit){

            //jeśli element nie znajduje się w tablicy
            if($(this).is(':checked')){
                comparisonArrContent.push(content)
            } else {
                let i = 0;
                for (let elem of comparisonArrContent){
                    if(elem['id'] === id){
                        comparisonArrContent.splice(i, 1);
                    }
                    i++;
                }
            }
            comparisonBox.show();
            comparisonBox.find('.compare-offer-count').html(checkbboxesGroupLength);

        } else {
            event.preventDefault();
            checkbboxesGroupLength--;

            comparisonBox.addClass('compare-offer-count-limit');
            comparisonBox.find('.compare-offer-info').html("Limit ofert do porównania został osiągnięty! ");

            setTimeout(function(){
                comparisonBox.find('.compare-offer-info').html(
                    '<p class="compare-offer-info">Liczba zaznaczonych ofert do porównania wynosi ' +
                        '<span class="compare-offer-count">'+checkbboxesGroupLength+'</span>.' +
                        '<span class="compare-action"> Porównaj</span>' +
                    '</p>');
                comparisonBox.removeClass('compare-offer-count-limit');
            }, 2000);
        }

        console.log(comparisonArrID, comparisonArrContent, 'tablica')
    });


    $('.compare-info').on('click', '.compare-action', function() {
        let modalCompare = $('.modal-compare-wrapper').clone();
        $.fancybox.open(modalCompare.html(), {
            modal: true,
            margin: [
                0, 0
            ],
            beforeLoad: function(){
                console.log('strzel po dane do api na podstawie wybranych ID');
            },
            afterLoad: function(){
                var range = '';

                $('.insurance_range').each(function () {
                    if ($(this).is(':checked')) {
                        range += (range == '' ? $(this).val() : '+' + $(this).val());
                    }
                });


                for (let v of comparisonArrContent){
                    $('.modal-compare-content').append(
                        '<div class="col-sm-3 column c2">' +
                            '<div class="compare-group gr1">' +
                                ' <ul>' +
                                    '<li class="def_1">' +
                                        '<span>' +
                                            '<a href="#" title="#" class="close">Zamknij</a>' +
                                            '<img src="assets/images/logos/' + v.key + '.png" style="min-height:100px" alt="' + v.key + '">' +
                                        '</span>' +
                                    '</li>' +
                                    '<li class="def_2"><span>'+range+'</span></li>' +
                                    '<li class="def_3"><span>'+number_format(v.price, 2, ',', '') + ' zł'+'</span></li>' +
                                    '<li class="def_4">'+getRatingStars(v.totalScore)+'</li>' +
                                '</ul>' +
                            '</div>' +
                            '<div class="compare-group gr2">' +
                                '<ul>' +
                                    '<li class="oc_1"><span><i class="tick yes"></i></span></li>' +
                                    '<li class="oc_2"><span>10.000.000 zł</span></li>' +
                                    '<li class="oc_3"><span>'+ ( v.ocTowing || '-') +'</span></li>' +
                                    '<li class="oc_4"><span>'+ ( v.ocReplacementCar || '-') +'</span></li>' +
                                    '<li class="oc_5"><span>'+ ( v.ocVehicleRepair || '-') +'</span></li>' +
                                    '<li class="oc_6"><span>'+ ( v.ocOther || '-') +'</span></li>' +
                                '</ul>' +
                            '</div>' +
                            '<div class="compare-group gr3">' +
                                '<ul>' +
                                    '<li class="ac_1"><span><i class="tick yes"></i></span></li>' +
                                    '<li class="ac_2"><span><i class="tick yes"></i></span></li>' +
                                    '<li class="ac_3"><span>'+(v.acDepreciation ? 'Tak <i id="comparison_'+v.id+'" class="info tooltip" title="'+ v.acDepreciation +'"></i></span></li>' : '-' )+
                    '<li class="ac_4"><span>'+ ( v.acExcess || '-' ) +'</span></li>' +
                                    '<li class="ac_5"><span>'+ ( v.acFranchise || '-') +'</span></li>' +
                                    '<li class="ac_6"><span>'+ ( v.acFilingDeadline || '-') +'</li>' +
                                '</ul>' +
                            '</div>' +
                            '<div class="compare-group gr4">' +
                                '<ul>' +
                                    '<li class="nnw_1"><span><i class="tick yes"></i></span></li>' +
                                    '<li class="nnw_2"><span>' + ( v.nnwSumOfInsurance || '-' ) + '</span></li>' +
                                    '<li class="nnw_3"><span><i class="tick '+ (v.nnwDriverAndPassengers ? "yes" : "no") +'"></i></span></li>' +
                                    '<li class="nnw_4"><span>' + ( v.nnwTerritory || '-' ) + '</span></li>' +
                                '</ul>' +
                            '</div>' +
                            '<div class="compare-group gr5">' +
                                '<ul>' +
                                    '<li class="assistance_1"><span><i class="tick yes"></i></span></li>' +
                                    '<li class="assistance_2"><span>' + ( v.assReplacementCar || '-' ) + '</span></li>' +
                                    '<li class="assistance_3"><span>' + ( v.assTowing  || '-') + '</span></li>' +
                                    '<li class="assistance_4"><span>' + ( v.assMinDistance || '-' ) + '</span></li>' +
                                '</ul>' +
                            '</div>' +
                            '<div class="compare-group gr6">' +
                                '<ul>' +
                                    '<li>' +
                                        '<a href="#" title="Kup online" class="buy_online transition">Kup online</a>' +
                                        '<a href="#" title="Zamów online" class="order_call transition">Zamów online</a>' +
                                    '</li>' +
                                '</ul>' +
                            '</div>' +
                        '</div>'
                    );
                }
            },

            afterClose: function (instance) {
                $('.modal-compare-content').empty();
            }
        });
    });

}