show total records in list pages (#483)

Author: thiennn

src/Modules/SimplCommerce.Module.Catalog/wwwroot/admin/product-price/product-price-form.html

@@ -38,6 +38,9 @@ <h2>{{::vm.translate.get('Product Price Management')}}</h2>
             <th></th>
             <th></th>
         </tr>
+        <tr>
+            <th ng-show="!vm.isLoading" colspan="9">{{vm.tableStateRef.pagination.totalItemCount | number:0}} records found</th>
+        </tr>
     </thead>
     <tbody ng-show="!vm.isLoading">
         <tr ng-repeat="item in vm.products">

src/Modules/SimplCommerce.Module.Catalog/wwwroot/admin/product-price/product-price-form.js

@@ -6,24 +6,25 @@
 
     /* @ngInject */
     function ProductPriceFormCtrl(productPriceService, translateService) {
-        var vm = this,
-            tableStateRef;
+        var vm = this;
+        vm.tableStateRef = {};
         vm.translate = translateService;
         vm.products = [];
 
         vm.getProducts = function getProducts(tableState) {
-            tableStateRef = tableState;
+            vm.tableStateRef = tableState;
             vm.isLoading = true;
             productPriceService.getProducts(tableState).then(function (result) {
                 vm.products = result.data.items;
                 tableState.pagination.numberOfPages = result.data.numberOfPages;
+                tableState.pagination.totalItemCount = result.data.totalRecord;
                 vm.isLoading = false;
             });
         };
 
         vm.save = function save() {
             productPriceService.updateProductPrices(vm.products).then(function (result) {
-                vm.getProducts(tableStateRef);
+                vm.getProducts(vm.tableStateRef);
                 toastr.success('Product prices have been updated');
             })
                 .catch(function (response) {

src/Modules/SimplCommerce.Module.Catalog/wwwroot/admin/product/product-list.html

@@ -26,7 +26,7 @@ <h2>{{::vm.translate.get('Products')}}</h2>
         <tr>
             <th>
                 <div class="form-group">
-                    <input class="form-control" st-search="Name"/>
+                    <input class="form-control" st-search="Name" />
                 </div>
             </th>
             <th>
@@ -63,6 +63,9 @@ <h2>{{::vm.translate.get('Products')}}</h2>
             <th><st-date-range predicate="CreatedOn" before="query.before" after="query.after"></st-date-range></th>
             <th></th>
         </tr>
+        <tr>
+            <th ng-show="!vm.isLoading" colspan="10">{{vm.tableStateRef.pagination.totalItemCount | number:0}} records found</th>
+        </tr>
     </thead>
     <tbody ng-show="!vm.isLoading">
         <tr ng-repeat="product in vm.products">

src/Modules/SimplCommerce.Module.Catalog/wwwroot/admin/product/product-list.js

@@ -6,17 +6,18 @@
 
     /* @ngInject */
     function ProductListCtrl(productService, translateService) {
-        var vm = this,
-            tableStateRef;
+        var vm = this;
+        vm.tableStateRef = {};
         vm.translate = translateService;
         vm.products = [];
 
         vm.getProducts = function getProducts(tableState) {
-            tableStateRef = tableState;
+            vm.tableStateRef = tableState;
             vm.isLoading = true;
             productService.getProducts(tableState).then(function (result) {
                 vm.products = result.data.items;
                 tableState.pagination.numberOfPages = result.data.numberOfPages;
+                tableState.pagination.totalItemCount = result.data.totalRecord;
                 vm.isLoading = false;
             });
         };
@@ -32,7 +33,7 @@
                 if (result) {
                     productService.deleteProduct(product)
                        .then(function (result) {
-                           vm.getProducts(tableStateRef);
+                           vm.getProducts(vm.tableStateRef);
                            toastr.success(product.name + ' has been deleted');
                        })
                         .catch(function (response) {

src/Modules/SimplCommerce.Module.Contacts/wwwroot/admin/contacts/contact-list.html

@@ -35,6 +35,9 @@ <h2>Contacts</h2>
             <th><st-date-range predicate="CreatedOn" before="query.before" after="query.after"></st-date-range></th>
             <th></th>
         </tr>
+        <tr>
+            <th ng-show="!vm.isLoading" colspan="5">{{vm.tableStateRef.pagination.totalItemCount | number:0}} records found</th>
+        </tr>
     </thead>
     <tbody ng-show="!vm.isLoading">
         <tr ng-repeat="contact in vm.contacts">

src/Modules/SimplCommerce.Module.Contacts/wwwroot/admin/contacts/contact-list.js

@@ -6,21 +6,22 @@
 
     /* @ngInject */
     function ContactListCtrl(contactService, contactAreaService, translateService) {
-        var vm = this,
-            tableStateRef;
+        var vm = this;
+        vm.tableStateRef = {};
         vm.translate = translateService;
         vm.contacts = [];
 
         contactAreaService.getContactAreas().then(function (result) {
             vm.contactAreas = result.data;
         });
 
-        vm.getContacts = function getContacts(tableState) {            
-            tableStateRef = tableState;
+        vm.getContacts = function getContacts(tableState) {
+            vm.tableStateRef = tableState;
             vm.isLoading = true;
-            contactService.getContacts(tableState).then(function (result) {               
+            contactService.getContacts(tableState).then(function (result) {
                 vm.contacts = result.data.items
                 tableState.pagination.numberOfPages = result.data.numberOfPages;
+                tableState.pagination.totalItemCount = result.data.totalRecord;
                 vm.isLoading = false;;
             });
         };        
@@ -30,7 +31,7 @@
                 if (result) {
                     contactService.deleteContact(contact)
                        .then(function (result) {
-                           vm.getContacts(tableStateRef);
+                           vm.getContacts(vm.tableStateRef);
                            toastr.success(contact.name + ' has been deleted');
                        })
                        .catch(function (response) {

src/Modules/SimplCommerce.Module.Core/wwwroot/admin/countries/country-list.html

@@ -23,11 +23,14 @@ <h2>{{::vm.translate.get('Countries')}}</h2>
         <tr>
             <th>
                 <div class="form-group">
-                    <input class="form-control" st-search="Name"/>
+                    <input class="form-control" st-search="Name" />
                 </div>
             </th>
             <th></th>
         </tr>
+        <tr>
+            <th ng-show="!vm.isLoading" colspan="7">{{vm.tableStateRef.pagination.totalItemCount | number:0}} records found</th>
+        </tr>
     </thead>
     <tbody ng-show="!vm.isLoading">
         <tr ng-repeat="country in vm.countries">
@@ -55,12 +58,12 @@ <h2>{{::vm.translate.get('Countries')}}</h2>
     </tbody>
     <tbody ng-show="vm.isLoading">
         <tr>
-            <td colspan="4" class="text-center">Loading ... </td>
+            <td colspan="7" class="text-center">Loading ... </td>
         </tr>
     </tbody>
     <tfoot>
         <tr>
-            <td class="text-center" st-pagination="" st-items-by-page="50" st-displayed-pages="10" colspan="4"></td>
+            <td class="text-center" st-pagination="" st-items-by-page="50" st-displayed-pages="10" colspan="7"></td>
         </tr>
     </tfoot>
 </table>

src/Modules/SimplCommerce.Module.Core/wwwroot/admin/countries/country-list.js

@@ -6,17 +6,18 @@
 
     /* @ngInject */
     function CountryListCtrl(countryService, translateService, $state) {
-        var vm = this,
-            tableStateRef;
+        var vm = this;
+        vm.tableStateRef = {};
         vm.countries = [];
         vm.translate = translateService;
 
         vm.getCountries = function getCountries(tableState) {
-            tableStateRef = tableState;
+            vm.tableStateRef = tableState;
             vm.isLoading = true;
             countryService.getCountries(tableState).then(function (result) {
                 vm.countries = result.data.items;
                 tableState.pagination.numberOfPages = result.data.numberOfPages;
+                tableState.pagination.totalItemCount = result.data.totalRecord;
                 vm.isLoading = false;
             });
         };
@@ -36,7 +37,7 @@
                 if (result) {
                     countryService.deleteCountry(country)
                         .then(function (result) {
-                            vm.getCountries(tableStateRef);
+                            vm.getCountries(vm.tableStateRef);
                             toastr.success(country.name + ' has been deleted');
                         })
                         .catch(function (response) {

src/Modules/SimplCommerce.Module.Core/wwwroot/admin/customergroups/customergroup-list.html

@@ -33,6 +33,9 @@ <h2>{{::vm.translate.get('Customer Groups')}}</h2>
             <th><st-date-range predicate="CreatedOn" before="query.before" after="query.after"></st-date-range></th>
             <th></th>
         </tr>
+        <tr>
+            <th ng-show="!vm.isLoading" colspan="5">{{vm.tableStateRef.pagination.totalItemCount | number:0}} records found</th>
+        </tr>
     </thead>
     <tbody ng-show="!vm.isLoading">
         <tr ng-repeat="customergroup in vm.customergroups">

src/Modules/SimplCommerce.Module.Core/wwwroot/admin/customergroups/customergroup-list.js

@@ -6,17 +6,18 @@
 
     /* @ngInject */
     function CustomerGroupListCtrl(customergroupService, translateService) {
-        var vm = this,
-            tableStateRef;
+        var vm = this;
+        vm.tableStateRef = {};
         vm.customergroups = [];
         vm.translate = translateService;
 
         vm.getCustomerGroups = function getCustomerGroups(tableState) {
-            tableStateRef = tableState;
+            vm.tableStateRef = tableState;
             vm.isLoading = true;
             customergroupService.getCustomerGroups(tableState).then(function (result) {
                 vm.customergroups = result.data.items;
                 tableState.pagination.numberOfPages = result.data.numberOfPages;
+                tableState.pagination.totalItemCount = result.data.totalRecord;
                 vm.isLoading = false;
             });
         };
@@ -26,7 +27,7 @@
                 if (result) {
                     customergroupService.deleteCustomerGroup(customergroup)
                         .then(function (result) {
-                            vm.getCustomerGroups(tableStateRef);
+                            vm.getCustomerGroups(vm.tableStateRef);
                             toastr.success(customergroup.name + ' has been deleted');
                         })
                         .catch(function (response) {