X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/dd532a66ecc0d7ac4a90786d3a4de0c5c00c414e..8a2035547ad8bf6abad6a4a03bb0b59211a00932:/apps/workbench/app/assets/javascripts/modal_pager.js

diff --git a/apps/workbench/app/assets/javascripts/modal_pager.js b/apps/workbench/app/assets/javascripts/modal_pager.js
index 8d2bf2fc93..ffa45ee172 100644
--- a/apps/workbench/app/assets/javascripts/modal_pager.js
+++ b/apps/workbench/app/assets/javascripts/modal_pager.js
@@ -1,9 +1,16 @@
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
 // Usage:
 //
 // 1. Add some buttons to your modal, one with class="pager-next" and
 // one with class="pager-prev".
 //
 // 2. Put multiple .modal-body sections in your modal.
+//
+// 3. Add a "pager-count" div where page count is shown.
+// For ex: "1 of 10" when showing first page of 10 pages.
 
 $(document).on('click', '.modal .pager-next', function() {
     var $modal = $(this).parents('.modal');
@@ -26,6 +33,10 @@ $(document).on('click', '.modal .pager-next', function() {
     } else if (page < 0) {
         page = 0;
     }
+
+    var $pager_count = $('.pager-count', $modal);
+    $pager_count.text((page+1) + " of " + $panes.length);
+
     var selected = $panes.hide().eq(page).show();
     enableButton($('.pager-prev', $modal), page > 0);
     enableButton($('.pager-next', $modal), page < $panes.length - 1);