1
|
<div>
|
2
|
<div class="input-group mb-3">
|
3
|
<div class="input-group-prepend">
|
4
|
<span class="input-group-text" id="search-icon">
|
5
|
<mat-icon>search</mat-icon>
|
6
|
</span>
|
7
|
</div>
|
8
|
<input type="text" class="form-control" [(ngModel)]="expression" (keyup.enter) = "onSubmit()" placeholder="{{'app-search-box.placeholder' | translate}}" aria-label="Search" aria-describedby="basic-addon2">
|
9
|
<div class="input-group-append">
|
10
|
<span class="input-group-text clickable" id="clear-icon">
|
11
|
<mat-icon *ngIf="expression" matSuffix aria-label="Clear" (click)="expression=''">clear</mat-icon>
|
12
|
</span>
|
13
|
<button class="btn btn-outline-secondary" type="button" (click)="onSubmit()">{{'app-search-box.search' | translate}}</button>
|
14
|
</div>
|
15
|
</div>
|
16
|
</div>
|