frontend.js
3.2 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
(function($) {
FLBuilderPostGrid = function(settings)
{
this.settings = settings;
this.nodeClass = '.fl-node-' + settings.id;
this.wrapperClass = this.nodeClass + ' .fl-post-' + this.settings.layout;
this.postClass = this.wrapperClass + '-post';
this.matchHeight = settings.matchHeight;
if(this._hasPosts()) {
this._initLayout();
this._initInfiniteScroll();
}
};
FLBuilderPostGrid.prototype = {
settings : {},
nodeClass : '',
wrapperClass : '',
postClass : '',
gallery : null,
_hasPosts: function()
{
return $(this.postClass).length > 0;
},
_initLayout: function()
{
switch(this.settings.layout) {
case 'grid':
this._gridLayout();
break;
case 'gallery':
this._galleryLayout();
break;
}
$(this.postClass).css('visibility', 'visible');
},
_gridLayout: function()
{
var wrap = $(this.wrapperClass);
wrap.masonry({
columnWidth : this.nodeClass + ' .fl-post-grid-sizer',
gutter : parseInt(this.settings.postSpacing),
isFitWidth : true,
itemSelector : this.postClass,
transitionDuration : 0
});
wrap.imagesLoaded( $.proxy( function() {
this._gridLayoutMatchHeight();
wrap.masonry();
}, this ) );
},
_gridLayoutMatchHeight: function()
{
var highestBox = 0;
if ( 0 === this.matchHeight ) {
return;
}
$(this.postClass).css('height', '').each(function(){
if($(this).height() > highestBox) {
highestBox = $(this).height();
}
});
$(this.postClass).height(highestBox);
},
_galleryLayout: function()
{
this.gallery = new FLBuilderGalleryGrid({
'wrapSelector' : this.wrapperClass,
'itemSelector' : '.fl-post-gallery-post'
});
},
_initInfiniteScroll: function()
{
if(this.settings.pagination == 'scroll' && typeof FLBuilder === 'undefined') {
this._infiniteScroll();
}
},
_infiniteScroll: function(settings)
{
$(this.wrapperClass).infinitescroll({
navSelector : this.nodeClass + ' .fl-builder-pagination',
nextSelector : this.nodeClass + ' .fl-builder-pagination a.next',
itemSelector : this.postClass,
prefill : true,
bufferPx : 200,
loading : {
msgText : 'Loading',
finishedMsg : '',
img : FLBuilderLayoutConfig.paths.pluginUrl + 'img/ajax-loader-grey.gif',
speed : 1
}
}, $.proxy(this._infiniteScrollComplete, this));
setTimeout(function(){
$(window).trigger('resize');
}, 100);
},
_infiniteScrollComplete: function(elements)
{
var wrap = $(this.wrapperClass);
elements = $(elements);
if(this.settings.layout == 'grid') {
wrap.imagesLoaded( $.proxy( function() {
this._gridLayoutMatchHeight();
wrap.masonry('appended', elements);
elements.css('visibility', 'visible');
}, this ) );
}
else if(this.settings.layout == 'gallery') {
this.gallery.resize();
elements.css('visibility', 'visible');
}
}
};
})(jQuery);