frontend/web/js/index.js

income();
function income() {
    let switchBlock = document.querySelectorAll('.switch-status');
    for(let i = 0; i<switchBlock.length;i++) {
        switchBlock[i].onclick = function () {
            if(this.classList.contains('text')) {
                if(!(this.classList.contains('active'))) {
                    switchBlock[0].classList.remove('active')
                    switchBlock[2].classList.remove('active')
                    this.classList.add('active')
                    if(i==0) {
                        switchBlock[1].classList.remove('right')
                    } else if (i == 2) {
                        switchBlock[1].classList.add('right')
                    }
                }
            }
            if(this.classList.contains('switch')) {
                if(switchBlock[0].classList.contains('active')) {
                    this.classList.add('right')
                    switchBlock[0].classList.remove('active')
                    switchBlock[2].classList.add('active')
                    this.parentNode.setAttribute('status',2)
                } else if(switchBlock[2].classList.contains('active')) {
                    this.classList.remove('right')
                    switchBlock[0].classList.add('active')
                    switchBlock[2].classList.remove('active')
                    this.parentNode.setAttribute('status',0)
                }
            }
            if(i != 1) {
                this.parentNode.setAttribute('status',i)
            }
        }
    }
}
homeText()
function homeText() {
    let buttonText = document.querySelectorAll('.more-text__span');
    for (let i = 0; i< buttonText.length; i++) {
        buttonText[i].onclick = function () {
            let thisMore = this.getAttribute('data-more');
            let thisHide = this.getAttribute('data-hide');
            if (this.parentNode.parentNode.classList.contains('visible-text')) {
                this.parentNode.parentNode.classList.remove('visible-text');
                this.innerHTML = thisMore + '<i></i>';
            } else {
                this.parentNode.parentNode.classList.add('visible-text');
                this.innerHTML = thisHide + '<i></i>';
            }
        }
    }
}
$(function() {
    sliderSolution();
    function sliderSolution() {
        let sliderBlock = document.querySelectorAll('.index-solution-slider');
        if(sliderBlock.length) {
            $(".index-solution-slider__row").owlCarousel(
                {
                    navigation: true,
                    navigationText: [],
                    autoPlay: false,
                    rewindNav:false,
                    items: 4,
                    // itemsDesktopSmall: [
                    //     900,
                    //     3
                    // ],
                    // itemsTablet: [
                    //     600,
                    //     3
                    // ],
                    itemsMobile: [
                        550,
                        1
                    ]
                });
        }
    }
    priceSlider1()
    function priceSlider1(){
        let price_interval = $('#price_interval');
        if(price_interval.length){
            let block = document.getElementsByClassName('calc-range-1')[0]
            let min = block.getAttribute('data-min');
            let max = block.getAttribute('data-max');
            let from = block.getAttribute('data-from');
            let marks = [2.5, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50];
            price_interval.ionRangeSlider({
                grid: true,
                step: 2.5,
                grid_num: 10,
                min: min,
                max: max,
                from: from,
                from_min:5,
                hide_from_to: false,
                onChange: function (e) {
                    let value = +price_interval.val()
                    block.getElementsByClassName('irs-single')[0].classList.add('show')
                },
                onFinish: function(e) {
                    block.getElementsByClassName('irs-single')[0].classList.remove('show')
                }
            });
        }
    }
    priceSlider2()
    function priceSlider2(){
        let price_interval = $('#price_interval2')
        if(price_interval.length){
        let block = document.getElementsByClassName('calc-range-2')[0]
        let min = +block.getAttribute('data-min');
        let max = +block.getAttribute('data-max');
        let from = +block.getAttribute('data-from');
        price_interval.ionRangeSlider({
            grid: true,
            step: 100,
            grid_num: 5,
            min: min,
            max: max,
            from: from,
            hide_from_to: false,
            onChange: function (e) {
                let value = +price_interval.val()
                block.getElementsByClassName('irs-single')[0].classList.add('show')
            },
            onFinish: function(e) {
                block.getElementsByClassName('irs-single')[0].classList.remove('show')
            }
        });
        }
    }
    $('.irs-slider').hover(function () {
        $(this).parent().find('.irs-single').addClass('hover');
    }, function () {
        $(this).parent().find('.irs-single').removeClass('hover');
    })
});