diff options
| author |   Israel Lavi <israel.lavi@intl.att.com> | 2018-05-21 17:42:00 +0300 |
|---|---|---|
| committer |   Israel Lavi <il0695@att.com> | 2018-05-21 17:52:01 +0300 |
| commit | 1994c98063c27a41797dec01f2ca9fcbe33ceab0 (patch) | |
| tree | f30beeaf15a8358f6da78fdd74bcbda74bd334f8 /src/angular/autocomplete/autocomplete.component.html.ts | |
| parent | 4749f4631426fcbe29ed98cef8f24cab18b501d0 (diff) | |
init commit onap ui
Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'src/angular/autocomplete/autocomplete.component.html.ts')
| -rw-r--r-- | src/angular/autocomplete/autocomplete.component.html.ts | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/src/angular/autocomplete/autocomplete.component.html.ts b/src/angular/autocomplete/autocomplete.component.html.ts new file mode 100644 index 0000000..5df7352 --- /dev/null +++ b/src/angular/autocomplete/autocomplete.component.html.ts @@ -0,0 +1,14 @@ +export default ` +<div class="sdc-autocomplete-container" [ngClass]="{'results-shown': autoCompleteResults.length}"> + <sdc-filter-bar + [placeholder]="placeholder" + [label]="label" + [searchQuery]="searchQuery" + (searchQueryChange)="onSearchQueryChanged($event)"> + </sdc-filter-bar> + <ul class="autocomplete-results" [@displayResultsAnimation]="autoCompleteResults.length ?'true':'false'"> + <li *ngFor="let item of autoCompleteResults" + (click)="onItemSelected(item)">{{item.value}}</li> + </ul> +</div> +`; |