diff options
author | Israel Lavi <il0695@att.com> | 2018-08-07 10:54:17 +0300 |
---|---|---|
committer | Israel Lavi <il0695@att.com> | 2018-08-07 11:06:44 +0300 |
commit | b2a3acea0d0f66028c9ce5fad02d4ecc64abf70c (patch) | |
tree | 8d70110f34cb845965c42a5915e950bca967d2c3 /src/angular/searchbar | |
parent | 05b37297177e8a342668c15e5d6f738b51f7aedd (diff) |
Initial commit.
Adding files needed for Linux Foundation.
Change-Id: I9f2b4851a5ae01f83800c7f8bab8608a2221c730
Issue-ID: SDC-1608
Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'src/angular/searchbar')
-rw-r--r-- | src/angular/searchbar/search-bar.component.html.ts | 2 | ||||
-rw-r--r-- | src/angular/searchbar/search-bar.component.ts | 11 |
2 files changed, 9 insertions, 4 deletions
diff --git a/src/angular/searchbar/search-bar.component.html.ts b/src/angular/searchbar/search-bar.component.html.ts index 79153f4..5d10a87 100644 --- a/src/angular/searchbar/search-bar.component.html.ts +++ b/src/angular/searchbar/search-bar.component.html.ts @@ -1,4 +1,4 @@ -export default ` +export const template = ` <div class="search-bar-container" [ngClass]="{'not-empty': searchQuery}"> <sdc-input class="sdc-input-wrapper" [label]="label" diff --git a/src/angular/searchbar/search-bar.component.ts b/src/angular/searchbar/search-bar.component.ts index 7f508d7..42dfaeb 100644 --- a/src/angular/searchbar/search-bar.component.ts +++ b/src/angular/searchbar/search-bar.component.ts @@ -1,5 +1,5 @@ import { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core'; -import template from "./search-bar.component.html"; +import { template } from "./search-bar.component.html"; @Component({ selector: 'sdc-search-bar', @@ -11,9 +11,14 @@ export class SearchBarComponent { @Input() public placeholder: string; @Input() public label: string; @Input() public searchQuery: string; + @Input() public debounceTime: number; @Output() public searchQueryClick: EventEmitter<string> = new EventEmitter<string>(); - private searchButtonClick = (): void => { - this.searchQueryClick.emit(this.searchQuery); + // constructor() { + // this.debounceTime = 200; + // } + + public searchButtonClick = (): void => { + this.searchQueryClick.emit(this.searchQuery); } } |