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

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

<ng-container *ngIf="esf.column">
<header>
    {{ esf.grid.resourceStrings.igx_grid_excel_filter_moving_header }}
</header>
<igx-buttongroup [multiSelection]="false">
    <button [displayDensity]="esf.grid.displayDensity"
        igxButton
        [disabled]="canNotMoveLeft"
        (click)="onMoveButtonClicked(0)">
        <igx-icon>arrow_back</igx-icon>
        <span>
            {{ esf.grid.displayDensity==='compact'?
            esf.grid.resourceStrings.igx_grid_excel_filter_moving_left_short:
            esf.grid.resourceStrings.igx_grid_excel_filter_moving_left }}
        </span>
    </button>
    <button [displayDensity]="esf.grid.displayDensity"
        igxButton
        [disabled]="canNotMoveRight"
        (click)="onMoveButtonClicked(1)">
        <span>
            {{ esf.grid.displayDensity==='compact'?
            esf.grid.resourceStrings.igx_grid_excel_filter_moving_right_short:
            esf.grid.resourceStrings.igx_grid_excel_filter_moving_right }}
        </span>
        <igx-icon>arrow_forwards</igx-icon>
    </button>
</igx-buttongroup>
</ng-container>