mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-07-24 17:31:52 +00:00
30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<div class="app-search-container">
|
|
<button
|
|
mat-icon-button
|
|
id="app-search-button"
|
|
class="app-search-button"
|
|
(click)="searchSubmit(searchTerm)"
|
|
[title]="'SEARCH.BUTTON.TOOLTIP' | translate"
|
|
>
|
|
<mat-icon class="app-search-input-control-icon app-search-button-icon" [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
|
|
</button>
|
|
<mat-form-field class="app-input-form-field" [floatLabel]="'auto'">
|
|
<input
|
|
matInput
|
|
#searchInput
|
|
[attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
|
|
[type]="inputType"
|
|
id="app-control-input"
|
|
[(ngModel)]="searchTerm"
|
|
(ngModelChange)="inputChange($event)"
|
|
(keyup.enter)="searchSubmit($event)"
|
|
class="app-input-form-field-input"
|
|
[placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate"
|
|
autocomplete="off"
|
|
/>
|
|
<div matSuffix class="app-suffix-search-icon-wrapper">
|
|
<mat-icon *ngIf="searchTerm.length" (click)="clear()" class="app-search-input-control-icon app-clear-icon">clear</mat-icon>
|
|
</div>
|
|
</mat-form-field>
|
|
</div>
|