overleaf/services/web/public/coffee/ide/history/directives/infiniteScroll.coffee
James Allen 1c9abd35f8 Rename track-changes -> history on the client
Conflicts:
	app/views/project/editor/history.jade
2016-10-10 16:59:25 +01:00

40 lines
No EOL
1 KiB
CoffeeScript

define [
"base"
], (App) ->
App.directive "infiniteScroll", () ->
return {
link: (scope, element, attrs, ctrl) ->
innerElement = element.find(".infinite-scroll-inner")
element.css 'overflow-y': 'auto'
atEndOfListView = () ->
if attrs.infiniteScrollUpwards?
atTopOfListView()
else
atBottomOfListView()
atTopOfListView = () ->
element.scrollTop() < 30
atBottomOfListView = () ->
element.scrollTop() + element.height() >= innerElement.height() - 30
listShorterThanContainer = () ->
element.height() > innerElement.height()
loadUntilFull = () ->
if (listShorterThanContainer() or atEndOfListView()) and not scope.$eval(attrs.infiniteScrollDisabled)
promise = scope.$eval(attrs.infiniteScroll)
promise.then () ->
setTimeout () ->
loadUntilFull()
, 0
element.on "scroll", (event) ->
loadUntilFull()
scope.$watch attrs.infiniteScrollInitialize, (value) ->
if value
loadUntilFull()
}