fix(search): emit activate and deactivate events (#1162)

Emit search activate and deactivate events when search opened from `NbSearchComponent`.
akveo · Jan 16, 2019 · 67c5718 · 67c5718
1 parent e1503cc
commit 67c5718
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/framework/theme/components/search/search.component.ts b/src/framework/theme/components/search/search.component.ts
@@ -203,7 +203,7 @@ export class NbSearchFieldComponent implements OnChanges, AfterViewInit {
   changeDetection: ChangeDetectionStrategy.OnPush,
   styleUrls: ['styles/search.component.scss'],
   template: `
-    <button #searchButton class="start-search" (click)="openSearch()">
+    <button #searchButton class="start-search" (click)="emitActivate()">
       <i class="nb-search"></i>
     </button>
     <nb-search-field
@@ -213,7 +213,7 @@ export class NbSearchFieldComponent implements OnChanges, AfterViewInit {
       [placeholder]="placeholder"
       [hint]="hint"
       (search)="search($event)"
-      (close)="hideSearch()">
+      (close)="emitDeactivate()">
     </nb-search-field>
   `,
 })
@@ -320,6 +320,14 @@ export class NbSearchComponent implements OnInit, OnDestroy {
     this.hideSearch();
   }
 
+  emitActivate() {
+    this.searchService.activateSearch(this.type, this.tag);
+  }
+
+  emitDeactivate() {
+    this.searchService.deactivateSearch(this.type, this.tag);
+  }
+
   private removeLayoutClasses() {
     this.themeService.removeLayoutClass('with-search');
     observableOf(null).pipe(delay(500)).subscribe(() => {