File size: 909 Bytes
fa6b3d1 |
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 |
document.addEventListener("DOMContentLoaded", function(event) {
var checkboxArray = Sizzle('.app-filter__input');
var filterObj = {
windows_phone: true,
android: true,
ios: true
}
var filterItems = function(){
checkboxArray.forEach(function(checkbox){
filterObj[checkbox.dataset.device] = checkbox.checked;
});
var thumbnailArray = Sizzle('.app__thumbnail');
thumbnailArray.forEach(function(thumbnail){
var visible = Object.keys(filterObj).some(function(key){
if(filterObj[key]){
return thumbnail.classList.contains(key);
} else {
return false;
}
});
if(visible){
thumbnail.classList.remove('hidden');
} else {
thumbnail.classList.add('hidden');
}
});
}
checkboxArray.forEach(function(checkbox){
checkbox.onchange=function(){
filterItems();
};
});
});
|