MAGETWO-52360: Create template with detailed paging information

Author: slopok

app/code/Magento/Ui/view/base/web/js/grid/paging/paging.js

@@ -110,6 +110,26 @@ define([
             return this;
         },
 
+        /**
+         * Gets first item index on current page.
+         *
+         * @returns {Number}
+         */
+        getFirstItemIndex: function () {
+            return this.pageSize * (this.current - 1) + 1;
+        },
+
+        /**
+         * Gets last item index on current page.
+         *
+         * @returns {Number}
+         */
+        getLastItemIndex: function () {
+            var lastItem = this.getFirstItemIndex() + this.pageSize - 1;
+
+            return this.totalRecords < lastItem ? this.totalRecords : lastItem;
+        },
+
         /**
          * Sets cursor to the provied value.
          *

app/code/Magento/Ui/view/base/web/templates/grid/paging/paging-detailed-total.html

@@ -0,0 +1,20 @@
+<!--
+/**
+ * Copyright © 2016 Magento. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<div class="admin__control-support-text">
+    <!-- ko if: totalRecords -->
+        <strong>
+            <text args="getFirstItemIndex()"/> -
+            <text args="getLastItemIndex()"/>
+        </strong>
+        <!-- ko i18n: 'of' --><!-- /ko -->
+    <!-- /ko -->
+    <strong text="totalRecords"/>
+    <!-- ko i18n: 'records found' --><!-- /ko -->
+    <!-- ko if: totalSelected -->
+        (<text args="totalSelected"/> <!-- ko i18n: 'selected' --><!-- /ko -->)
+    <!-- /ko -->
+</div>