igniteui-angular-sovn
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
46 lines (43 loc) • 1.82 kB
HTML
<ng-container *ngIf="esf.column">
<div tabindex="0"
class="igx-excel-filter__actions-filter"
(keydown)="onTextFilterKeyDown($event)"
(click)="onTextFilterClick($event)"
[igxDropDownItemNavigation]="subMenu"
role="menuitem"
aria-haspopup="true">
<span>{{ subMenuText }}</span>
<igx-icon>keyboard_arrow_right</igx-icon>
</div>
<igx-drop-down
#subMenu
[maxHeight]="'397px'"
[displayDensity]="esf.grid.displayDensity"
(selectionChanging)="onSubMenuSelection($event)"
(closed)="onSubMenuClosed()"
[allowItemsFocus]="true">
<div>
<igx-drop-down-item
*ngFor="let condition of conditions"
[value]="condition">
<div class="igx-grid__filtering-dropdown-items">
<igx-icon family="imx-icons" [name]="getCondition(condition).iconName"></igx-icon>
<span class="igx-grid__filtering-dropdown-text">{{ translateCondition(condition) }}</span>
</div>
</igx-drop-down-item>
<igx-drop-down-item *ngIf="showCustomFilterItem()">
<div class="igx-grid__filtering-dropdown-items">
<igx-icon>filter_list</igx-icon>
<span class="igx-grid__filtering-dropdown-text">{{ esf.grid.resourceStrings.igx_grid_excel_custom_filter }}</span>
</div>
</igx-drop-down-item>
</div>
</igx-drop-down>
<igx-excel-style-custom-dialog
#customDialog
[column]="esf.column"
[filteringService]="esf.grid.filteringService"
[overlayComponentId]="esf.overlayComponentId"
[displayDensity]="esf.grid.displayDensity">
</igx-excel-style-custom-dialog>
</ng-container>