Made Clear Table Filters option visible to the user

CHANGELOG.md

@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/).
 
 ## [unreleased]
 ### Added
+- [#7055](https://github.com/apache/trafficcontrol/issues/7055) *Traffic Portal* Made `Clear Table Filters` option visible to the user.
 - [#7024](https://github.com/apache/trafficcontrol/pull/7024) *Traffic Monitor* Added logging for `ipv4Availability` and `ipv6Availability` in TM.
 - [#7063](https://github.com/apache/trafficcontrol/pull/7063) *Traffic Ops* Added API version 5.0 (IN DEVELOPMENT)
 - [#7023](https://github.com/apache/trafficcontrol/pull/7023) *Traffic Ops* Added the `ASN` field in TO Server struct, which provides the ability to query servers by `ASN`.

traffic_portal/app/src/common/modules/table/agGrid/grid.tpl.html

@@ -61,6 +61,7 @@
 				</menu>
 			</div>
 			<button class="btn btn-default" title="Refresh" ng-if="$ctrl.options.refreshable" ng-click="refresh()"><i class="fa fa-refresh"></i></button>
+			<button class="btn btn-default" title="Clear Table Filters" ng-click="$ctrl.clearTableFilters()">Clear <i class="fa fa-filter"></i></button>
 			<div class="btn-group" role="group" uib-dropdown is-open="more.isopen">
 				<button name="moreBtn" type="button" class="btn btn-default dropdown-toggle" uib-dropdown-toggle aria-haspopup="true" aria-expanded="false">
 					More&nbsp;
@@ -72,7 +73,6 @@
 						<a ng-if="dd.type == 2" href="{{ $ctrl.getHref(dd) }}">{{ dd.text }}</a>
 					</li>
 					<li ng-if="$ctrl.dropDownOptions.length > 0" class="divider"></li>
-					<li role="menuitem"><button class="menu-item-button" type="button" ng-click="$ctrl.clearTableFilters()">Clear Table Filters</button></li>
 					<li role="menuitem"><button class="menu-item-button" type="button" ng-click="$ctrl.exportCSV()">Export CSV</button></li>
 				</ul>
 			</div>

traffic_portal/app/src/common/modules/table/deliveryServiceRequests/table.deliveryServiceRequests.tpl.html

@@ -44,13 +44,13 @@
                         </li>
                     </menu>
                 </div>
+                <button class="btn btn-default" title="Clear Table Filters" ng-click="clearTableFilters()">Clear <i class="fa fa-filter"></i></button>
                 <div class="btn-group" role="group" uib-dropdown is-open="more.isopen">
                     <button name="moreBtn" type="button" class="btn btn-default dropdown-toggle" uib-dropdown-toggle aria-haspopup="true" aria-expanded="false">
                         More&nbsp;
                         <span class="caret"></span>
                     </button>
                     <ul class="dropdown-menu-right dropdown-menu" uib-dropdown-menu>
-                        <li role="menuitem"><button class="menu-item-button" type="button" ng-click="clearTableFilters()">Clear Table Filters</button></li>
                         <li role="menuitem"><button class="menu-item-button" type="button" ng-click="exportCSV()">Export CSV</button></li>
                     </ul>
                 </div>