1 files changed, 27 insertions, 17 deletions
diff --git a/app/assets/javascripts/pager.js b/app/assets/javascripts/pager.js
index 86a43b66cc8..386a9b2c740 100644
--- a/app/assets/javascripts/pager.js
+++ b/app/assets/javascripts/pager.js
@@ -7,14 +7,21 @@ const ENDLESS_SCROLL_BOTTOM_PX = 400;
 const ENDLESS_SCROLL_FIRE_DELAY_MS = 1000;
 
 export default {
-  init(limit = 0, preload = false, disable = false, prepareData = $.noop, callback = $.noop) {
+  init(
+    limit = 0,
+    preload = false,
+    disable = false,
+    prepareData = $.noop,
+    callback = $.noop,
+    container = '',
+  ) {
     this.url = $('.content_list').data('href') || removeParams(['limit', 'offset']);
     this.limit = limit;
     this.offset = parseInt(getParameterByName('offset'), 10) || this.limit;
     this.disable = disable;
     this.prepareData = prepareData;
     this.callback = callback;
-    this.loading = $('.loading').first();
+    this.loading = $(`${container} .loading`).first();
     if (preload) {
       this.offset = 0;
       this.getOld();
@@ -24,22 +31,25 @@ export default {
 
   getOld() {
     this.loading.show();
-    axios.get(this.url, {
-      params: {
-        limit: this.limit,
-        offset: this.offset,
-      },
-    }).then(({ data }) => {
-      this.append(data.count, this.prepareData(data.html));
-      this.callback();
+    axios
+      .get(this.url, {
+        params: {
+          limit: this.limit,
+          offset: this.offset,
+        },
+      })
+      .then(({ data }) => {
+        this.append(data.count, this.prepareData(data.html));
+        this.callback();
 
-      // keep loading until we've filled the viewport height
-      if (!this.disable && !this.isScrollable()) {
-        this.getOld();
-      } else {
-        this.loading.hide();
-      }
-    }).catch(() => this.loading.hide());
+        // keep loading until we've filled the viewport height
+        if (!this.disable && !this.isScrollable()) {
+          this.getOld();
+        } else {
+          this.loading.hide();
+        }
+      })
+      .catch(() => this.loading.hide());
   },
 
   append(count, html) {