mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
39 lines
1.8 KiB
HTML
39 lines
1.8 KiB
HTML
<div class="adf-search-container" [attr.state]="subscriptAnimationState.value">
|
|
<div [@transitionMessages]="subscriptAnimationState"
|
|
(@transitionMessages.done)="applySearchFocus($event)">
|
|
<button mat-icon-button
|
|
*ngIf="expandable"
|
|
id="adf-search-button"
|
|
class="adf-search-button"
|
|
[title]="'SEARCH.BUTTON.TOOLTIP' | translate"
|
|
(click)="toggleSearchBar()"
|
|
(keyup.enter)="toggleSearchBar()">
|
|
<mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
|
|
</button>
|
|
<mat-form-field class="adf-input-form-field-divider" [hintLabel]="hintLabel">
|
|
<input matInput
|
|
#searchInput
|
|
[attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
|
|
[attr.type]="inputType"
|
|
[autocomplete]="getAutoComplete()"
|
|
id="adf-control-input"
|
|
[(ngModel)]="searchTerm"
|
|
[placeholder]="placeholder"
|
|
(focus)="activateToolbar()"
|
|
(blur)="onBlur($event)"
|
|
(keyup.escape)="toggleSearchBar()"
|
|
(keyup.arrowdown)="selectFirstResult($event)"
|
|
(ngModelChange)="inputChange($event)"
|
|
[searchAutocomplete]="searchAutocomplete ? searchAutocomplete : null"
|
|
(keyup.enter)="searchSubmit($event)">
|
|
<button mat-icon-button matSuffix
|
|
data-automation-id="adf-clear-search-button"
|
|
class="adf-clear-search-button"
|
|
*ngIf="canShowClearSearch()"
|
|
(mousedown)="resetSearch()">
|
|
<mat-icon>clear</mat-icon>
|
|
</button>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|