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-5460] Add placeholder to SearchTextInputComponent (#7208)

Browse Source
This commit is contained in:
Thomas Hunter
2021-08-16 11:34:44 +01:00
committed by GitHub
parent d89957a4ec
commit 6dae24d424
3 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/core/components/search-text-input.component.md
View File

@@ -40,6 +40,7 @@ Displays a input text that supports autocompletion
| searchTerm | `string` | "" | Search term preselected. | | searchTerm | `string` | "" | Search term preselected. |
| collapseOnBlur | `boolean` | "true" | Toggles whether to collapse the search on blur. | | collapseOnBlur | `boolean` | "true" | Toggles whether to collapse the search on blur. |
| showClearButton | `boolean` | "false" | Toggles whether to show a clear button that closes the search. | | showClearButton | `boolean` | "false" | Toggles whether to show a clear button that closes the search. |
| placeholder | `string` | "" | Placeholder text to show in the input field |
### Events ### Events

1
lib/core/search-text/search-text-input.component.html
View File

@@ -18,6 +18,7 @@
[autocomplete]="getAutoComplete()" [autocomplete]="getAutoComplete()"
id="adf-control-input" id="adf-control-input"
[(ngModel)]="searchTerm" [(ngModel)]="searchTerm"
[placeholder]="placeholder"
(focus)="activateToolbar()" (focus)="activateToolbar()"
(blur)="onBlur($event)" (blur)="onBlur($event)"
(keyup.escape)="toggleSearchBar()" (keyup.escape)="toggleSearchBar()"

6
lib/core/search-text/search-text-input.component.ts
View File

@@ -73,7 +73,7 @@ export class SearchTextInputComponent implements OnInit, OnDestroy {
collapseOnSubmit: boolean = true; collapseOnSubmit: boolean = true;
/** Default state expanded or Collapsed. */ /** Default state expanded or Collapsed. */
@Input() @Input()
defaultState: SearchTextStateEnum = SearchTextStateEnum.collapsed; defaultState: SearchTextStateEnum = SearchTextStateEnum.collapsed;
/** Toggles whether to collapse the search on blur. */ /** Toggles whether to collapse the search on blur. */
@@ -84,6 +84,10 @@ export class SearchTextInputComponent implements OnInit, OnDestroy {
@Input() @Input()
showClearButton: boolean = false; showClearButton: boolean = false;
/** Placeholder text to show in the input field */
@Input()
placeholder: string = '';
/** Emitted when the search term is changed. The search term is provided /** Emitted when the search term is changed. The search term is provided
* in the 'value' property of the returned object. If the term is less * in the 'value' property of the returned object. If the term is less
* than three characters in length then it is truncated to an empty * than three characters in length then it is truncated to an empty