pfToolbar & pfSort: Hide sort dropdown when in Table View

Author: dtaylor113

src/sort/sort-component.js

@@ -10,6 +10,11 @@ angular.module('patternfly.sort').component('pfSort', {
     var prevConfig;
 
     ctrl.$onInit = function () {
+      if (angular.isDefined(ctrl.config) && angular.isUndefined(ctrl.config.show)) {
+        // default to true
+        ctrl.config.show = true;
+      }
+
       angular.extend(ctrl, {
         selectField: selectField,
         changeDirection: changeDirection,

src/toolbars/examples/toolbar.js

@@ -321,13 +321,15 @@
       };
 
       var viewSelected = function(viewId) {
-        $scope.viewType = viewId
+        $scope.viewType = viewId;
+        $scope.sortConfig.show = ($scope.viewType === "tableView" ? false : true);
       };
 
       $scope.viewsConfig = {
         views: [pfViewUtils.getListView(), pfViewUtils.getCardView(), pfViewUtils.getTableView()],
         onViewSelect: viewSelected
       };
+
       $scope.viewsConfig.currentView = $scope.viewsConfig.views[0].id;
       $scope.viewType = $scope.viewsConfig.currentView;
 

src/toolbars/toolbar-component.js

@@ -13,6 +13,11 @@ angular.module('patternfly.toolbars').component('pfToolbar', {
     var prevConfig;
 
     ctrl.$onInit = function () {
+      if (angular.isDefined(ctrl.config.sortConfig) && angular.isUndefined(ctrl.config.sortConfig.show)) {
+        // default to true
+        ctrl.config.sortConfig.show = true;
+      }
+
       angular.extend(ctrl, {
         viewSelected: viewSelected,
         isViewSelected: isViewSelected,

src/toolbars/toolbar.html

@@ -6,7 +6,7 @@
           <pf-filter-fields config="$ctrl.config.filterConfig" ng-if="$ctrl.config.filterConfig" add-filter-fn="$ctrl.addFilter"></pf-filter-fields>
         </div>
         <div class="form-group">
-          <pf-sort config="$ctrl.config.sortConfig" ng-if="$ctrl.config.sortConfig"></pf-sort>
+          <pf-sort config="$ctrl.config.sortConfig" ng-if="$ctrl.config.sortConfig && $ctrl.config.sortConfig.show"></pf-sort>
         </div>
         <div class="form-group toolbar-actions"
              ng-if="$ctrl.config.actionsConfig &&