    <div style="display: flex;align-items: center;">
        <a class="add" left-click-menu data-target="filterSearch{{blade.id}}" style="margin: 0 20px 0 0;">{{ filter.current ? filter.current.name : 'catalog.blades.categories-items-list.placeholders.select-filter' | translate }} <i class="form-ico fa fa-caret-down"></i></a>
        <ul class="menu __context" role="menu" id="filterSearch{{blade.id}}" style="width: 170px;">
            <li ng-repeat="x in $localStorage.catalogSearchFilters" class="splited-element menu-item">
                <i class="menu-ico fas fa-plus" ng-if="!x.id"></i> <span ng-click='filter.current=x;filter.change();' ng-bind-html="x.name | translate"></span>
                <i class="fa fa-pencil right-alignment" ng-click='filter.edit($event, x)' ng-if="x.id"></i>
            </li>
        </ul>
        <div class="form-input" style="flex-grow: 1;">
            <input ng-model="filter.keyword" ng-keyup="$event.which === 13 && filter.filterByKeyword()" placeholder="{{'platform.placeholders.search-keyword' | translate}}" style="padding-right: 25px; text-overflow: ellipsis;">
            <button class="btn __other" style="position: relative;right: 35px;" ng-click="filter.current=null;filter.change()">
                <i class="btn-ico fa fa-remove" title="Clear"></i>
            </button>
        </div>
    </div>
