search resources changes

Change-Id: I6b1cdb28377405038b6d8815192d7e78c7a68af6
Issue-ID: CCSDK-804
Signed-off-by: sp00501638 <sp00501638@techmahindra.com>

2 files changed, 9 insertions, 8 deletions

diff --git a/cds-ui/client/src/app/feature-modules/resource-definition/resource-creation/existing-model/search-resource/search-resource.component.html b/cds-ui/client/src/app/feature-modules/resource-definition/resource-creation/existing-model/search-resource/search-resource.component.html
index ab696286b..236196b9b 100644
--- a/cds-ui/client/src/app/feature-modules/resource-definition/resource-creation/existing-model/search-resource/search-resource.component.html
+++ b/cds-ui/client/src/app/feature-modules/resource-definition/resource-creation/existing-model/search-resource/search-resource.component.html
@@ -23,7 +23,7 @@
     <input type="text" [(ngModel)]="searchText" placeholder="Search Resources" matInput [matAutocomplete]="auto" formControlName="search_input">
     <button matSuffix mat-icon-button><mat-icon>search</mat-icon></button>
     <mat-autocomplete #auto="matAutocomplete">
-      <mat-option *ngFor="let option of options | search : searchText" [value]="option">
+      <mat-option (click)="selected(option)" *ngFor="let option of options | search : searchText" [value]="option">
         {{option}}
       </mat-option>
     </mat-autocomplete>
diff --git a/cds-ui/client/src/app/feature-modules/resource-definition/resource-creation/existing-model/search-resource/search-resource.component.ts b/cds-ui/client/src/app/feature-modules/resource-definition/resource-creation/existing-model/search-resource/search-resource.component.ts
index 16129b74a..7f2745e63 100644
--- a/cds-ui/client/src/app/feature-modules/resource-definition/resource-creation/existing-model/search-resource/search-resource.component.ts
+++ b/cds-ui/client/src/app/feature-modules/resource-definition/resource-creation/existing-model/search-resource/search-resource.component.ts
@@ -18,7 +18,7 @@
 * ============LICENSE_END=========================================================
 */
 
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewChild, EventEmitter, Output  } from '@angular/core';
 import {FormBuilder, FormGroup, Validators} from '@angular/forms';
 @Component({
   selector: 'app-search-resource',
@@ -27,17 +27,18 @@ import {FormBuilder, FormGroup, Validators} from '@angular/forms';
 })
 export class SearchResourceComponent implements OnInit  {
 
-   myControl: FormGroup;
-
+  myControl: FormGroup;
+  @Output() resourcesData = new EventEmitter();  
+  options: string[] = ['One','One1', 'Two', 'Three'];
   constructor(private _formBuilder: FormBuilder)  { }
   
-  options: string[] = ['One','One1', 'Two', 'Three'];
-    
-    ngOnInit() {
+ ngOnInit() {
     this.myControl = this._formBuilder.group({
       search_input: ['', Validators.required]
     });
   }
-    
+ selected(value){
+   this.resourcesData.emit(value);
+   } 
 }