2884: Added spinner to indicate infinite scroll is loading.

diff --git a/apps/workbench/app/assets/javascripts/infinite_scroll.js b/apps/workbench/app/assets/javascripts/infinite_scroll.js
index 498f10a1167a7c59ea19559927dc8d750db5093e..cabc7c5adc2ec238278805ff015868336426c7c4 100644 (file)
--- a/apps/workbench/app/assets/javascripts/infinite_scroll.js
+++ b/apps/workbench/app/assets/javascripts/infinite_scroll.js
@@ -14,6 +14,8 @@ function maybe_load_more_content() {
             return;
         // Don't start another request until this one finishes
         $(container).attr('data-infinite-content-href', null);
+        $(container).append('<img src="/assets/ajax-loader.gif" class="infinite-scroller-spinner"></img>');
+        console.log("appended?");
         $.ajax(src,
                {dataType: 'json',
                 type: 'GET',
@@ -32,6 +34,7 @@ function maybe_load_more_content() {
                 $(this.container).attr('data-infinite-content-href', this.src);
             }).
             done(function(data, status, jqxhr) {
+                $(this.container).find(".infinite-scroller-spinner").detach();
                 $(this.container).append(data.content);
                 $(this.container).attr('data-infinite-content-href', data.next_page_href);
             });