Simplified automatic pagination

app/assets/javascripts/application.js.coffee

@@ -11,6 +11,7 @@
 # about supported directives.
 #
 #= require jquery3
+#= require jquery_ujs
 #= require jquery-sparkline
 # For tags input
 #= require jquery-ui/widgets/autocomplete

app/assets/javascripts/pagination.coffee

 # Automatic ajax pagination
-
-# To not setup pagination twice
-pager = true
 $(document).on 'turbolinks:load', ->
-	$('.pagination .next a')
-		.attr('data-remote', true)
-		.click ->
-			$('#loading').fadeIn()
-
-	if pager
-		pager = false
-		$(document).on 'ajax:success', '.pagination .next a', (event, data, status, xhr) ->
-			$('#loading').fadeOut()
-			elts = $('tbody tr', data)
-			$(this).parents('tfoot').prev().append(elts)
-
-			next = $('.pagination .next a', data).attr('href')
-			if next?
-				return $(this).show().data('remote', true).attr('href', next)
-			else
-				return $(this).parents('.pagination').remove()
-
-	# Go to the next page when page is scrolled
-	$(document).scroll ->
-		$('.pagination .next a:visible').filter =>
-			this.visible()
-		.hide().click() # "Next" link is hidden while pagination is done
+	$('.pagination .next a').attr('data-remote', true).each ->
+		# Go to the next page when page is scrolled
+		$(document).scroll =>
+			if $(this).visible true, true
+				# "Next" link is also hidden while pagination is done
+				$(this).click().parents('.pagination').hide()
+
+$(document).on 'ajax:success', '.pagination .next a', (event, data) ->
+	$(this).parents('tfoot').prev().append $('tbody tr', data)
+
+	next = $('.pagination .next a', data).attr 'href'
+	if next?
+		$(this).attr('href', next).parents('.pagination').show()