|
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
|
<mat-checkbox [ngClass] = "setClasses()" color="warn" (change)="onToggle()">{{'app-search-box.spell-check' | translate}}</mat-checkbox>
|
|
17
|
</div>
|