overleaf/services/web/frontend/js/ide/history/directives/infiniteScroll.js

54 lines
1.5 KiB
JavaScript
Raw Normal View History

/* eslint-disable
max-len,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
* decaffeinate suggestions:
* DS102: Remove unnecessary code created because of implicit returns
* DS207: Consider shorter variations of null checks
* Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
*/
import App from '../../../base'
export default App.directive('infiniteScroll', () => ({
link(scope, element, attrs, ctrl) {
const innerElement = element.find('.infinite-scroll-inner')
element.css({ 'overflow-y': 'auto' })
const atEndOfListView = function() {
if (attrs.infiniteScrollUpwards != null) {
return atTopOfListView()
} else {
return atBottomOfListView()
}
}
var atTopOfListView = () => element.scrollTop() < 30
var atBottomOfListView = () =>
element.scrollTop() + element.height() >= innerElement.height() - 30
const listShorterThanContainer = () =>
element.height() > innerElement.height()
var loadUntilFull = function() {
if (
(listShorterThanContainer() || atEndOfListView()) &&
!scope.$eval(attrs.infiniteScrollDisabled)
) {
const promise = scope.$eval(attrs.infiniteScroll)
return promise.then(() => setTimeout(() => loadUntilFull(), 0))
}
}
element.on('scroll', event => loadUntilFull())
return scope.$watch(attrs.infiniteScrollInitialize, function(value) {
if (value) {
return loadUntilFull()
}
})
}
}))