summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/shared/search-with-autocomplete
diff options
context:
space:
mode:
authorTal Gitelman <tg851x@intl.att.com>2017-12-10 18:55:03 +0200
committerTal Gitelman <tg851x@intl.att.com>2017-12-10 19:33:38 +0200
commit51d50f0ef642e0f996a1c8b8d2ef4838bdfec892 (patch)
tree3ac236a864d74d19b0f5c9020891a7a7e5c31b44 /catalog-ui/src/app/ng2/shared/search-with-autocomplete
parentb5cc2e0695f195716d6ccdc65e73807a6632ec70 (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')
-rw-r--r--catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.html6
-rw-r--r--catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.less35
-rw-r--r--catalog-ui/src/app/ng2/shared/search-with-autocomplete/search-with-autocomplete.component.ts30
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 = [];
- }
-}
-