Merge pull request #714 from jcaianirh/issue-693

chore(pfToolbar): updated ngdoc with 'no filter results' empty state instead of 'No Items Available'

Author: dtaylor113

src/toolbars/examples/toolbar.js

@@ -84,7 +84,7 @@
         <pf-list-view config="listConfig"
                       page-config="pageConfig"
                       items="items"
-                      empty-state-config="emptyStateConfig">
+                      empty-state-config="items.length === 0 && filterConfig.appliedFilters.length > 0 ? noItemsConfig : emptyStateConfig">
           <div class="list-view-pf-description">
             <div class="list-group-item-heading">
               {{item.name}}
@@ -107,7 +107,7 @@
         <pf-card-view config="listConfig"
                       page-config="pageConfig"
                       items="items"
-                      empty-state-config="emptyStateConfig">
+                      empty-state-config="items.length === 0 && filterConfig.appliedFilters.length > 0 ? noItemsConfig : emptyStateConfig">
           <div class="col-md-12">
             <span>{{item.name}}</span>
           </div>
@@ -124,7 +124,7 @@
                        page-config="pageConfig"
                        columns="columns"
                        items="items"
-                       empty-state-config="emptyStateConfig">
+                       empty-state-config="items.length === 0 && filterConfig.appliedFilters.length > 0 ? noItemsConfig : emptyStateConfig">
         </pf-table-view>
       </div>
       <hr class="col-md-12">
@@ -287,6 +287,11 @@
         }
       };
 
+      var clearFilters = function() {
+        filterChange([]);
+        $scope.filterConfig.appliedFilters = [];
+      };
+
       var filterChange = function (filters) {
         $scope.filtersText = "";
         filters.forEach(function (filter) {
@@ -488,6 +493,15 @@
         }
       };
 
+      $scope.noItemsConfig = {
+        title: 'No Results Match the Filter Criteria',
+        info: 'The active filters are hiding all items.',
+        helpLink: {
+          urlLabel: 'Clear All Filters',
+          urlAction: clearFilters
+        }
+      };
+
       $scope.tableConfig = {
         onCheckBoxChange: handleCheckBoxChange,
         selectionMatchProp: "name",