71 lines
2.2 KiB
JavaScript
Vendored
71 lines
2.2 KiB
JavaScript
Vendored
(function ($) {
|
|
/**
|
|
* @param {object} _options
|
|
*/
|
|
$.fn.loadMoreNews = function (_options) {
|
|
var isLoading = false;
|
|
var page = 1;
|
|
var options = {
|
|
loadingElementId: '#loading',
|
|
container: '',
|
|
url: document.location.pathname,
|
|
nextPage: 2,
|
|
dateStart: null,
|
|
dateEnd:null
|
|
};
|
|
|
|
$.extend(options, _options);
|
|
var $isLoading = $(options.loadingElementId, this);
|
|
$isLoading.hide();
|
|
|
|
this.unbind('click').click(function (e) {
|
|
e.preventDefault();
|
|
if (!isLoading) {
|
|
// Set flag and update UI
|
|
isLoading = 1;
|
|
$isLoading.show();
|
|
var $button = $(this).attr("disabled", "disabled");
|
|
var $container = $(options.container);
|
|
$container.each(function(){$(this).find('.no-results').remove();});
|
|
|
|
// Fire request for the next page
|
|
$.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + options.nextPage + (options.dateStart ? '&dateStart=' + options.dateStart : '') + (options.dateEnd ? '&dateEnd=' + options.dateEnd : '')})
|
|
.always(function () {
|
|
// Whether success or failure, update the UI again
|
|
isLoading = 0;
|
|
$isLoading.hide();
|
|
$button.removeAttr("disabled");
|
|
$(options.container + ' .loader').remove();
|
|
})
|
|
.done(function (data) {
|
|
if (!data) {
|
|
// When no data was returned, disable the button permanently
|
|
page = -1;
|
|
$button.attr("disabled", "disabled").text("Geen nieuws meer.");
|
|
return;
|
|
}
|
|
|
|
$container.each(function () {
|
|
var id = this.toString();
|
|
$(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
|
|
});
|
|
$container.each(function () {
|
|
var id = this.toString();
|
|
if (!$(id).find('li').length) {
|
|
$(id).append('<li class="no-results">Geen items gevonden.</li>');
|
|
}
|
|
});
|
|
++options.nextPage;
|
|
});
|
|
}
|
|
});
|
|
};
|
|
|
|
}(jQuery));
|
|
|
|
$(function () {
|
|
$('[data-loadmorenews]').each(function () {
|
|
$(this).loadMoreNews($(this).data('loadmorenews'));
|
|
});
|
|
});
|