https://innosummit.hu/assets/js/event/ticket.js

1$('.ticket-slider').on('init', function(event, slick){
2	$('.ticket-slider .slick-slide').css('width', '290px');
3});
4
5$('.ticket-slider').slick({
6    infinite: false,
7    arrows: true,
8    prevArrow: '<button type="button" class="slick-prev"><i class="fa-solid fa-chevron-left" style="color: var(--primary-color);"></i></button>',
9    nextArrow: '<button type="button" class="slick-next"><i class="fa-solid fa-chevron-right" style="color: var(--primary-color);"></i></button>',
10    appendArrows: $('#price .slick-controls .slick-arrows'),
11    dots: false,
12    appendDots: $('#price .slick-controls .slick-dots'),
13    speed: 300,
14    autoplay: true,
15    autoplaySpeed: 5000,
16    slidesToShow: 5,
17    slidesToScroll: 1,
18	responsive: [
19        {
20            breakpoint: 1400,
21            settings: {
22                slidesToShow: 4,
23            }
24        },
25        {
26            breakpoint: 1200,
27            settings: {
28                slidesToShow: 3,
29            }
30        },
31        {
32            breakpoint: 1000,
33            settings: {
34                slidesToShow: 3,
35            }
36        },
37        {
38            breakpoint: 800,
39            settings: {
40                slidesToShow: 1,
41                centerMode: true,
42                centerPadding: '20px',
43            }
44        },
45        {
46            breakpoint: 600,
47            settings: {
48                slidesToShow: 1,
49                centerMode: true,
50                centerPadding: '20px',
51            }
52        },
53    ]
54
55});
56
57
58$(document).ready(function() {
59
60    if ($(window).width() <= 800) {
61        sortTickets();
62    }
63
64    $(".buy-ticket-btn").on("click", function () {
65        let _this = $(this);
66        let url = _this.attr("data-href");
67        if (url) {
68            app.ajaxLoadPage(url, '#ajaxload', 0, function (params) {
69                if (params.limit_reached) {
70                    _this.attr("data-href", "");
71                    _this.html(params.message);
72                    _this.addClass("disabled");
73                }
74            }, undefined, "", true);
75        }
76    });
77});
78
79$('.ticket-slider').on('breakpoint', function (event, slick, breakpoint) {
80
81    if (breakpoint <= 800 || screen.width <= 800) {
82        sortTickets();
83    }
84});
85
86function sortTickets() {
87
88    let tickets = $('.price-card-deck .card');
89
90    tickets.sort(function (a, b) {
91        let btnA = $(a).find('.btn');
92        let btnB = $(b).find('.btn');
93
94        if (btnA.hasClass('disabled') && !btnB.hasClass('disabled')) {
95            return 1;
96        } else if (!btnA.hasClass('disabled') && btnB.hasClass('disabled')) {
97            return -1;
98        }
99
100        return 0;
101    });
102
103    $('.slick-track').append(tickets);
104}