https://www.mirkrasok.ru/local/components/sside/tinting_ajax/templates/.default/script.js

1var tobasket = 0;
2
3function showcolorform(el){
4    let json = el.attr('data-dom-data');
5    $('#color-form').attr('data-dom-data', json).data('trigger', el);
6    $.ajax({
7        type: "POST",
8        data: {json: json},
9        url: "/local/ajax/tinting.php",
10        success: function (result) {
11            $('#color-form').html(result);
12            $('.bg-color').show();
13            $('.color-form').show();
14            del_color();
15        }
16    });
17}
18function del_color(){
19    tobasket = 0;
20    var $trigger = $('#color-form').data('trigger');
21    $('.right-sidebar-price-row.--price-box').show();
22    $('.del_color').remove();
23    $('.selected_color').remove();
24    $('.color_info').remove();
25    $('.right-sidebar-price-row.new-price').remove();
26    if ($trigger && $trigger.length) {
27        $trigger.find('span').first().text('Выбрать цвет');
28    } else {
29        $('.productcard__coler span').text('Выбрать цвет');
30    }
31    tobasket = 0;
32    return false;
33}
34function choose_color(el){
35    var hex = el.attr('data-hex');
36    var back = el.attr('data-back');
37    var domDataRaw = $('#color-form').attr('data-dom-data') || $('.productcard__coler').attr('data-dom-data');
38    var domData = domDataRaw ? $.parseJSON(domDataRaw) : {};
39    var volume = domData.VOLUME;
40    volume = Math.ceil($('#volume').val());
41    var price = parseInt(el.attr('data-price'))*volume;
42    console.log(price);
43
44    if(back){
45        $('.color-form .pic').css('background-image', 'url('+back+')');
46        $('.color-form .bottom-block').css('background-image', 'url('+back+')');
47    }else{
48        $('.color-form .pic').css('background', 'radial-gradient(97.28% 411.71% at 2.72% 2.27%, '+hex+'ad 0%, '+hex+' 100%)');
49        $('.color-form .bottom-block').css('background', hex);
50    }
51
52    $('.title-color').text(el.attr('data-name'));
53    if(el.hasClass('light')){
54        $('.color-form .bottom-block').addClass('light');
55    }else{
56        $('.color-form .bottom-block').removeClass('light');
57    }
58    $('.num-color').text(el.text());
59    $('.color-form .bottom-block').show();
60    $('.colors .color').removeClass('active');
61    el.addClass('active');
62
63    if(price>0){
64        $('.bottom .submit').addClass('active');
65        $('.bottom .submit .price').text(price+'₽*');
66        $('.bottom p').show();
67    }else{
68        $('.bottom .submit').removeClass('active');
69        $('.bottom .submit .price').text('');
70    }
71}
72
73$(document).ready(function () {
74    $(document).on('click', '.js-open-tinting', function () {
75
76        showcolorform($(this));
77        return false;
78    });
79    $(document).on('click', 'input[name="IB_MF_COLOR"]', function () {
80        del_color();
81    });
82})