pfFilterResults: add 'n of m selected' label

Author: dtaylor113

src/filters/filter-results-component.js

@@ -19,6 +19,8 @@
  * </ul>
  * <li>.appliedFilters - (Array) List of the currently applied filters
  * <li>.resultsCount   - (int) The number of results returned after the current applied filters have been applied
+ * <li>.selectedCount  - (int) The number selected items, The 'n' in the label: 'n' of 'm' selected
+ * <li>.totalCount     - (int) The total number of items before any filters have been applied. The 'm' in the label: 'n' of 'm' selected
  * <li>.onFilterChange - ( function(array of filters) ) Function to call when the applied filters list changes
  * </ul>
  *
@@ -61,6 +63,12 @@ angular.module('patternfly.filters').component('pfFilterResults', {
       if (ctrl.config.resultsCount === undefined) {
         ctrl.config.resultsCount = 0;
       }
+      if (ctrl.config.selectedCount === undefined) {
+        ctrl.config.selectedCount = 0;
+      }
+      if (ctrl.config.totalCount === undefined) {
+        ctrl.config.totalCount = 0;
+      }
     }
 
     function clearFilter (item) {

src/filters/filter-results.html

@@ -12,6 +12,9 @@ <h5>{{$ctrl.config.resultsCount}} Results</h5>
         </li>
       </ul>
       <p><a class="clear-filters" ng-click="$ctrl.clearAllFilters()" ng-if="$ctrl.config.appliedFilters.length > 0">Clear All Filters</a></p>
+      <div ng-if="$ctrl.config.totalCount !== 0" class="pf-table-view-selected-label">
+        <strong>{{$ctrl.config.selectedCount}}</strong> of <strong>{{$ctrl.config.totalCount}}</strong> selected
+      </div>
     </div><!-- /col -->
   </div><!-- /row -->
 </div>