-<span>
- <my-global-icon iconName="search" aria-label="Search" role="button" (click)="showInput()"></my-global-icon>
+<div class="root">
+ <div class="input-group has-feedback has-clear">
+ <input
+ #ref
+ type="text"
+ [(ngModel)]="value"
+ (keyup.enter)="sendSearch()"
+ [hidden]="!inputShown"
+ [name]="name"
+ [placeholder]="placeholder"
+ >
- <input
- #ref
- type="text"
- [(ngModel)]="value"
- (focusout)="focusLost()"
- (keyup.enter)="searchChange()"
- [hidden]="!shown"
- [name]="name"
- [placeholder]="placeholder"
- >
-</span>
+ <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="onResetFilter()"></a>
+ <span class="sr-only" i18n>Clear filters</span>
+ </div>
+
+ <my-global-icon iconName="search" aria-label="Search" role="button" (click)="onIconClick()" [title]="iconTitle"></my-global-icon>
+
+ <my-global-icon *ngIf="!alwaysShow && inputShown" i18n-title title="Close search" iconName="cross" (click)="hideInput()"></my-global-icon>
+</div>