[Discover] Replace font-awesome data table filter in/out icons with EUI (#79622)
This commit is contained in:
parent
019e2ad9a5
commit
603adab5e7
|
@ -109,7 +109,7 @@ export function createTableRowDirective($compile: ng.ICompileService) {
|
||||||
});
|
});
|
||||||
|
|
||||||
$scope.inlineFilter = function inlineFilter($event: any, type: string) {
|
$scope.inlineFilter = function inlineFilter($event: any, type: string) {
|
||||||
const column = $($event.target).data().column;
|
const column = $($event.currentTarget).data().column;
|
||||||
const field = $scope.indexPattern.fields.getByName(column);
|
const field = $scope.indexPattern.fields.getByName(column);
|
||||||
$scope.filter(field, $scope.flattenedRow[column], type);
|
$scope.filter(field, $scope.flattenedRow[column], type);
|
||||||
};
|
};
|
||||||
|
|
|
@ -14,24 +14,24 @@ if (timefield) {
|
||||||
<% if (filterable) { %>
|
<% if (filterable) { %>
|
||||||
<button
|
<button
|
||||||
ng-click="inlineFilter($event, '+')"
|
ng-click="inlineFilter($event, '+')"
|
||||||
class="fa fa-search-plus kbnDocTableRowFilterButton"
|
class="kbnDocTableRowFilterButton"
|
||||||
data-column="<%- column %>"
|
data-column="<%- column %>"
|
||||||
tooltip-append-to-body="1"
|
tooltip-append-to-body="1"
|
||||||
data-test-subj="docTableCellFilter"
|
data-test-subj="docTableCellFilter"
|
||||||
tooltip="{{ ::'discover.docTable.tableRow.filterForValueButtonTooltip' | i18n: {defaultMessage: 'Filter for value'} }}"
|
tooltip="{{ ::'discover.docTable.tableRow.filterForValueButtonTooltip' | i18n: {defaultMessage: 'Filter for value'} }}"
|
||||||
tooltip-placement="bottom"
|
tooltip-placement="bottom"
|
||||||
aria-label="{{ ::'discover.docTable.tableRow.filterForValueButtonAriaLabel' | i18n: {defaultMessage: 'Filter for value'} }}"
|
aria-label="{{ ::'discover.docTable.tableRow.filterForValueButtonAriaLabel' | i18n: {defaultMessage: 'Filter for value'} }}"
|
||||||
></button>
|
><icon type="'plusInCircle'" size="'s'" color="'primary'"></icon></button>
|
||||||
<button
|
<button
|
||||||
ng-click="inlineFilter($event, '-')"
|
ng-click="inlineFilter($event, '-')"
|
||||||
class="fa fa-search-minus kbnDocTableRowFilterButton"
|
class="kbnDocTableRowFilterButton"
|
||||||
data-column="<%- column %>"
|
data-column="<%- column %>"
|
||||||
data-test-subj="docTableCellFilterNegate"
|
data-test-subj="docTableCellFilterNegate"
|
||||||
tooltip="{{ ::'discover.docTable.tableRow.filterOutValueButtonTooltip' | i18n: {defaultMessage: 'Filter out value'} }}"
|
tooltip="{{ ::'discover.docTable.tableRow.filterOutValueButtonTooltip' | i18n: {defaultMessage: 'Filter out value'} }}"
|
||||||
aria-label="{{ ::'discover.docTable.tableRow.filterOutValueButtonAriaLabel' | i18n: {defaultMessage: 'Filter out value'} }}"
|
aria-label="{{ ::'discover.docTable.tableRow.filterOutValueButtonAriaLabel' | i18n: {defaultMessage: 'Filter out value'} }}"
|
||||||
tooltip-append-to-body="1"
|
tooltip-append-to-body="1"
|
||||||
tooltip-placement="bottom"
|
tooltip-placement="bottom"
|
||||||
></button>
|
><icon type="'minusInCircle'" size="'s'" color="'primary'"></icon></button>
|
||||||
<% } %>
|
<% } %>
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
|
|
Loading…
Reference in a new issue