summaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/pages/composition/graph/canvas-search/canvas-search.component.ts
blob: c1a45a9a4b1594019bf8c0bdbbdc637b1972cc77 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import {Component, EventEmitter, Input, Output} from '@angular/core';
import {AutoCompleteComponent} from "onap-ui-angular/dist/autocomplete/autocomplete.component";

@Component({
    selector: 'canvas-search',
    templateUrl: './canvas-search.component.html',
    styleUrls: ['./canvas-search.component.less']
})
export class CanvasSearchComponent extends AutoCompleteComponent {

    @Output() public searchButtonClicked: EventEmitter<string> = new EventEmitter<string>();
    @Output() public onSelectedItem: EventEmitter<string> = new EventEmitter<string>();

    public onSearchClicked = (searchText:string)=> {
        this.searchButtonClicked.emit(searchText);
    }

    public onItemSelected = (selectedItem) => {
        this.searchQuery = selectedItem.value;
        this.autoCompleteResults = [];
        this.searchButtonClicked.emit(this.searchQuery);
        this.onSelectedItem.emit(selectedItem);
    }

}