ulaulaman/eduinaf-ajax-filter-posts
1
0
Fork 0
mirror of https://github.com/ulaulaman/eduinaf-ajax-filter-posts.git synced 2025-06-27 09:03:00 +02:00
Code Issues Releases Wiki Activity

Added localization, WPML ready

Browse Source
This commit is contained in:
Robbert de Kuiper
2017-03-31 14:06:13 +02:00
parent d1769f2f9c
commit a995fbeb6b
9 changed files with 214 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
assets/js/ajax-filter-posts.js
View File

@ -1,37 +1,36 @@
(function (){
var queryParams = null;
var container = document.querySelector('.js-container-async');
var filterTogglers = container.getElementsByClassName('js-toggle-filters');
var content = container.querySelector('.ajax-posts__posts');
var status = container.querySelector('.ajax-posts__status');
var queryParams = {
'page' : null,
'tax' : {},
'quantity' : 0,
'postType': 'post',
}
if (container) {
var filterTogglers = container.getElementsByClassName('js-toggle-filters');
var content = container.querySelector('.ajax-posts__posts');
var status = container.querySelector('.ajax-posts__status');
}
function init() {
if (container) {
addEventListeners();
setDefaults();
}
}
/**
* Set initial params, and add event listeners
* Add event listeners
*/
function init() {
if (container) {
// Set the amoun of post per page
queryParams.quantity = parseInt(container.dataset.quantity, 10);
queryParams.postType = container.dataset.postType;
// Add event listeners with event propagination
on(container,'click', 'a[data-filter]', function(event) {
handleFilterEvent(event.target);
event.preventDefault();
return true;
function addEventListeners() {
// Add event listeners with event propagination
on(container,'click', 'a[data-filter]', function(event) {
handleFilterEvent(event.target);
event.preventDefault();
return true;
});
on(container, 'click', '.js-load-more', function(event) {
handleLoadMoreEvent(event.target);
event.preventDefault();
return true;
});
handleLoadMoreEvent(event.target);
event.preventDefault();
return true;
});
on(container, 'click', '.js-reset-filters', function() {
resetFilters();
@ -43,8 +42,20 @@
[].slice.call(filterTogglers).forEach(function(button){
button.addEventListener('click', toggleFilters)
});
}
}
}
/**
* Set default query variables
*/
function setDefaults() {
queryParams = {
'page' : null,
'tax' : {},
'quantity': parseInt(container.dataset.quantity, 10) || 0,
'postType': container.dataset.postType || 'post',
'language': filterPosts.language || null,
};
}
/**
* Update query and get posts after filter change
@ -169,10 +180,12 @@
request.onload = function() {
console.log(this.response);
//remove load more button
var loadMoreButton = content.querySelector('.js-load-more');
if (loadMoreButton) {
content.removeChild(loadMoreButton);
content.removeChild(loadMoreButton.parentNode);
}
var response = JSON.parse(this.response);
if (this.status === 200) {