/
finsweet-filters.js
57 lines (51 loc) · 1.46 KB
/
finsweet-filters.js
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
// Counting the number of items returned after the filter function
var Webflow = Webflow || [];
Webflow.push(function () {
let itemCount = $(".blog-item").length;
$("#item-count").html(itemCount);
});
//Update item count on filter change
$(".filter-button").click(function () {
setTimeout(function () {
var allElems = document.getElementsByClassName("blog-item");
var count = 0;
for (var i = 0; i < allElems.length; i++) {
var thisElem = allElems[i];
if (thisElem.style.display != "none") count++;
document.getElementById("item-count").innerHTML = count;
}
}, 500);
});
//Update item count on filter reset
$(".filter-reset-main").click(function () {
setTimeout(function () {
var allElems = document.getElementsByClassName("blog-item");
var count = 0;
for (var i = 0; i < allElems.length; i++) {
var thisElem = allElems[i];
if (thisElem.style.display != "none") count++;
document.getElementById("item-count").innerHTML = count;
}
}, 500);
});
// F'in sweet CMS Library for Webflow
(function () {
var fsComponent = new FsLibrary(".blog-posts");
var myFilters = [
{
filterWrapper: ".filter-wrapper",
filterType: "multi",
},
];
fsComponent.filter({
filterArray: myFilters,
activeClass: "filter-button-active",
filterReset: ".filter-reset-main",
animation: {
enable: true,
duration: 300,
easing: "ease-in",
effects: "fade ",
},
});
})();