From 8f27d671f3385ff952f923bb80e3826f9229ad4a Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Tue, 11 Jul 2017 15:29:13 -0400
Subject: [PATCH 1/4] Added headers to blocks page

---
 app/src/pages/blocksPage/blocksPage.html | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/src/pages/blocksPage/blocksPage.html b/app/src/pages/blocksPage/blocksPage.html
index faf5819..1449175 100644
--- a/app/src/pages/blocksPage/blocksPage.html
+++ b/app/src/pages/blocksPage/blocksPage.html
@@ -14,6 +14,13 @@
 
 <ion-content padding>
   <ion-list>
+    <ion-item>
+      <ion-row>
+        <ion-col>Height</ion-col>
+        <ion-col>Transactions</ion-col>
+        <ion-col>Mined By</ion-col>
+      </ion-row>
+    </ion-item>
     <ion-item *ngFor="let block of blocks | async">
       <ion-row>
         <ion-col>

From e9881777b2f6c5f1369286cbe3af75917628f584 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Tue, 11 Jul 2017 16:01:44 -0400
Subject: [PATCH 2/4] Added fields to verify message page

---
 .../verifyMessagePage/verifyMessagePage.html  | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/app/src/pages/verifyMessagePage/verifyMessagePage.html b/app/src/pages/verifyMessagePage/verifyMessagePage.html
index f84a884..cb9cbe9 100644
--- a/app/src/pages/verifyMessagePage/verifyMessagePage.html
+++ b/app/src/pages/verifyMessagePage/verifyMessagePage.html
@@ -9,4 +9,26 @@
 
 <ion-content padding>
   <h1>Verify Signed Message</h1>
+
+  <ion-list>
+    <ion-item>
+      <ion-label floating>Address</ion-label>
+      <ion-input type="text"></ion-input>
+    </ion-item>
+
+    <ion-item>
+      <ion-label floating>Signature</ion-label>
+      <ion-input type="text"></ion-input>
+    </ion-item>
+
+    <ion-item>
+      <ion-label floating>Message</ion-label>
+      <ion-input type="text"></ion-input>
+    </ion-item>
+
+    <ion-item>
+      <button ion-button outline>Verify</button>
+    </ion-item>
+  </ion-list>
+
 </ion-content>

From 8abeb5eb8e5cf092809534354283b0ff3167bb8b Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Tue, 11 Jul 2017 16:38:38 -0400
Subject: [PATCH 3/4] Added placeholder text and fields for verify and
 broadcast pages

---
 app/src/app/app.component.ts                      |  2 +-
 .../pages/broadcastTxPage/broadcastTxPage.html    | 15 ++++++++++++++-
 .../verifyMessagePage/verifyMessagePage.html      |  8 ++++++--
 .../pages/verifyMessagePage/verifyMessagePage.ts  |  2 +-
 4 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/app/src/app/app.component.ts b/app/src/app/app.component.ts
index d1fa4c5..fb4dd6e 100644
--- a/app/src/app/app.component.ts
+++ b/app/src/app/app.component.ts
@@ -38,7 +38,7 @@ export class InsightApp {
     this.pages = [
       { title: 'Blocks', component: BlocksPage },
       { title: 'Broadcast Transaction', component: BroadcastTxPage },
-      { title: 'Verify Message', component: VerifyMessagePage },
+      { title: 'Verify Signed Message', component: VerifyMessagePage },
       { title: 'Node Status', component: NodeStatusPage }
     ];
   }
diff --git a/app/src/pages/broadcastTxPage/broadcastTxPage.html b/app/src/pages/broadcastTxPage/broadcastTxPage.html
index b1f813f..600cbbe 100644
--- a/app/src/pages/broadcastTxPage/broadcastTxPage.html
+++ b/app/src/pages/broadcastTxPage/broadcastTxPage.html
@@ -8,5 +8,18 @@
 </ion-header>
 
 <ion-content padding>
-  <h1>Broadcast Transaction</h1>
+  <ion-list>
+    <ion-item>
+      <p>This form can be used to broadcast a raw transaction in hex format over the Bitcoin network.</p>
+    </ion-item>
+
+    <ion-item>
+      <ion-label floating>Raw transaction data</ion-label>
+      <ion-input type="text"></ion-input>
+    </ion-item>
+
+    <ion-item>
+      <button ion-button outline>Send transaction</button>
+    </ion-item>
+  </ion-list>
 </ion-content>
diff --git a/app/src/pages/verifyMessagePage/verifyMessagePage.html b/app/src/pages/verifyMessagePage/verifyMessagePage.html
index cb9cbe9..d827d74 100644
--- a/app/src/pages/verifyMessagePage/verifyMessagePage.html
+++ b/app/src/pages/verifyMessagePage/verifyMessagePage.html
@@ -8,9 +8,13 @@
 </ion-header>
 
 <ion-content padding>
-  <h1>Verify Signed Message</h1>
-
   <ion-list>
+    <ion-item>
+      <p>Bitcoin comes with a way of signing arbitrary messages.</p>
+
+      <p>This form can be used to verify that a message comes from a specific Bitcoin address.</p>
+    </ion-item>
+
     <ion-item>
       <ion-label floating>Address</ion-label>
       <ion-input type="text"></ion-input>
diff --git a/app/src/pages/verifyMessagePage/verifyMessagePage.ts b/app/src/pages/verifyMessagePage/verifyMessagePage.ts
index 247483f..4e29d90 100644
--- a/app/src/pages/verifyMessagePage/verifyMessagePage.ts
+++ b/app/src/pages/verifyMessagePage/verifyMessagePage.ts
@@ -12,6 +12,6 @@ export class VerifyMessagePage {
 
   constructor(nav: NavController) {
     this.nav = nav;
-    this.title = 'Verify Message';
+    this.title = 'Verify Signed Message';
   }
 }

From 130b7a7022412bb6ab5ab708673b3aca3795ed68 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Wed, 12 Jul 2017 14:12:15 -0400
Subject: [PATCH 4/4] Updated broadcast test to check for existance of input
 field

---
 app/e2e/broadcastTxPage.e2e-spec.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/e2e/broadcastTxPage.e2e-spec.ts b/app/e2e/broadcastTxPage.e2e-spec.ts
index 070ec27..11943c5 100644
--- a/app/e2e/broadcastTxPage.e2e-spec.ts
+++ b/app/e2e/broadcastTxPage.e2e-spec.ts
@@ -1,20 +1,20 @@
 import { browser, element, by, ElementFinder } from 'protractor';
 
-let heading: ElementFinder = element(by.css('h1'));
-
 describe('BroadcastTxPage', () => {
 
   beforeEach(() => {
     browser.get('');
   });
 
-  it('should have the temporary heading', () => {
+  it('should have an input field', () => {
     element(by.css('.bar-button-menutoggle')).click().then(() => {
       browser.driver.sleep(2000); // wait for the animation
       element.all(by.className('input-wrapper')).then((items) => {
         items[1].click();
         browser.driver.sleep(2000); // wait for the animation
-        expect(heading.getText()).toEqual('Broadcast Transaction');
+        let theElem = element.all(by.css('ion-label')).first;
+        console.log(theElem);
+        expect(element.all(by.css('ion-input')).first().isPresent()).toEqual(true);
         return items[1];
       });
     });