https://mattbodnar.com/wp-content/themes/matt-bodnar/assets/js/main.js?ver=1.0.0

1jQuery(document).ready( function($) {
2    'use strict';
3    
4    
5    
6    // mobile nav js
7    $('.nav_burger').on('click', function(){
8       $('.mobile_nav').addClass('nav_show'); 
9    });
10    $('.nav_close').on('click', function(){
11       $('.mobile_nav').removeClass('nav_show'); 
12    });
13    
14    
15    
16    
17    // load more post js for book page
18    let size_li = jQuery('.favourit_books .bk_link').size();
19    // console.log(size_li);
20    let x = 12;
21    jQuery('.favourit_books .bk_link:lt('+x+')').show();
22    jQuery('.show_more_btn .elementor-button-link').on('click', function (e) {
23        e.preventDefault();
24        x = (x+6 <= size_li) ? x+6 : size_li;
25        jQuery('.favourit_books .bk_link:lt('+x+')').show();
26        if( x >= size_li){
27            jQuery('.show_more_btn .elementor-button-text').html('No More books!');
28            jQuery('.show_more_btn').addClass('no_more_btn').removeClass('show_more_btn');
29        }
30    });
31    
32    
33    
34    
35    // load more post js for Media Kit page
36    let size_mk = jQuery('.recent_media_kit .matt_mk_item').size();
37    // console.log(size_mk);
38    let mk = 6;
39    jQuery('.recent_media_kit .matt_mk_item:lt('+mk+')').show();
40    jQuery('.mk_show_more .elementor-button-link').on('click', function (e) {
41        e.preventDefault();
42        mk = (mk+6 <= size_mk) ? mk+6 : size_mk;
43        jQuery('.recent_media_kit .matt_mk_item:lt('+mk+')').show();
44        if( mk >= size_mk){
45            jQuery('.mk_show_more .elementor-button-text').html('No More To Show!');
46            jQuery('.mk_show_more').addClass('no_more_btn').removeClass('mk_show_more');
47        }
48    });
49    
50    
51    
52    
53    // mobile slider for podcast page
54    if ( matchMedia('(max-width: 767px)').matches ){
55      
56        var podcastSlider =  $('.matt_podcast_section');
57        podcastSlider.owlCarousel({
58            loop:true,
59            margin: 0,
60            nav:true,
61            navText: [
62                '<span class="fa fa-angle-left"></span>',
63                '<span class="fa fa-angle-right"></span>'
64            ],
65            dots:false,
66            dotData: false,
67            lazyLoad: true,
68            center:true,
69            autoplay:false,
70            autoplayTimeout:3000,
71            smartSpeed: 1000,
72            autoplayHoverPause:false,
73            responsive:{
74                0:{
75                    items:1
76                }
77            }
78        });
79        
80    }
81    
82    
83    // Time line slider js
84    let tlSlider =  $('.matt_tl_section');
85        tlSlider.owlCarousel({
86            loop:false,
87            margin: 20,
88            nav:true,
89            navText: [
90                '<span class="fa fa-angle-left"></span>',
91                '<span class="fa fa-angle-right"></span>'
92            ],
93            dots:false,
94            dotData: false,
95            lazyLoad: true,
96            center:false,
97            autoplay:false,
98            autoplayTimeout:3000,
99            smartSpeed: 1000,
100            autoplayHoverPause:false,
101            responsive:{
102                0:{
103                    items:1
104                },
105                700:{
106                    items:2
107                },
108                1000:{
109                    items:3
110                }
111            }
112        });
113        
114        if ( matchMedia('(min-width: 768px)').matches ){
115            tlSlider.on('changed.owl.carousel', function(event) {
116                
117                var size = event.page.size;
118                var itemIndex = event.item.index;
119                var items = event.item.count;
120                console.log(itemIndex +' '+ items + ' '+ size);
121                let navElement = $('.matt_tl_section.owl-theme .owl-nav');
122                var calLeft = ((100/(items - size))*itemIndex);
123                if(itemIndex < (items - size - 1)){
124                    navElement.css('left', calLeft + '%');
125                } else {
126                    
127                    navElement.css('left', 'calc(' + calLeft + '% - 58px)');
128                }
129                
130            });   
131        }
132    
133    
134    
135    // podcast modal js
136    $('.podcast_play').on('click', function(){
137        var that = $(this);
138        that.siblings(".podcast_iframe").fadeIn().find('iframe').addClass('re');
139        setTimeout( function(){
140            that.siblings(".podcast_iframe").fadeIn().find('iframe').removeClass('re')
141        }, 100);
142    });
143    $('.iframe_overlay').on('click', function(){
144        $(this).parents(".podcast_iframe").fadeOut();
145        
146        $(this).siblings('.iframe_modal').find('iframe').attr('src', $(this).siblings('.iframe_modal').find('iframe').attr('src'));
147
148    });
149    
150    
151    // select2 js initiation
152    $('select').select2({
153        minimumResultsForSearch: -1
154    });
155    
156    
157    
158});