frontend.js
2.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
(function($) {
/**
* Class for Post Slider Module
*
* @since 1.5.9
*/
FLBuilderPostSlider = function( settings ){
// set params
this.settings = settings.settings;
this.nodeClass = '.fl-node-' + settings.id;
this.wrapperClass = this.nodeClass + ' .fl-post-slider-wrapper';
this.postClass = this.nodeClass + ' .fl-post-slider-post';
this.prevSliderBtn = $( this.nodeClass + ' .slider-prev' );
this.nextSliderBtn = $( this.nodeClass + ' .slider-next' );
this.navigation = settings.navigationControls;
// check if module have posts
if(this._hasPosts()) {
// initialize the slider
this._initSlider();
}
};
FLBuilderPostSlider.prototype = {
settings : {},
nodeClass : '',
wrapperClass : '',
postClass : '',
prevSliderBtn : '',
nextSliderBtn : '',
navigation : false,
slider : '',
/**
* Check if the module have posts.
*
* @since 1.5.9
* @return bool
*/
_hasPosts: function(){
return $( this.postClass ).length > 0;
},
/**
* build an object with slider options.
*
* @since 1.5.9
* @return obj The slider options object.
*/
_getSettings: function(){
var settings = {
onSliderLoad: function() {
$( this.wrapperClass ).addClass( 'fl-post-slider-loaded' );
}.bind( this ),
}
return $.extend( {}, this.settings, settings );
},
/**
* Creates a new Swiper instance and initialize prev and next buttons.
*
* @since 1.5.9
* @return void
*/
_initSlider: function(){
this.slider = $( this.wrapperClass ).bxSlider( this._getSettings() );
$( this.wrapperClass ).data( 'bxSlider', this.slider );
if( this.navigation ){
this.prevSliderBtn.on( 'click', function( e ){
e.preventDefault();
this.slider.goToPrevSlide();
}.bind( this ) );
this.nextSliderBtn.on( 'click', function( e ){
e.preventDefault();
this.slider.goToNextSlide();
}.bind( this ) );
}
},
};
})(jQuery);