From b8df8bcec4f9afcd6cffe56e7ab9cae4a8cf4b42 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 14 Jul 2017 17:07:11 -0400
Subject: [PATCH] added search field that accepts input

---
 app/src/pages/blocksPage/blocksPage.html    | 3 +++
 app/src/pages/blocksPage/blocksPage.spec.ts | 6 ++++++
 app/src/pages/blocksPage/blocksPage.ts      | 4 ++++
 3 files changed, 13 insertions(+)

diff --git a/app/src/pages/blocksPage/blocksPage.html b/app/src/pages/blocksPage/blocksPage.html
index 1449175..953eded 100644
--- a/app/src/pages/blocksPage/blocksPage.html
+++ b/app/src/pages/blocksPage/blocksPage.html
@@ -14,6 +14,9 @@
 
 <ion-content padding>
   <ion-list>
+    <ion-row>
+      <ion-searchbar (ionInput)="search($event)" placeholder="{{ 'Search for block, transaction or address' }}"></ion-searchbar>
+    </ion-row>
     <ion-item>
       <ion-row>
         <ion-col>Height</ion-col>
diff --git a/app/src/pages/blocksPage/blocksPage.spec.ts b/app/src/pages/blocksPage/blocksPage.spec.ts
index 8cc55b0..27921e3 100644
--- a/app/src/pages/blocksPage/blocksPage.spec.ts
+++ b/app/src/pages/blocksPage/blocksPage.spec.ts
@@ -20,4 +20,10 @@ describe('Blocks', () => {
   it('initializes', () => {
     expect(instance).toBeTruthy();
   });
+
+  it('has a search method', () => {
+    spyOn(instance, 'search');
+    instance.search();
+    expect(instance.search).toHaveBeenCalled();
+  });
 });
diff --git a/app/src/pages/blocksPage/blocksPage.ts b/app/src/pages/blocksPage/blocksPage.ts
index c7e83c6..a96aecd 100644
--- a/app/src/pages/blocksPage/blocksPage.ts
+++ b/app/src/pages/blocksPage/blocksPage.ts
@@ -22,4 +22,8 @@ export class BlocksPage {
     // });
     blocksService.getLatestBlocks();
   }
+
+  public search(event) {
+    console.log(event.target.value);
+  }
 }