inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1238] Removed mdl from alfresco search component (#2309)

Browse Source 
* [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
This commit is contained in:
Vito
2017-09-11 03:42:01 -07:00
committed by Denys Vuika
parent 1cf2db48ac
commit 2fc9b63f5c
23 changed files with 2544 additions and 2118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
ng2-components/ng2-alfresco-search/src/components/search-control.component.html
View File

@@ -1,25 +1,30 @@
<form #f="ngForm" (ngSubmit)="onSearch(f.value)">
<div [class]="getTextFieldClassName()">
<label *ngIf="expandable" class="mdl-button mdl-js-button mdl-button--icon" for="searchControl">
<i mdl-upgrade class="material-icons">search</i>
</label>
<div [class]="getTextFieldHolderClassName()">
<input
mdl
class="mdl-textfield__input"
[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" class="mdl-textfield__label" for="searchControl">{{'SEARCH.CONTROL.LABEL' | translate}}</label>
<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>
@@ -32,7 +37,8 @@
[resultSort]="liveSearchResultSort"
[maxResults]="liveSearchMaxResults"
[highlight]="highlight"
[ngClass]="{active: searchActive, valid: searchValid}"
[class.adf-active-search]="searchActive"
[class.adf-valid-search]="searchValid"
(fileSelect)="onFileClicked($event)"
(searchFocus)="onAutoCompleteFocus($event)"
(scrollBack)="onAutoCompleteReturn($event)"