igniteui-angular-sovn/src/lib/grids/filtering/excel-style/excel-style-filtering.component.html

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

<ng-template #defaultExcelColumnOperations>
    <igx-excel-style-header
        [showHiding]="displayDensity !== 'comfortable' && !column?.disableHiding"
        [showPinning]="displayDensity !== 'comfortable' && !column?.disablePinning"
        [showSelecting]="displayDensity !== 'comfortable' && columnSelectable()"
    >
    </igx-excel-style-header>

    <igx-excel-style-sorting *ngIf="column?.sortable">
    </igx-excel-style-sorting>

    <igx-excel-style-moving *ngIf="grid?.moving">
    </igx-excel-style-moving>

    <igx-excel-style-pinning *ngIf="!column?.disablePinning && displayDensity==='comfortable'">
    </igx-excel-style-pinning>

    <igx-excel-style-hiding *ngIf="!column?.disableHiding && displayDensity==='comfortable'">
    </igx-excel-style-hiding>

    <igx-excel-style-selecting *ngIf="columnSelectable() && displayDensity==='comfortable'">
    </igx-excel-style-selecting>
</ng-template>

<ng-template #defaultExcelFilterOperations>
    <igx-excel-style-clear-filters>
    </igx-excel-style-clear-filters>

    <igx-excel-style-conditional-filter>
    </igx-excel-style-conditional-filter>

    <igx-excel-style-search>
    </igx-excel-style-search>
</ng-template>

<article #mainDropdown
    class="igx-excel-filter__menu"
    [ngClass]="{
        'igx-excel-filter__menu--cosy': displayDensity === 'cosy',
        'igx-excel-filter__menu--compact': displayDensity === 'compact'
    }"
    [id]="overlayComponentId"
    (keydown)="onKeyDown($event)"
    [style.min-height]="minHeight"
    [style.max-height]="maxHeight"
    role="menu">

    <ng-container *ngIf="this.excelColumnOperationsDirective; else defaultExcelColumnOperations">
        <ng-content select="igx-excel-style-column-operations,[igxExcelStyleColumnOperations]">
        </ng-content>
    </ng-container>

    <ng-container *ngIf="this.excelFilterOperationsDirective; else defaultExcelFilterOperations">
        <ng-content select="igx-excel-style-filter-operations,[igxExcelStyleFilterOperations]">
        </ng-content>
    </ng-container>
</article>