mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
2fc9b63f5c
* [ADF-1328] removed mdl from adf search * [ADF-11328] removed mdl from search added theme style * Fix failing tests * Fix the last bit of stylings
47 lines
1.8 KiB
HTML
47 lines
1.8 KiB
HTML
<form #f="ngForm" (ngSubmit)="onSearch(f.value)" class="adf-search-form">
|
|
<div class="adf-search-container"
|
|
[@transitionMessages]="_subscriptAnimationState">
|
|
<button md-button
|
|
(click)="onClickSearch()"
|
|
*ngIf="expandable"
|
|
class="adf-search-button">
|
|
<md-icon aria-label="search button">search</md-icon>
|
|
</button>
|
|
<div class="search-field">
|
|
<md-input-container>
|
|
<input
|
|
mdInput
|
|
[type]="inputType"
|
|
[autocomplete]="getAutoComplete()"
|
|
data-automation-id="search_input"
|
|
#searchInput
|
|
id="searchControl"
|
|
[formControl]="searchControl"
|
|
[(ngModel)]="searchTerm"
|
|
(focus)="onFocus($event)"
|
|
(blur)="onBlur($event)"
|
|
(keyup.escape)="onEscape()"
|
|
(keyup.arrowdown)="onArrowDown()"
|
|
aria-labelledby="searchLabel">
|
|
<!--label id="searchLabel" for="searchControl">{{'SEARCH.CONTROL.LABEL' | translate}}</label-->
|
|
</md-input-container>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<adf-search-autocomplete
|
|
#autocomplete
|
|
*ngIf="liveSearchEnabled"
|
|
[searchTerm]="liveSearchTerm"
|
|
[rootNodeId]="liveSearchRoot"
|
|
[resultType]="liveSearchResultType"
|
|
[resultSort]="liveSearchResultSort"
|
|
[maxResults]="liveSearchMaxResults"
|
|
[highlight]="highlight"
|
|
[class.adf-active-search]="searchActive"
|
|
[class.adf-valid-search]="searchValid"
|
|
(fileSelect)="onFileClicked($event)"
|
|
(searchFocus)="onAutoCompleteFocus($event)"
|
|
(scrollBack)="onAutoCompleteReturn($event)"
|
|
(cancel)="onAutoCompleteCancel($event)">
|
|
</adf-search-autocomplete>
|