catalog-ui/src/app/ng2/pages/composition/graph/canvas-search/canvas-search.component.ts

   1 import {Component, EventEmitter, Input, Output} from '@angular/core';
   2 import {AutoCompleteComponent} from "onap-ui-angular/dist/autocomplete/autocomplete.component";
   3
   4 @Component({
   5     selector: 'canvas-search',
   6     templateUrl: './canvas-search.component.html',
   7     styleUrls: ['./canvas-search.component.less']
   8 })
   9 export class CanvasSearchComponent extends AutoCompleteComponent {
  10
  11     @Output() public searchButtonClicked: EventEmitter<string> = new EventEmitter<string>();
  12     @Output() public onSelectedItem: EventEmitter<string> = new EventEmitter<string>();
  13
  14     public onSearchClicked = (searchText:string)=> {
  15         this.searchButtonClicked.emit(searchText);
  16     }
  17
  18     public onItemSelected = (selectedItem) => {
  19         this.searchQuery = selectedItem.value;
  20         this.autoCompleteResults = [];
  21         this.searchButtonClicked.emit(this.searchQuery);
  22         this.onSelectedItem.emit(selectedItem);
  23     }
  24
  25 }