<div class="fitler-layer">
    <div class="filter-title">
        {{ 'dashboards.headers.FILTER_COLUMN' | translate }}<br/>
    </div>
    <div ng-if="isFilterSet()" class="filter-message alert alert-success">
        <span class="glyphicon glyphicon-info-sign"></span>
        <span class="filter-title">{{ 'dashboards.headers.APPLIERD_FILTER' | translate }}</span> {{getFilterText(gadget.module)}}
    </div>
    <div class="filter-logic">
        {{filterKey()}}:
        <input type="text"
                filterType="textValue"
                class="filter-input"
                ng-model="filters[filterKey()]"/>
    </div>
    <div ng-click="applyFilter(gadget.module)" class="filter-apply btn btn-primary">
        <span class="glyphicon glyphicon-search"></span> {{ 'dashboards.buttons.APPLY_FILTER' | translate }}
    </div>
    <div ng-click="clearFilter(gadget.module)" class="filter-clear btn btn-danger">
        <span class="glyphicon glyphicon-remove"></span> {{ 'dashboards.buttons.CLEAR_FILTER' | translate }}
    </div>
</div>
