IW4M-Admin/WebfrontCore/wwwroot/js/loader.js

95 lines
2.6 KiB
JavaScript
Raw Normal View History

2018-06-01 20:55:26 -04:00
let loaderOffset = 10;
let loadCount = 10;
2019-03-30 18:21:01 -04:00
let loaderReachedEnd = false;
let startAt = null;
let isLoaderLoading = false;
let loadUri = '';
let loaderResponseId = '';
function initLoader(location, loaderId, count = 10, start = count) {
loadUri = location;
loaderResponseId = loaderId;
2018-06-01 20:55:26 -04:00
loadCount = count;
loaderOffset = start;
setupListeners();
}
function loadMoreItems() {
2019-03-30 18:21:01 -04:00
if (isLoaderLoading || loaderReachedEnd) {
return false;
}
showLoader();
isLoaderLoading = true;
$.get(loadUri, { offset: loaderOffset, count: loadCount, startAt: startAt })
.done(function (response) {
$(loaderResponseId).append(response);
if (response.trim().length === 0) {
staleLoader();
2019-03-30 18:21:01 -04:00
loaderReachedEnd = true;
$('.loader-load-more').addClass('disabled');
}
2018-05-31 20:17:52 -04:00
$(document).trigger("loaderFinished", response);
startAt = $(response).filter('.loader-data-time').last().data('time');
hideLoader();
isLoaderLoading = false;
})
.fail(function (jqxhr, statis, error) {
errorLoader();
isLoaderLoading = false;
});
loaderOffset += loadCount;
}
2019-08-04 18:06:07 -04:00
var hasScrollBar = false;
function _ScrollHandler(e) {
2019-07-19 15:54:39 -04:00
//throttle event:
2019-08-04 18:06:07 -04:00
/*
https://stackoverflow.com/questions/3898130/check-if-a-user-has-scrolled-to-the-bottom
*/
var $window = $(window);
var $document = $(document);
2019-07-19 15:54:39 -04:00
hasScrollBar = true;
2019-08-04 18:06:07 -04:00
let _throttleTimer = null;
let _throttleDelay = 100;
2019-07-19 15:54:39 -04:00
clearTimeout(_throttleTimer);
_throttleTimer = setTimeout(function () {
//do work
if ($window.scrollTop() + $window.height() > $document.height() - 100) {
loadMoreItems();
}
}, _throttleDelay);
}
function setupListeners() {
if ($(loaderResponseId).length === 1) {
/*
https://stackoverflow.com/questions/19731730/jquery-js-detect-users-scroll-attempt-without-any-window-overflow-to-scroll
*/
$('html').bind('mousewheel DOMMouseScroll', function (e) {
var delta = e.originalEvent.wheelDelta || -e.originalEvent.detail;
if (delta < 0 && !hasScrollBar) {
loadMoreItems();
}
});
2019-08-04 18:06:07 -04:00
$(document).ready(function () {
$(window)
.off('scroll', _ScrollHandler)
.on('scroll', _ScrollHandler);
2019-03-30 18:21:01 -04:00
$('.loader-load-more:not(.disabled)').click(function (e) {
if (!isLoaderLoading) {
loadMoreItems();
}
2019-07-19 15:54:39 -04:00
});
});
}
}