diff options
author | Tal Gitelman <tg851x@intl.att.com> | 2017-12-10 18:55:03 +0200 |
---|---|---|
committer | Tal Gitelman <tg851x@intl.att.com> | 2017-12-10 19:33:38 +0200 |
commit | 51d50f0ef642e0f996a1c8b8d2ef4838bdfec892 (patch) | |
tree | 3ac236a864d74d19b0f5c9020891a7a7e5c31b44 /catalog-ui/src/app/ng2/shared/search-with-autocomplete | |
parent | b5cc2e0695f195716d6ccdc65e73807a6632ec70 (diff) |
Final commit to master merge from
Change-Id: Ib464f9a8828437c86fe6def8af238aaf83473507
Issue-ID: SDC-714
Signed-off-by: Tal Gitelman <tg851x@intl.att.com>
Diffstat (limited to 'catalog-ui/src/app/ng2/shared/search-with-autocomplete')
3 files changed, 0 insertions, 71 deletions
diff --git a/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.html b/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.html deleted file mode 100644 index c9769ba5ae..0000000000 --- a/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.html +++ /dev/null @@ -1,6 +0,0 @@ -<div class="search-with-autocomplete-container {{searchBarClass}}" [class.autocomplete-visible]="autoCompleteValues && autoCompleteValues.length" [class.active]="searchQuery && searchQuery.length"> - <search-bar [placeholder]="searchPlaceholder" [searchQuery]="searchQuery" (searchButtonClicked)="updateSearch($event)" (searchChanged)="searchChange($event)"></search-bar> - <div class="autocomplete-results"> - <div *ngFor="let item of autoCompleteValues" class="autocomplete-result-item" (click)="updateSearch(item)">{{item}}</div> - </div> -</div>
\ No newline at end of file diff --git a/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.less b/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.less deleted file mode 100644 index 92b054cd85..0000000000 --- a/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.less +++ /dev/null @@ -1,35 +0,0 @@ - -.search-with-autocomplete-container{ - &.autocomplete-visible { - - .search-bar-input { - border-bottom-left-radius: 0; - } - .search-bar-button { - border-bottom-right-radius: 0; - } - .autocomplete-results { - border: solid 1px #d2d2d2; - border-top:none; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - background-color: #fff; - padding: 10px 20px; - width:100%; - position:absolute; - max-height: 200px; - overflow-y: scroll; - } - - .autocomplete-result-item { - color:#5a5a5a; - padding: 5px 0; - cursor:pointer; - - &:hover { - color: #999; - } - } - } -} - diff --git a/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.ts b/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.ts deleted file mode 100644 index ced056d1fc..0000000000 --- a/catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.ts +++ /dev/null @@ -1,30 +0,0 @@ -import { Component, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core'; -import { SearchBarComponent } from '../search-bar/search-bar.component'; - -@Component({ - selector: 'search-with-autocomplete', - templateUrl: './search-with-autocomplete.component.html', - styleUrls: ['./search-with-autocomplete.component.less'], - encapsulation: ViewEncapsulation.None -}) -export class SearchWithAutoCompleteComponent { - - @Input() searchPlaceholder: string; - @Input() searchBarClass: string; - @Input() searchQuery: string; - @Input() autoCompleteValues: Array<string>; - @Output() searchChanged: EventEmitter<any> = new EventEmitter<any>(); - @Output() searchButtonClicked: EventEmitter<string> = new EventEmitter<string>(); - - searchChange = (searchTerm: string) => { - this.searchQuery = searchTerm; - this.searchChanged.emit(searchTerm); - } - - updateSearch = (searchTerm: string) => { - this.searchQuery = searchTerm; - this.searchButtonClicked.emit(searchTerm); - this.autoCompleteValues = []; - } -} - |