igniteui-angular-sovn
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
37 lines (35 loc) • 1.71 kB
HTML
<article *ngIf="grid" class="igx-advanced-filter" igxDrag [ghost]="false" [dragTolerance]="0"
(dragStart)="dragStart($event)" (dragMove)="onDragMove($event)" (keydown)="onKeyDown($event)"
[ngClass]="{
'igx-advanced-filter--cosy': grid.displayDensity === 'cosy',
'igx-advanced-filter--compact': grid.displayDensity === 'compact',
'igx-advanced-filter--inline': inline
}">
<igx-query-builder #queryBuilder [locale]="grid.locale"
[fields]="this.filterableFields"
[expressionTree]="this.grid.advancedFilteringExpressionsTree">
<igx-query-builder-header
[title]="grid.resourceStrings.igx_grid_advanced_filter_title"
igxDragHandle>
</igx-query-builder-header>
</igx-query-builder>
<footer class="igx-excel-filter__secondary-footer">
<div class="igx-excel-filter__clear">
<button igxButton="flat" type="button" [displayDensity]="displayDensity"
(click)="onClearButtonClick($event)">
{{ grid.resourceStrings.igx_grid_excel_custom_dialog_clear }}
</button>
</div>
<div class="igx-excel-filter__cancel">
<button igxButton="flat" type="button" [displayDensity]="displayDensity" (click)="cancelChanges()">
{{ grid.resourceStrings.igx_grid_excel_cancel }}
</button>
</div>
<div class="igx-excel-filter__apply">
<button igxButton="raised" type="button" [displayDensity]="displayDensity"
(click)="onApplyButtonClick($event)">
{{ grid.resourceStrings.igx_grid_excel_apply }}
</button>
</div>
</footer>
</article>