From 1fc35956cb3e7ec22356f05410d8286879313175 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 10 Aug 2017 16:12:06 -0400
Subject: [PATCH 01/28] style the summary items and labels

---
 app/src/app/app.scss                            | 10 ++++++++++
 app/src/components/transaction/transaction.html |  6 +++---
 app/src/pages/address/address.html              |  2 +-
 app/src/pages/block-detail/block-detail.html    |  4 ++--
 app/src/pages/transaction/transaction.html      |  2 +-
 5 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/app/src/app/app.scss b/app/src/app/app.scss
index 553250e..6e2f3a9 100644
--- a/app/src/app/app.scss
+++ b/app/src/app/app.scss
@@ -15,6 +15,16 @@
   white-space: nowrap;
 }
 
+.summary ion-label {
+  color: #333;
+  font-weight: bold;
+}
+
+.summary ion-item {
+  color: #999;
+  font-size: 1.4rem;
+}
+
 // Shared Sass variables, which can be used to adjust Ionic's
 // default Sass variables, belong in "theme/variables.scss".
 //
diff --git a/app/src/components/transaction/transaction.html b/app/src/components/transaction/transaction.html
index ca9b1e8..39020c5 100644
--- a/app/src/components/transaction/transaction.html
+++ b/app/src/components/transaction/transaction.html
@@ -31,7 +31,7 @@
           <div>
             <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a> <span item-end>{{ vin.value + ' BTC' }}</span></p>
             <div [hidden]="!expanded">
-              <p><b>Confirmations</b> {{vin.confirmations}}</p>
+              <p *ngIf="vin.confirmations"><b>Confirmations</b> {{vin.confirmations}}</p>
               <p><b>scriptSig</b></p>
               <div *ngIf="vin.scriptSig">
                 <div *ngFor="let item of vin.scriptSig.asm | split:' '" class="ellipsis">
@@ -44,10 +44,10 @@
       </ion-list>
 
     </ion-col>
-    <ion-col col-2 text-center>
+    <ion-col col-1 text-center>
       <ion-icon name="arrow-forward"></ion-icon>
     </ion-col>
-    <ion-col col-5>
+    <ion-col col-6>
       <ion-list>
         <ion-item *ngFor="let vout of tx.vout">
           <div>
diff --git a/app/src/pages/address/address.html b/app/src/pages/address/address.html
index 9e441f5..d70fc96 100644
--- a/app/src/pages/address/address.html
+++ b/app/src/pages/address/address.html
@@ -9,7 +9,7 @@
 
   <h2>Summary</h2>
 
-  <ion-list>
+  <ion-list class="summary">
     <ion-item>
       Total Received
       <span item-end>
diff --git a/app/src/pages/block-detail/block-detail.html b/app/src/pages/block-detail/block-detail.html
index 354ef77..fcd94f6 100644
--- a/app/src/pages/block-detail/block-detail.html
+++ b/app/src/pages/block-detail/block-detail.html
@@ -8,9 +8,9 @@
 
   <h2>Summary</h2>
 
-  <ion-list *ngIf="!loading">
+  <ion-list *ngIf="!loading" class="summary">
     <ion-item>
-        Number of Transactions
+      Number of Transactions
       <span item-end>
         {{ block.tx.length }}
       </span>
diff --git a/app/src/pages/transaction/transaction.html b/app/src/pages/transaction/transaction.html
index 26a1663..bed9bd1 100644
--- a/app/src/pages/transaction/transaction.html
+++ b/app/src/pages/transaction/transaction.html
@@ -8,7 +8,7 @@
 
   <h2>Summary</h2>
 
-  <ion-list>
+  <ion-list class="summary">
     <ion-item>
       Size
       <span item-end>

From 5a551a5e3ba5dbdad74f7403e12baaf3a1c4603e Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 10 Aug 2017 17:19:31 -0400
Subject: [PATCH 02/28] add currency conversion button and action sheet

---
 app/src/app/app.module.ts                    |  4 +-
 app/src/components/head-nav/head-nav.html    |  3 ++
 app/src/components/head-nav/head-nav.ts      | 48 +++++++++++++++++++-
 app/src/pages/block-detail/block-detail.html |  2 +-
 app/src/pages/block-detail/block-detail.ts   |  3 +-
 5 files changed, 56 insertions(+), 4 deletions(-)

diff --git a/app/src/app/app.module.ts b/app/src/app/app.module.ts
index ca547f3..c0b673b 100644
--- a/app/src/app/app.module.ts
+++ b/app/src/app/app.module.ts
@@ -8,6 +8,7 @@ import { InsightApp } from './app.component';
 import { PagesModule, BlocksPage, BroadcastTxPage, NodeStatusPage, VerifyMessagePage } from '../pages';
 import { BlocksService, StorageService } from '../services';
 import { ApiProvider } from '../providers/api/api';
+import { CurrencyProvider } from '../providers/currency/currency';
 
 @NgModule({
   declarations: [
@@ -33,7 +34,8 @@ import { ApiProvider } from '../providers/api/api';
     StorageService,
     BlocksService,
     {provide: ErrorHandler, useClass: IonicErrorHandler},
-    ApiProvider
+    ApiProvider,
+    CurrencyProvider
   ]
 })
 
diff --git a/app/src/components/head-nav/head-nav.html b/app/src/components/head-nav/head-nav.html
index b441164..e7f73fd 100644
--- a/app/src/components/head-nav/head-nav.html
+++ b/app/src/components/head-nav/head-nav.html
@@ -4,6 +4,9 @@
   </button>
   <ion-title>{{title}}</ion-title>
   <ion-buttons end>
+    <button ion-button (click)="changeCurrency()">
+      <ion-icon name="logo-bitcoin" *ngIf="currency.currencySymbol !== 'USD'"></ion-icon><ion-icon name="logo-usd" *ngIf="currency.currencySymbol === 'USD'"></ion-icon>&nbsp;{{ currency.currencySymbol }}
+    </button>
     <button ion-button icon-only>
       <ion-icon name="search"></ion-icon>
     </button>
diff --git a/app/src/components/head-nav/head-nav.ts b/app/src/components/head-nav/head-nav.ts
index 54fee4c..b38b01c 100644
--- a/app/src/components/head-nav/head-nav.ts
+++ b/app/src/components/head-nav/head-nav.ts
@@ -3,6 +3,8 @@ import { Input } from '@angular/core';
 import { NavController } from 'ionic-angular';
 import { Http } from '@angular/http';
 import { ApiProvider } from '../../providers/api/api';
+import { CurrencyProvider } from '../../providers/currency/currency';
+import { ActionSheetController } from 'ionic-angular';
 
 /**
  * Generated class for the HeadNavComponent component.
@@ -21,7 +23,7 @@ export class HeadNavComponent {
   public q: string;
   public badQuery: boolean = false;
 
-  constructor(private navCtrl: NavController, private http: Http, private api: ApiProvider) {
+  constructor(private navCtrl: NavController, private http: Http, private api: ApiProvider, public currency: CurrencyProvider, public actionSheetCtrl: ActionSheetController) {
   }
 
   private resetSearch(): void {
@@ -98,4 +100,48 @@ export class HeadNavComponent {
   };
   /* tslint:enable:no-unused-variable */
 
+  public changeCurrency() {
+    console.log('changeCurrency');
+    this.presentActionSheet();
+  }
+
+  presentActionSheet() {
+    let actionSheet = this.actionSheetCtrl.create({
+      title: 'Change Currency',
+      buttons: [
+        {
+          text: 'USD',
+          handler: () => {
+            this.currency.setCurrency('USD');
+          }
+        },
+        {
+          text: 'BTC',
+          handler: () => {
+            this.currency.setCurrency('BTC');
+          }
+        },
+        {
+          text: 'mBTC',
+          handler: () => {
+            this.currency.setCurrency('mBTC');
+          }
+        },
+        {
+          text: 'bits',
+          handler: () => {
+            this.currency.setCurrency('bits');
+          }
+        },
+        {
+          text: 'Cancel',
+          role: 'cancel',
+          handler: () => {
+            console.log('Cancel clicked');
+          }
+        }
+      ]
+    });
+    actionSheet.present();
+  }
 }
diff --git a/app/src/pages/block-detail/block-detail.html b/app/src/pages/block-detail/block-detail.html
index fcd94f6..daa0444 100644
--- a/app/src/pages/block-detail/block-detail.html
+++ b/app/src/pages/block-detail/block-detail.html
@@ -24,7 +24,7 @@
     <ion-item>
       Block Reward
       <span item-end>
-        {{ block.reward + ' BTC' }}
+        {{ currency.getConversion(block.reward) }}
       </span>
     </ion-item>
     <ion-item>
diff --git a/app/src/pages/block-detail/block-detail.ts b/app/src/pages/block-detail/block-detail.ts
index 66053d5..fb3b333 100644
--- a/app/src/pages/block-detail/block-detail.ts
+++ b/app/src/pages/block-detail/block-detail.ts
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
 import { Http } from '@angular/http';
 import { ApiProvider } from '../../providers/api/api';
+import { CurrencyProvider } from '../../providers/currency/currency';
 
 /**
  * Generated class for the BlockDetailPage page.
@@ -25,7 +26,7 @@ export class BlockDetailPage {
     tx: []
   };
 
-  constructor(public navCtrl: NavController, private http: Http, public navParams: NavParams, private api: ApiProvider) {
+  constructor(public navCtrl: NavController, private http: Http, public navParams: NavParams, private api: ApiProvider, public currency: CurrencyProvider) {
     this.blockHash = navParams.get('blockHash');
 
     this.http.get(this.api.apiPrefix + 'block/' + this.blockHash).subscribe(

From ac656802c96a363a7b29951c4d3760184aac77ad Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 10 Aug 2017 17:30:46 -0400
Subject: [PATCH 03/28] fixed lint warnings; renamed action sheet title

---
 app/src/components/head-nav/head-nav.ts | 32 ++++++++++---------------
 1 file changed, 12 insertions(+), 20 deletions(-)

diff --git a/app/src/components/head-nav/head-nav.ts b/app/src/components/head-nav/head-nav.ts
index b38b01c..5333728 100644
--- a/app/src/components/head-nav/head-nav.ts
+++ b/app/src/components/head-nav/head-nav.ts
@@ -26,16 +26,11 @@ export class HeadNavComponent {
   constructor(private navCtrl: NavController, private http: Http, private api: ApiProvider, public currency: CurrencyProvider, public actionSheetCtrl: ActionSheetController) {
   }
 
-  private resetSearch(): void {
-    this.q = '';
-    this.loading = false;
-  }
-
   public search(): void {
     let apiPrefix: string = this.api.apiPrefix;
 
     this.http.get(apiPrefix + 'block/' + this.q).subscribe(
-      function (data: any) {
+      function (data: any): void {
         this.resetSearch();
         console.log('block', data);
         let parsedData: any = JSON.parse(data._body);
@@ -45,7 +40,7 @@ export class HeadNavComponent {
       }.bind(this),
       () => {
         this.http.get(apiPrefix + 'tx/' + this.q).subscribe(
-          function (data: any) {
+          function (data: any): void {
             this.resetSearch();
             console.log('tx', data);
             let parsedData: any = JSON.parse(data._body);
@@ -55,7 +50,7 @@ export class HeadNavComponent {
           }.bind(this),
           () => {
             this.http.get(apiPrefix + 'addr/' + this.q).subscribe(
-              function (data: any) {
+              function (data: any): void {
                 this.resetSearch();
                 console.log('addr', data);
                 let parsedData: any = JSON.parse(data._body);
@@ -98,16 +93,16 @@ export class HeadNavComponent {
       2000
     );
   };
+
+  private resetSearch(): void {
+    this.q = '';
+    this.loading = false;
+  }
   /* tslint:enable:no-unused-variable */
 
-  public changeCurrency() {
-    console.log('changeCurrency');
-    this.presentActionSheet();
-  }
-
-  presentActionSheet() {
-    let actionSheet = this.actionSheetCtrl.create({
-      title: 'Change Currency',
+  public changeCurrency(): void {
+    let actionSheet: any = this.actionSheetCtrl.create({
+      title: 'Change Denomination',
       buttons: [
         {
           text: 'USD',
@@ -135,10 +130,7 @@ export class HeadNavComponent {
         },
         {
           text: 'Cancel',
-          role: 'cancel',
-          handler: () => {
-            console.log('Cancel clicked');
-          }
+          role: 'cancel'
         }
       ]
     });

From db5bf4420a5049ba310d271054e397f64f3e4be5 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 10 Aug 2017 17:35:17 -0400
Subject: [PATCH 04/28] fixed e2e tests by adding provider dependencies

---
 app/src/test.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/src/test.ts b/app/src/test.ts
index 5a0cc78..c317506 100644
--- a/app/src/test.ts
+++ b/app/src/test.ts
@@ -17,7 +17,9 @@ import { ConfigMock, PlatformMock } from './mocks';
 import { BlocksServiceMock } from './services/mocks';
 import { BlocksService } from './services';
 import { ApiProvider } from './providers/api/api';
+import { CurrencyProvider } from './providers/currency/currency';
 import { HeadNavComponentModule } from './components/head-nav/head-nav.module';
+import { ActionSheetController } from 'ionic-angular';
 
 // Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
 declare var __karma__: any;
@@ -63,7 +65,9 @@ export class TestUtils {
         {provide: Platform, useClass: PlatformMock},
         {provide: Config, useClass: ConfigMock},
         {provide: BlocksService, useClass: BlocksServiceMock},
-        ApiProvider
+        ApiProvider,
+        CurrencyProvider,
+        ActionSheetController
       ],
       imports: [
         FormsModule,

From 3bc5959075516234d897a849d4047816f64f9c3f Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 10 Aug 2017 17:44:51 -0400
Subject: [PATCH 05/28] Added currency conversion to transaction component

---
 app/src/components/transaction/transaction.html | 8 ++++----
 app/src/components/transaction/transaction.ts   | 3 ++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/src/components/transaction/transaction.html b/app/src/components/transaction/transaction.html
index 39020c5..75cc9b4 100644
--- a/app/src/components/transaction/transaction.html
+++ b/app/src/components/transaction/transaction.html
@@ -29,7 +29,7 @@
       <ion-list [hidden]="tx.isCoinBase">
         <ion-item *ngFor="let vin of tx.vin">
           <div>
-            <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a> <span item-end>{{ vin.value + ' BTC' }}</span></p>
+            <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a> <span item-end>{{ currency.getConversion(vin.value) }}</span></p>
             <div [hidden]="!expanded">
               <p *ngIf="vin.confirmations"><b>Confirmations</b> {{vin.confirmations}}</p>
               <p><b>scriptSig</b></p>
@@ -62,7 +62,7 @@
           </div>
 
           <div item-end>
-            {{ vout.value + ' BTC' }}
+            {{ currency.getConversion(vout.value) }}
             <span [hidden]="!vout.spentTxId">(S)</span>
             <span [hidden]="vout.spentTxId">(U)</span>
           </div>
@@ -73,11 +73,11 @@
 
   <ion-row>
     <ion-col col-6>
-      <span [hidden]="tx.isCoinBase">Fee {{ tx.fees + ' BTC' }}</span>
+      <span [hidden]="tx.isCoinBase">Fee {{ currency.getConversion(tx.fees) }}</span>
     </ion-col>
     <ion-col col-6 text-right>
       {{ tx.confirmations }} Confirmations
-      <span class="">{{ tx.valueOut + ' BTC' }}</span>
+      <span class="">{{ currency.getConversion(tx.valueOut) }}</span>
     </ion-col>
   </ion-row>
 </ion-grid>
diff --git a/app/src/components/transaction/transaction.ts b/app/src/components/transaction/transaction.ts
index 074ee97..b01a7bb 100644
--- a/app/src/components/transaction/transaction.ts
+++ b/app/src/components/transaction/transaction.ts
@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { Input } from '@angular/core';
 import { NavController } from 'ionic-angular';
+import { CurrencyProvider } from '../../providers/currency/currency';
 
 /**
  * Generated class for the TransactionComponent component.
@@ -17,7 +18,7 @@ export class TransactionComponent {
   public expanded: boolean = false;
   @Input() public tx: any = {};
 
-  constructor(private navCtrl: NavController) {
+  constructor(private navCtrl: NavController, public currency: CurrencyProvider) {
   }
 
   public getAddress(vout: any): string {

From 8ba0a0777262c21cb59d03fe18b6f3fa39e4c871 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 10 Aug 2017 17:48:48 -0400
Subject: [PATCH 06/28] fixed tslint issues

---
 app/src/components/head-nav/head-nav.module.ts | 4 ++--
 app/src/providers/currency/currency.spec.ts    | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/src/components/head-nav/head-nav.module.ts b/app/src/components/head-nav/head-nav.module.ts
index 7fb2c00..96140da 100644
--- a/app/src/components/head-nav/head-nav.module.ts
+++ b/app/src/components/head-nav/head-nav.module.ts
@@ -4,10 +4,10 @@ import { HeadNavComponent } from './head-nav';
 
 @NgModule({
   declarations: [
-    HeadNavComponent,
+    HeadNavComponent
   ],
   imports: [
-    IonicModule,
+    IonicModule
   ],
   exports: [
     HeadNavComponent
diff --git a/app/src/providers/currency/currency.spec.ts b/app/src/providers/currency/currency.spec.ts
index d1ef863..2170c01 100644
--- a/app/src/providers/currency/currency.spec.ts
+++ b/app/src/providers/currency/currency.spec.ts
@@ -4,7 +4,7 @@ import { HttpModule } from '@angular/http';
 import { CurrencyProvider } from './currency';
 
 describe('CurrencyProvider', () => {
-  let currency;
+  let currency: CurrencyProvider;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
@@ -47,7 +47,7 @@ describe('CurrencyProvider', () => {
   });
 
   it('rounds float using specified number of decimal places', () => {
-    let aFloat = 4.32943;
+    let aFloat: number = 4.32943;
 
     expect(currency.roundFloat(aFloat, 2)).toBe(4.33);
     expect(currency.roundFloat(aFloat, 3)).toBe(4.329);
@@ -66,7 +66,7 @@ describe('CurrencyProvider', () => {
   });
 
   it('gets proper conversion after changing currency', () => {
-    let aFloat = 12345.09876543;
+    let aFloat: number = 12345.09876543;
     expect(currency.getConversion(aFloat)).toBe('12345.09876543 BTC');
 
     currency.setCurrency('mBTC');

From 1dfe384271dcd25e4280662faf4e43f01291f409 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 11 Aug 2017 10:33:44 -0400
Subject: [PATCH 07/28] added USD conversion; added conversion to address page

---
 app/src/pages/address/address.html     |  8 ++++----
 app/src/pages/address/address.ts       |  3 ++-
 app/src/providers/currency/currency.ts | 22 +++++++++++++++-------
 3 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/app/src/pages/address/address.html b/app/src/pages/address/address.html
index d70fc96..752120a 100644
--- a/app/src/pages/address/address.html
+++ b/app/src/pages/address/address.html
@@ -5,7 +5,7 @@
 <ion-content padding>
   <h1>Address</h1>
   <p class="ellipsis"><b>Address</b> {{ address.addrStr }}</p>
-  <p>{{ address.balance }} BTC</p>
+  <p>{{ currency.getConversion(address.balance) }}</p>
 
   <h2>Summary</h2>
 
@@ -13,19 +13,19 @@
     <ion-item>
       Total Received
       <span item-end>
-        {{ address.totalReceived }} BTC
+        {{ currency.getConversion(address.totalReceived) }}
       </span>
     </ion-item>
     <ion-item>
       Total Sent
       <span item-end>
-        {{ address.totalSent }} BTC
+        {{ currency.getConversion(address.totalSent) }}
       </span>
     </ion-item>
     <ion-item>
       Final Balance
       <span item-end>
-        {{ address.balance }} BTC
+        {{ currency.getConversion(address.balance) }}
       </span>
     </ion-item>
     <ion-item>
diff --git a/app/src/pages/address/address.ts b/app/src/pages/address/address.ts
index e392a33..459f4de 100644
--- a/app/src/pages/address/address.ts
+++ b/app/src/pages/address/address.ts
@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
 import { Http } from '@angular/http';
 import { ApiProvider } from '../../providers/api/api';
+import { CurrencyProvider } from '../../providers/currency/currency';
 
 /**
  * Generated class for the AddressPage page.
@@ -23,7 +24,7 @@ export class AddressPage {
   private addrStr: string;
   public address: any = {};
 
-  constructor(public navCtrl: NavController, public navParams: NavParams, private http: Http, private api: ApiProvider) {
+  constructor(public navCtrl: NavController, public navParams: NavParams, private http: Http, private api: ApiProvider, public currency: CurrencyProvider) {
     this.addrStr = navParams.get('addrStr');
   }
 
diff --git a/app/src/providers/currency/currency.ts b/app/src/providers/currency/currency.ts
index fe6f412..b89d2ff 100644
--- a/app/src/providers/currency/currency.ts
+++ b/app/src/providers/currency/currency.ts
@@ -1,5 +1,6 @@
 import { Injectable } from '@angular/core';
 import { Http } from '@angular/http';
+import { ApiProvider } from '../../providers/api/api';
 import 'rxjs/add/operator/map';
 
 /*
@@ -14,8 +15,10 @@ export class CurrencyProvider {
   private defaultCurrency: string;
   private currencySymbol: string;
   private factor: number = 1;
+  private bitstamp: number;
+  private loading: boolean;
 
-  constructor(public http: Http) {
+  constructor(public http: Http, private api: ApiProvider) {
     this.defaultCurrency = 'BTC';
     this.currencySymbol = this.defaultCurrency;
   }
@@ -50,12 +53,17 @@ export class CurrencyProvider {
     localStorage.setItem('insight-currency', currency);
 
     if (currency === 'USD') {
-      // TODO Replace this with call
-      /*
-      Currency.get({}, function(res) {
-        $rootScope.currency.factor = $rootScope.currency.bitstamp = res.data.bitstamp;
-      });
-       */
+      this.http.get(this.api.apiPrefix + 'currency').subscribe(
+        (data) => {
+          let currencyParsed = JSON.parse(data['_body']);
+          this.factor = this.bitstamp = currencyParsed.data.bitstamp;
+          this.loading = false;
+        },
+        (err) => {
+          console.log('err is', err);
+          this.loading = false;
+        }
+      );
     } else if (currency === 'mBTC') {
       this.factor = 1000;
     } else if (currency === 'bits') {

From 2226a2cc18335a72a30d0821657d1b8a0c3e9ea6 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 11 Aug 2017 10:42:34 -0400
Subject: [PATCH 08/28] fixed lint warnings and tests

---
 app/src/providers/currency/currency.spec.ts |  2 ++
 app/src/providers/currency/currency.ts      | 10 +++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/src/providers/currency/currency.spec.ts b/app/src/providers/currency/currency.spec.ts
index 2170c01..02fa17a 100644
--- a/app/src/providers/currency/currency.spec.ts
+++ b/app/src/providers/currency/currency.spec.ts
@@ -2,6 +2,7 @@
 import { TestBed, ComponentFixture, inject } from '@angular/core/testing';
 import { HttpModule } from '@angular/http';
 import { CurrencyProvider } from './currency';
+import { ApiProvider } from '../api/api';
 
 describe('CurrencyProvider', () => {
   let currency: CurrencyProvider;
@@ -12,6 +13,7 @@ describe('CurrencyProvider', () => {
         HttpModule
       ],
       providers: [
+        ApiProvider,
         CurrencyProvider
       ]
     });
diff --git a/app/src/providers/currency/currency.ts b/app/src/providers/currency/currency.ts
index b89d2ff..b3f571b 100644
--- a/app/src/providers/currency/currency.ts
+++ b/app/src/providers/currency/currency.ts
@@ -12,9 +12,9 @@ import 'rxjs/add/operator/map';
 @Injectable()
 export class CurrencyProvider {
 
-  private defaultCurrency: string;
-  private currencySymbol: string;
-  private factor: number = 1;
+  public defaultCurrency: string;
+  public currencySymbol: string;
+  public factor: number = 1;
   private bitstamp: number;
   private loading: boolean;
 
@@ -23,7 +23,7 @@ export class CurrencyProvider {
     this.currencySymbol = this.defaultCurrency;
   }
 
-  private roundFloat(aFloat: number, decimalPlaces: number): number {
+  public roundFloat(aFloat: number, decimalPlaces: number): number {
     return Math.round(aFloat * Math.pow(10, decimalPlaces)) / Math.pow(10, decimalPlaces);
   }
 
@@ -55,7 +55,7 @@ export class CurrencyProvider {
     if (currency === 'USD') {
       this.http.get(this.api.apiPrefix + 'currency').subscribe(
         (data) => {
-          let currencyParsed = JSON.parse(data['_body']);
+          let currencyParsed: any = JSON.parse(data['_body']);
           this.factor = this.bitstamp = currencyParsed.data.bitstamp;
           this.loading = false;
         },

From 34792d5d658eb81b3eb60203c3892a0dd68eff22 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 11 Aug 2017 17:29:29 -0400
Subject: [PATCH 09/28] fixed bug where block detail did not retain data after
 leaving view and coming back

---
 app/src/pages/block-detail/block-detail.ts | 6 ++----
 app/src/pipes/split/split.ts               | 1 -
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/src/pages/block-detail/block-detail.ts b/app/src/pages/block-detail/block-detail.ts
index fb3b333..95bdaf8 100644
--- a/app/src/pages/block-detail/block-detail.ts
+++ b/app/src/pages/block-detail/block-detail.ts
@@ -28,7 +28,9 @@ export class BlockDetailPage {
 
   constructor(public navCtrl: NavController, private http: Http, public navParams: NavParams, private api: ApiProvider, public currency: CurrencyProvider) {
     this.blockHash = navParams.get('blockHash');
+  }
 
+  public ionViewDidLoad(): void {
     this.http.get(this.api.apiPrefix + 'block/' + this.blockHash).subscribe(
       (data) => {
         this.block = JSON.parse(data['_body']);
@@ -41,10 +43,6 @@ export class BlockDetailPage {
     );
   }
 
-  public ionViewWillLeave(): void {
-    this.loading = true;
-  }
-
   public goToPreviousBlock(): void {
     this.navCtrl.push('block-detail', {
       'blockHash': this.block.previousblockhash
diff --git a/app/src/pipes/split/split.ts b/app/src/pipes/split/split.ts
index ab08efd..1f2e7ca 100644
--- a/app/src/pipes/split/split.ts
+++ b/app/src/pipes/split/split.ts
@@ -15,7 +15,6 @@ export class SplitPipe implements PipeTransform {
    */
   public transform(value: string, delimiter: string): Array<string> {
     let array: Array<string> = value.split(delimiter);
-    console.log('split is', array);
     return array;
   }
 }

From a554e43c079801f3469c9cf7f9eb4d5390016d6f Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Mon, 14 Aug 2017 17:01:19 -0400
Subject: [PATCH 10/28] Added aggregateItems

---
 .../components/transaction/transaction.html   | 14 ++--
 app/src/components/transaction/transaction.ts | 72 +++++++++++++++++++
 2 files changed, 81 insertions(+), 5 deletions(-)

diff --git a/app/src/components/transaction/transaction.html b/app/src/components/transaction/transaction.html
index 75cc9b4..c5d29a5 100644
--- a/app/src/components/transaction/transaction.html
+++ b/app/src/components/transaction/transaction.html
@@ -27,19 +27,23 @@
       </ion-list>
 
       <ion-list [hidden]="tx.isCoinBase">
-        <ion-item *ngFor="let vin of tx.vin">
+        <ion-item *ngFor="let vin of aggregateItems(tx.vin)">
           <div>
-            <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a> <span item-end>{{ currency.getConversion(vin.value) }}</span></p>
+            <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a></p>
             <div [hidden]="!expanded">
               <p *ngIf="vin.confirmations"><b>Confirmations</b> {{vin.confirmations}}</p>
-              <p><b>scriptSig</b></p>
-              <div *ngIf="vin.scriptSig">
-                <div *ngFor="let item of vin.scriptSig.asm | split:' '" class="ellipsis">
+              <div *ngIf="vin.scriptSig" class="ellipsis">
+                <p><b>scriptSig</b></p>
+                <div *ngFor="let item of vin.scriptSig.asm | split:' '">
                   <p>{{item}}</p>
                 </div>
               </div>
             </div>
           </div>
+
+          <div item-end>
+            {{ currency.getConversion(vin.value) }}
+          </div>
         </ion-item>
       </ion-list>
 
diff --git a/app/src/components/transaction/transaction.ts b/app/src/components/transaction/transaction.ts
index b01a7bb..772fed1 100644
--- a/app/src/components/transaction/transaction.ts
+++ b/app/src/components/transaction/transaction.ts
@@ -15,6 +15,8 @@ import { CurrencyProvider } from '../../providers/currency/currency';
 })
 export class TransactionComponent {
 
+  private COIN: number = 100000000;
+
   public expanded: boolean = false;
   @Input() public tx: any = {};
 
@@ -44,4 +46,74 @@ export class TransactionComponent {
   public toggleExpanded(): void {
     this.expanded = !this.expanded;
   }
+
+  public aggregateItems(items: Array<any>): Array<any> {
+    console.log('aggregateItems called');
+    if (!items) return [];
+
+    let l: number = items.length;
+
+    let ret: Array<any> = [];
+    let tmp: any = {};
+    let u: number = 0;
+
+    for (let i: number = 0; i < l; i++) {
+
+      let notAddr: boolean = false;
+      // non standard input
+      if (items[i].scriptSig && !items[i].addr) {
+        items[i].addr = 'Unparsed address [' + u++ + ']';
+        items[i].notAddr = true;
+        notAddr = true;
+      }
+
+      // non standard output
+      if (items[i].scriptPubKey && !items[i].scriptPubKey.addresses) {
+        items[i].scriptPubKey.addresses = ['Unparsed address [' + u++ + ']'];
+        items[i].notAddr = true;
+        notAddr = true;
+      }
+
+      // multiple addr at output
+      if (items[i].scriptPubKey && items[i].scriptPubKey.addresses.length > 1) {
+        items[i].addr = items[i].scriptPubKey.addresses.join(',');
+        ret.push(items[i]);
+        continue;
+      }
+
+      let addr: string = items[i].addr || (items[i].scriptPubKey && items[i].scriptPubKey.addresses[0]);
+
+      if (!tmp[addr]) {
+        tmp[addr] = {};
+        tmp[addr].valueSat = 0;
+        tmp[addr].count = 0;
+        tmp[addr].addr = addr;
+        tmp[addr].items = [];
+      }
+      tmp[addr].isSpent = items[i].spentTxId;
+
+      tmp[addr].doubleSpentTxID = tmp[addr].doubleSpentTxID   || items[i].doubleSpentTxID;
+      tmp[addr].doubleSpentIndex = tmp[addr].doubleSpentIndex || items[i].doubleSpentIndex;
+      tmp[addr].dbError = tmp[addr].dbError || items[i].dbError;
+      tmp[addr].valueSat += Math.round(items[i].value * this.COIN);
+      tmp[addr].items.push(items[i]);
+      tmp[addr].notAddr = notAddr;
+
+      if (items[i].unconfirmedInput)
+        tmp[addr].unconfirmedInput = true;
+
+      tmp[addr].count++;
+    }
+
+    console.log('tmp is', tmp);
+
+    for (let v in tmp) {
+      let obj: any = tmp[v];
+      console.log('obj isb', obj);
+      obj.value = obj.value || parseInt(obj.valueSat) / this.COIN;
+      ret.push(obj);
+    }
+
+    return ret;
+  };
 }

From 0fe359bd1f92e867d3f9ef391ed6dcc7bf5fc178 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Mon, 14 Aug 2017 18:44:57 -0400
Subject: [PATCH 11/28] get scriptSigs working again in expanded view

---
 app/src/components/transaction/transaction.html | 14 +++++++++-----
 app/src/components/transaction/transaction.ts   |  4 ----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/src/components/transaction/transaction.html b/app/src/components/transaction/transaction.html
index c5d29a5..d46d07c 100644
--- a/app/src/components/transaction/transaction.html
+++ b/app/src/components/transaction/transaction.html
@@ -32,10 +32,14 @@
             <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a></p>
             <div [hidden]="!expanded">
               <p *ngIf="vin.confirmations"><b>Confirmations</b> {{vin.confirmations}}</p>
-              <div *ngIf="vin.scriptSig" class="ellipsis">
-                <p><b>scriptSig</b></p>
-                <div *ngFor="let item of vin.scriptSig.asm | split:' '">
-                  <p>{{item}}</p>
+              <p><b>scriptSig</b></p>
+              <div *ngFor="let item of vin.items">
+                <div *ngIf="item.scriptSig">
+                  <div *ngFor="let scriptSig of item.scriptSig.asm | split:' '">
+                    <div class="ellipsis">
+                      <p>{{ scriptSig }}</p>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>
@@ -60,7 +64,7 @@
               <p><b>Type</b> {{vout.scriptPubKey.type}}</p>
               <p><b>scriptPubKey</b></p>
               <div class="ellipsis">
-                <span>{{vout.scriptPubKey.asm}}</span>
+                <p>{{vout.scriptPubKey.asm}}</p>
               </div>
             </div>
           </div>
diff --git a/app/src/components/transaction/transaction.ts b/app/src/components/transaction/transaction.ts
index 772fed1..8d5cc19 100644
--- a/app/src/components/transaction/transaction.ts
+++ b/app/src/components/transaction/transaction.ts
@@ -48,7 +48,6 @@ export class TransactionComponent {
   }
 
   public aggregateItems(items: Array<any>): Array<any> {
-    console.log('aggregateItems called');
     if (!items) return [];
 
     let l: number = items.length;
@@ -105,11 +104,8 @@ export class TransactionComponent {
       tmp[addr].count++;
     }
 
-    console.log('tmp is', tmp);
-
     for (let v in tmp) {
       let obj: any = tmp[v];
-      console.log('obj isb', obj);
       obj.value = obj.value || parseInt(obj.valueSat) / this.COIN;
       ret.push(obj);
     }

From cf4d45cf591738dc2acde1b79b4b60d5fa1a93e6 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Tue, 15 Aug 2017 11:15:10 -0400
Subject: [PATCH 12/28] fixed responsiveness in the transaction grid

---
 .../components/transaction/transaction.html   | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/src/components/transaction/transaction.html b/app/src/components/transaction/transaction.html
index d46d07c..78b2ea6 100644
--- a/app/src/components/transaction/transaction.html
+++ b/app/src/components/transaction/transaction.html
@@ -18,7 +18,7 @@
   </ion-row>
 
   <ion-row>
-    <ion-col col-5>
+    <ion-col col-12 col-md-5>
 
       <ion-list [hidden]="!tx.isCoinBase">
         <ion-item>
@@ -29,7 +29,9 @@
       <ion-list [hidden]="tx.isCoinBase">
         <ion-item *ngFor="let vin of aggregateItems(tx.vin)">
           <div>
-            <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a></p>
+            <div class="ellipsis">
+              <p><a (click)="goToAddress(vin.addr)">{{ vin.addr }}</a></p>
+            </div>
             <div [hidden]="!expanded">
               <p *ngIf="vin.confirmations"><b>Confirmations</b> {{vin.confirmations}}</p>
               <p><b>scriptSig</b></p>
@@ -52,14 +54,18 @@
       </ion-list>
 
     </ion-col>
-    <ion-col col-1 text-center>
+
+    <ion-col col-12 col-md-1 text-center>
       <ion-icon name="arrow-forward"></ion-icon>
     </ion-col>
-    <ion-col col-6>
+
+    <ion-col col-12 col-md-6>
       <ion-list>
         <ion-item *ngFor="let vout of tx.vout">
           <div>
-            <p><a (click)="goToAddress(getAddress(vout))">{{ getAddress(vout) }}</a></p>
+            <div class="ellipsis">
+              <p><a (click)="goToAddress(getAddress(vout))">{{ getAddress(vout) }}</a></p>
+            </div>
             <div [hidden]="!expanded">
               <p><b>Type</b> {{vout.scriptPubKey.type}}</p>
               <p><b>scriptPubKey</b></p>
@@ -80,11 +86,13 @@
   </ion-row>
 
   <ion-row>
-    <ion-col col-6>
+    <ion-col col-3>
       <span [hidden]="tx.isCoinBase">Fee {{ currency.getConversion(tx.fees) }}</span>
     </ion-col>
-    <ion-col col-6 text-right>
+    <ion-col col-6 text-center>
       {{ tx.confirmations }} Confirmations
+    </ion-col>
+    <ion-col col-3 text-right>
       <span class="">{{ currency.getConversion(tx.valueOut) }}</span>
     </ion-col>
   </ion-row>

From 7d2b27be7d6b5e81c9d780607d75f50eee845eab Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Tue, 15 Aug 2017 16:36:11 -0400
Subject: [PATCH 13/28] added toggle to searchbar; made text selectable

---
 app/ionic.config.json                        | 3 ++-
 app/package.json                             | 2 +-
 app/src/app/app.scss                         | 4 ++++
 app/src/components/head-nav/head-nav.html    | 4 ++--
 app/src/components/head-nav/head-nav.ts      | 6 ++++++
 app/src/pages/block-detail/block-detail.html | 2 +-
 app/src/providers/api/api.ts                 | 2 +-
 7 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/app/ionic.config.json b/app/ionic.config.json
index b8ac8d6..1c03d6d 100644
--- a/app/ionic.config.json
+++ b/app/ionic.config.json
@@ -1,5 +1,6 @@
 {
   "name": "insight-ui",
   "app_id": "",
-  "type": "ionic-angular"
+  "type": "ionic-angular",
+  "integrations": {}
 }
diff --git a/app/package.json b/app/package.json
index 1701978..88b33c8 100644
--- a/app/package.json
+++ b/app/package.json
@@ -43,7 +43,7 @@
     "@types/jasmine": "2.5.41",
     "@types/node": "7.0.4",
     "codecov": "2.2.0",
-    "ionic": "3.7.0",
+    "ionic": "3.8.1",
     "jasmine-core": "2.5.2",
     "jasmine-spec-reporter": "3.2.0",
     "karma": "1.4.1",
diff --git a/app/src/app/app.scss b/app/src/app/app.scss
index 6e2f3a9..e254df4 100644
--- a/app/src/app/app.scss
+++ b/app/src/app/app.scss
@@ -25,6 +25,10 @@
   font-size: 1.4rem;
 }
 
+body {
+  user-select: text;
+}
+
 // Shared Sass variables, which can be used to adjust Ionic's
 // default Sass variables, belong in "theme/variables.scss".
 //
diff --git a/app/src/components/head-nav/head-nav.html b/app/src/components/head-nav/head-nav.html
index e7f73fd..1d5ff08 100644
--- a/app/src/components/head-nav/head-nav.html
+++ b/app/src/components/head-nav/head-nav.html
@@ -7,9 +7,9 @@
     <button ion-button (click)="changeCurrency()">
       <ion-icon name="logo-bitcoin" *ngIf="currency.currencySymbol !== 'USD'"></ion-icon><ion-icon name="logo-usd" *ngIf="currency.currencySymbol === 'USD'"></ion-icon>&nbsp;{{ currency.currencySymbol }}
     </button>
-    <button ion-button icon-only>
+    <button ion-button icon-only (click)="toggleSearch()">
       <ion-icon name="search"></ion-icon>
     </button>
   </ion-buttons>
 </ion-navbar>
-<ion-searchbar (ionInput)="search($event)" placeholder="{{ 'Search for block, transaction or address' }}" [(ngModel)]="q" [debounce]="1000"></ion-searchbar>
+<ion-searchbar [hidden]="!showSearch" (ionInput)="search($event)" placeholder="{{ 'Search for block, transaction or address' }}" [(ngModel)]="q" [debounce]="1500"></ion-searchbar>
diff --git a/app/src/components/head-nav/head-nav.ts b/app/src/components/head-nav/head-nav.ts
index 5333728..b3122b6 100644
--- a/app/src/components/head-nav/head-nav.ts
+++ b/app/src/components/head-nav/head-nav.ts
@@ -18,6 +18,7 @@ import { ActionSheetController } from 'ionic-angular';
 })
 export class HeadNavComponent {
 
+  public showSearch: boolean = false;
   public loading: boolean;
   @Input() public title: string;
   public q: string;
@@ -27,6 +28,7 @@ export class HeadNavComponent {
   }
 
   public search(): void {
+    this.showSearch = false;
     let apiPrefix: string = this.api.apiPrefix;
 
     this.http.get(apiPrefix + 'block/' + this.q).subscribe(
@@ -136,4 +138,8 @@ export class HeadNavComponent {
     });
     actionSheet.present();
   }
+
+  public toggleSearch() {
+    this.showSearch = !this.showSearch;
+  }
 }
diff --git a/app/src/pages/block-detail/block-detail.html b/app/src/pages/block-detail/block-detail.html
index daa0444..a20d197 100644
--- a/app/src/pages/block-detail/block-detail.html
+++ b/app/src/pages/block-detail/block-detail.html
@@ -35,7 +35,7 @@
     </ion-item>
     <ion-item>
       Mined by
-      <span item-end>
+      <span item-end *ngIf="block.poolInfo">
         <a href="{{ block.poolInfo.url }}">{{ block.poolInfo.poolName }}</a>
       </span>
     </ion-item>
diff --git a/app/src/providers/api/api.ts b/app/src/providers/api/api.ts
index 31c1966..a15b48e 100644
--- a/app/src/providers/api/api.ts
+++ b/app/src/providers/api/api.ts
@@ -11,7 +11,7 @@ import 'rxjs/add/operator/map';
 @Injectable()
 export class ApiProvider {
 
-  public apiPrefix: string = 'http://localhost:3001/insight-api/';
+  public apiPrefix: string = 'https://insight.bitpay.com/api/';
 
   constructor(public http: Http) {
   }

From 90379522fe3324abcac4cc781ccded3db8440c1f Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Wed, 16 Aug 2017 11:11:20 -0400
Subject: [PATCH 14/28] added spinner to block detail

---
 app/src/pages/block-detail/block-detail.html | 180 ++++++++++---------
 1 file changed, 93 insertions(+), 87 deletions(-)

diff --git a/app/src/pages/block-detail/block-detail.html b/app/src/pages/block-detail/block-detail.html
index a20d197..aaebe36 100644
--- a/app/src/pages/block-detail/block-detail.html
+++ b/app/src/pages/block-detail/block-detail.html
@@ -3,96 +3,102 @@
 </ion-header>
 
 <ion-content padding>
-  <h1>Block #{{ block.height }}</h1>
-  <p class="ellipsis"><b>BlockHash</b> {{ block.hash }}</p>
-
-  <h2>Summary</h2>
-
-  <ion-list *ngIf="!loading" class="summary">
-    <ion-item>
-      Number of Transactions
-      <span item-end>
-        {{ block.tx.length }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Height
-      <span item-end>
-        {{ block.height }} <span [hidden]="!block.isMainChain">(Mainchain)</span>
-      </span>
-    </ion-item>
-    <ion-item>
-      Block Reward
-      <span item-end>
-        {{ currency.getConversion(block.reward) }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Timestamp
-      <span item-end>
-        {{ block.time * 1000 | date:'medium' }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Mined by
-      <span item-end *ngIf="block.poolInfo">
-        <a href="{{ block.poolInfo.url }}">{{ block.poolInfo.poolName }}</a>
-      </span>
-    </ion-item>
-    <ion-item>
-      Merkle Root
-      <span item-end class="ellipsis">
-        {{ block.merkleroot }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Previous Block
-      <span item-end>
-        <a (click)="goToPreviousBlock()">{{ block.height - 1 }}</a>
-      </span>
-    </ion-item>
-    <ion-item>
-      Difficulty 
-      <span item-end>
-        {{ block.difficulty }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Bits
-      <span item-end>
-        {{ block.bits }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Size (bytes)
-      <span item-end>
-        {{ block.size }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Version
-      <span item-end>
-        {{ block.version }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Nonce
-      <span item-end>
-        {{ block.nonce }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Next Block
-      <span item-end>
-        <a (click)="goToNextBlock()">{{ block.height + 1 }}</a>
-      </span>
-    </ion-item>
-  </ion-list>
+  <div *ngIf="loading">
+    <ion-spinner name="crescent"></ion-spinner>
+  </div>
 
   <div *ngIf="!loading">
-    <h2>Transactions</h2>
+    <h1>Block #{{ block.height }}</h1>
+    <p class="ellipsis"><b>BlockHash</b> {{ block.hash }}</p>
 
-    <transaction-list [queryType]="'block'" [queryValue]="block.hash"></transaction-list>
+    <h2>Summary</h2>
+
+    <ion-list *ngIf="!loading" class="summary">
+      <ion-item>
+        Number of Transactions
+        <span item-end>
+          {{ block.tx.length }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Height
+        <span item-end>
+          {{ block.height }} <span [hidden]="!block.isMainChain">(Mainchain)</span>
+        </span>
+      </ion-item>
+      <ion-item>
+        Block Reward
+        <span item-end>
+          {{ currency.getConversion(block.reward) }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Timestamp
+        <span item-end>
+          {{ block.time * 1000 | date:'medium' }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Mined by
+        <span item-end *ngIf="block.poolInfo">
+          <a href="{{ block.poolInfo.url }}">{{ block.poolInfo.poolName }}</a>
+        </span>
+      </ion-item>
+      <ion-item>
+        Merkle Root
+        <span item-end class="ellipsis">
+          {{ block.merkleroot }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Previous Block
+        <span item-end>
+          <a (click)="goToPreviousBlock()">{{ block.height - 1 }}</a>
+        </span>
+      </ion-item>
+      <ion-item>
+        Difficulty
+        <span item-end>
+          {{ block.difficulty }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Bits
+        <span item-end>
+          {{ block.bits }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Size (bytes)
+        <span item-end>
+          {{ block.size }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Version
+        <span item-end>
+          {{ block.version }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Nonce
+        <span item-end>
+          {{ block.nonce }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Next Block
+        <span item-end>
+          <a (click)="goToNextBlock()">{{ block.height + 1 }}</a>
+        </span>
+      </ion-item>
+    </ion-list>
+
+    <div *ngIf="!loading">
+      <h2>Transactions</h2>
+
+      <transaction-list [queryType]="'block'" [queryValue]="block.hash"></transaction-list>
+    </div>
   </div>
 
 </ion-content>

From c9a1b6b153275f433f58e72fedd6aca9a98e8ff4 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Wed, 16 Aug 2017 12:46:08 -0400
Subject: [PATCH 15/28] added spinners to transaction and address pages and
 transaction list component

---
 app/src/components/head-nav/head-nav.ts       |  2 +-
 .../transaction-list/transaction-list.html    | 21 +++--
 app/src/pages/address/address.html            | 76 ++++++++++---------
 app/src/pages/transaction/transaction.html    | 68 +++++++++--------
 4 files changed, 93 insertions(+), 74 deletions(-)

diff --git a/app/src/components/head-nav/head-nav.ts b/app/src/components/head-nav/head-nav.ts
index b3122b6..664e77e 100644
--- a/app/src/components/head-nav/head-nav.ts
+++ b/app/src/components/head-nav/head-nav.ts
@@ -139,7 +139,7 @@ export class HeadNavComponent {
     actionSheet.present();
   }
 
-  public toggleSearch() {
+  public toggleSearch(): void {
     this.showSearch = !this.showSearch;
   }
 }
diff --git a/app/src/components/transaction-list/transaction-list.html b/app/src/components/transaction-list/transaction-list.html
index 6620fc2..9c0a459 100644
--- a/app/src/components/transaction-list/transaction-list.html
+++ b/app/src/components/transaction-list/transaction-list.html
@@ -1,7 +1,14 @@
-<ion-grid>
-  <ion-row *ngFor="let tx of transactions.txs">
-    <ion-col col-12>
-      <transaction [tx]="tx"></transaction>
-    </ion-col>
-  </ion-row>
-</ion-grid>
+<div *ngIf="loading">
+  <ion-spinner name="crescent"></ion-spinner>
+</div>
+
+
+<div *ngIf="!loading">
+  <ion-grid>
+    <ion-row *ngFor="let tx of transactions.txs">
+      <ion-col col-12>
+        <transaction [tx]="tx"></transaction>
+      </ion-col>
+    </ion-row>
+  </ion-grid>
+</div>
diff --git a/app/src/pages/address/address.html b/app/src/pages/address/address.html
index 752120a..4dfc4d7 100644
--- a/app/src/pages/address/address.html
+++ b/app/src/pages/address/address.html
@@ -3,45 +3,51 @@
 </ion-header>
 
 <ion-content padding>
-  <h1>Address</h1>
-  <p class="ellipsis"><b>Address</b> {{ address.addrStr }}</p>
-  <p>{{ currency.getConversion(address.balance) }}</p>
+  <div *ngIf="loading">
+    <ion-spinner name="crescent"></ion-spinner>
+  </div>
 
-  <h2>Summary</h2>
+  <div *ngIf="!loading">
+    <h1>Address</h1>
+    <p class="ellipsis"><b>Address</b> {{ address.addrStr }}</p>
+    <p>{{ currency.getConversion(address.balance) }}</p>
 
-  <ion-list class="summary">
-    <ion-item>
-      Total Received
-      <span item-end>
-        {{ currency.getConversion(address.totalReceived) }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Total Sent
-      <span item-end>
-        {{ currency.getConversion(address.totalSent) }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Final Balance
-      <span item-end>
-        {{ currency.getConversion(address.balance) }}
-      </span>
-    </ion-item>
-    <ion-item>
-      No. Transactions
-      <span item-end>
-        {{ address.txApperances }}
-      </span>
-    </ion-item>
-  </ion-list>
+    <h2>Summary</h2>
 
-  <p text-center>
-    <qr-code [value]="address.addrStr" [size]="160"></qr-code>
-    <p>
+    <ion-list class="summary">
+      <ion-item>
+        Total Received
+        <span item-end>
+          {{ currency.getConversion(address.totalReceived) }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Total Sent
+        <span item-end>
+          {{ currency.getConversion(address.totalSent) }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Final Balance
+        <span item-end>
+          {{ currency.getConversion(address.balance) }}
+        </span>
+      </ion-item>
+      <ion-item>
+        No. Transactions
+        <span item-end>
+          {{ address.txApperances }}
+        </span>
+      </ion-item>
+    </ion-list>
 
-  <h2>Transactions</h2>
+    <p text-center>
+      <qr-code [value]="address.addrStr" [size]="160"></qr-code>
+      <p>
 
-  <transaction-list [queryType]="'address'" [queryValue]="addrStr"></transaction-list>
+        <h2>Transactions</h2>
+
+        <transaction-list [queryType]="'address'" [queryValue]="addrStr"></transaction-list>
+  </div>
 
 </ion-content>
diff --git a/app/src/pages/transaction/transaction.html b/app/src/pages/transaction/transaction.html
index bed9bd1..7f904dc 100644
--- a/app/src/pages/transaction/transaction.html
+++ b/app/src/pages/transaction/transaction.html
@@ -3,40 +3,46 @@
 </ion-header>
 
 <ion-content padding>
-  <h1>Transaction</h1>
-  <p class="ellipsis"><b>Transaction</b> {{ tx.txid }}</p>
+  <div *ngIf="loading">
+    <ion-spinner name="crescent"></ion-spinner>
+  </div>
 
-  <h2>Summary</h2>
+  <div *ngIf="!loading">
+    <h1>Transaction</h1>
+    <p class="ellipsis"><b>Transaction</b> {{ tx.txid }}</p>
 
-  <ion-list class="summary">
-    <ion-item>
-      Size
-      <span item-end>
-        {{ tx.size }} (bytes)
-      </span>
-    </ion-item>
-    <ion-item>
-      Received Time
-      <span item-end>
-        {{ tx.time * 1000 | date:'medium' }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Mined Time
-      <span item-end>
-        {{ tx.blocktime * 1000 | date:'medium' }}
-      </span>
-    </ion-item>
-    <ion-item>
-      Included in Block
-      <span item-end>
-        <a (click)="goToBlock(tx.blockhash)">{{ tx.blockhash }}</a>
-      </span>
-    </ion-item>
-  </ion-list>
+    <h2>Summary</h2>
 
-  <h2>Details</h2>
+    <ion-list class="summary">
+      <ion-item>
+        Size
+        <span item-end>
+          {{ tx.size }} (bytes)
+        </span>
+      </ion-item>
+      <ion-item>
+        Received Time
+        <span item-end>
+          {{ tx.time * 1000 | date:'medium' }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Mined Time
+        <span item-end>
+          {{ tx.blocktime * 1000 | date:'medium' }}
+        </span>
+      </ion-item>
+      <ion-item>
+        Included in Block
+        <span item-end>
+          <a (click)="goToBlock(tx.blockhash)">{{ tx.blockhash }}</a>
+        </span>
+      </ion-item>
+    </ion-list>
 
-  <transaction [tx]="tx"></transaction>
+    <h2>Details</h2>
+
+    <transaction [tx]="tx"></transaction>
+  </div>
 
 </ion-content>

From c817f5e62c722d37136ca7c49e298a8abb08eb59 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Wed, 16 Aug 2017 15:10:18 -0400
Subject: [PATCH 16/28] update ionic-cli

---
 app/ionic.config.json | 4 +++-
 app/package.json      | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/ionic.config.json b/app/ionic.config.json
index 1c03d6d..a7bf4dd 100644
--- a/app/ionic.config.json
+++ b/app/ionic.config.json
@@ -2,5 +2,7 @@
   "name": "insight-ui",
   "app_id": "",
   "type": "ionic-angular",
-  "integrations": {}
+  "integrations": {
+    "cordova": {}
+  }
 }
diff --git a/app/package.json b/app/package.json
index 8bee14f..ca2960b 100644
--- a/app/package.json
+++ b/app/package.json
@@ -42,7 +42,7 @@
     "@types/jasmine": "2.5.41",
     "@types/node": "7.0.4",
     "codecov": "2.2.0",
-    "ionic": "3.8.1",
+    "ionic": "3.9.0",
     "jasmine-core": "2.5.2",
     "jasmine-spec-reporter": "3.2.0",
     "karma": "1.4.1",

From 0cbff08f599dfa82411277882a78162a03eafe34 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Wed, 16 Aug 2017 16:33:45 -0400
Subject: [PATCH 17/28] added HomePage

---
 .gitignore                        |  3 ++-
 app/src/app/app.component.ts      |  2 ++
 app/src/app/app.module.ts         |  3 ++-
 app/src/pages/home/home.html      | 29 +++++++++++++++++++++++++++++
 app/src/pages/home/home.module.ts | 18 ++++++++++++++++++
 app/src/pages/home/home.scss      |  3 +++
 app/src/pages/home/home.ts        | 27 +++++++++++++++++++++++++++
 app/src/pages/index.ts            |  1 +
 app/src/pages/pages.module.ts     |  2 ++
 9 files changed, 86 insertions(+), 2 deletions(-)
 create mode 100644 app/src/pages/home/home.html
 create mode 100644 app/src/pages/home/home.module.ts
 create mode 100644 app/src/pages/home/home.scss
 create mode 100644 app/src/pages/home/home.ts

diff --git a/.gitignore b/.gitignore
index 05a92b9..c188cf5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 package-lock.json
-*.log
\ No newline at end of file
+*.log
+.DS_Store
diff --git a/app/src/app/app.component.ts b/app/src/app/app.component.ts
index fb4dd6e..99dcb4b 100644
--- a/app/src/app/app.component.ts
+++ b/app/src/app/app.component.ts
@@ -3,6 +3,7 @@ import { Platform, MenuController, Nav } from 'ionic-angular';
 import { StatusBar }                     from '@ionic-native/status-bar';
 import { SplashScreen }                  from '@ionic-native/splash-screen';
 import {
+  HomePage,
   BlocksPage,
   BroadcastTxPage,
   NodeStatusPage,
@@ -36,6 +37,7 @@ export class InsightApp {
 
     // set our app's pages
     this.pages = [
+      { title: 'Home', component: HomePage },
       { title: 'Blocks', component: BlocksPage },
       { title: 'Broadcast Transaction', component: BroadcastTxPage },
       { title: 'Verify Signed Message', component: VerifyMessagePage },
diff --git a/app/src/app/app.module.ts b/app/src/app/app.module.ts
index c0b673b..9901a7b 100644
--- a/app/src/app/app.module.ts
+++ b/app/src/app/app.module.ts
@@ -5,7 +5,7 @@ import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
 import { InsightApp } from './app.component';
-import { PagesModule, BlocksPage, BroadcastTxPage, NodeStatusPage, VerifyMessagePage } from '../pages';
+import { PagesModule, HomePage, BlocksPage, BroadcastTxPage, NodeStatusPage, VerifyMessagePage } from '../pages';
 import { BlocksService, StorageService } from '../services';
 import { ApiProvider } from '../providers/api/api';
 import { CurrencyProvider } from '../providers/currency/currency';
@@ -23,6 +23,7 @@ import { CurrencyProvider } from '../providers/currency/currency';
   bootstrap: [IonicApp],
   entryComponents: [
     InsightApp,
+    HomePage,
     BlocksPage,
     BroadcastTxPage,
     NodeStatusPage,
diff --git a/app/src/pages/home/home.html b/app/src/pages/home/home.html
new file mode 100644
index 0000000..0c30c95
--- /dev/null
+++ b/app/src/pages/home/home.html
@@ -0,0 +1,29 @@
+<!--
+  Generated template for the HomePage page.
+
+  See http://ionicframework.com/docs/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+  <head-nav [title]="'Home'"></head-nav>
+</ion-header>
+
+
+<ion-content padding>
+
+  <h1>Latest Blocks</h1>
+  <h1>Latest Transactions</h1>
+  <h2>About</h2>
+  <p><strong>insight</strong>  is an <a href="https://insight.is/"
+                                                  target="_blank">open-source Bitcoin blockchain explorer</a> with complete REST and websocket APIs that can be used for writing web wallets and other apps  that need more advanced blockchain queries than provided by bitcoind RPC.  Check out the <a href="https://github.com/bitpay/insight-ui" target="_blank">source code</a>.</p>
+  <p><strong>insight</strong> is still in development, so be sure to report any bugs and provide feedback for improvement at our <a href="https://github.com/bitpay/insight-ui/issues" target="_blank">github issue tracker</a>.</p>
+  <div id="powered" class="row">
+    <div class="powered-text">
+      <small class="text-muted">Powered by</small>
+    </div>
+    <a href="http://bitcore.io" target="_blank" class="bitcore" title="Bitcore"></a>
+    <a href="http://angularjs.org" target="_blank" class="angularjs" title="AngularJS"></a>
+    <a href="https://code.google.com/p/leveldb/" target="_blank" class="leveldb" title="LevelDB"></a>
+    <a href="http://nodejs.org" target="_blank" class="nodejs" title="NodeJs"></a>
+  </div>
+</ion-content>
diff --git a/app/src/pages/home/home.module.ts b/app/src/pages/home/home.module.ts
new file mode 100644
index 0000000..9a8ed53
--- /dev/null
+++ b/app/src/pages/home/home.module.ts
@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { HomePage } from './home';
+import { HeadNavComponentModule } from '../../components/head-nav/head-nav.module';
+
+@NgModule({
+  declarations: [
+    HomePage
+  ],
+  imports: [
+    IonicPageModule.forChild(HomePage),
+    HeadNavComponentModule
+  ],
+  exports: [
+    HomePage
+  ]
+})
+export class HomePageModule {}
diff --git a/app/src/pages/home/home.scss b/app/src/pages/home/home.scss
new file mode 100644
index 0000000..d4cc8fc
--- /dev/null
+++ b/app/src/pages/home/home.scss
@@ -0,0 +1,3 @@
+page-home {
+
+}
diff --git a/app/src/pages/home/home.ts b/app/src/pages/home/home.ts
new file mode 100644
index 0000000..5880022
--- /dev/null
+++ b/app/src/pages/home/home.ts
@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+
+/**
+ * Generated class for the HomePage page.
+ *
+ * See http://ionicframework.com/docs/components/#navigation for more info
+ * on Ionic pages and navigation.
+ */
+@IonicPage({
+  name: 'home',
+  segment: 'home'
+})
+@Component({
+  selector: 'page-home',
+  templateUrl: 'home.html'
+})
+export class HomePage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  public ionViewDidLoad(): void {
+    console.log('ionViewDidLoad HomePage');
+  }
+
+}
diff --git a/app/src/pages/index.ts b/app/src/pages/index.ts
index a449179..19b1b7c 100644
--- a/app/src/pages/index.ts
+++ b/app/src/pages/index.ts
@@ -2,4 +2,5 @@ export * from './blocksPage/blocksPage';
 export * from './broadcastTxPage/broadcastTxPage';
 export * from './nodeStatusPage/nodeStatusPage';
 export * from './verifyMessagePage/verifyMessagePage';
+export * from './home/home';
 export * from './pages.module';
diff --git a/app/src/pages/pages.module.ts b/app/src/pages/pages.module.ts
index 2da0e6a..b76bdd6 100644
--- a/app/src/pages/pages.module.ts
+++ b/app/src/pages/pages.module.ts
@@ -3,6 +3,7 @@ import { IonicModule }      from 'ionic-angular';
 import { ComponentsModule } from '../components';
 import { HeadNavComponentModule } from '../components/head-nav/head-nav.module';
 import {
+  HomePage,
   BlocksPage,
   BroadcastTxPage,
   NodeStatusPage,
@@ -11,6 +12,7 @@ import {
 
 @NgModule({
   declarations: [
+    HomePage,
     BlocksPage,
     BroadcastTxPage,
     NodeStatusPage,

From 05503371cfbd8cff621e07fd0613b669e2858bd0 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Wed, 16 Aug 2017 16:51:09 -0400
Subject: [PATCH 18/28] add "powered by" icons

---
 app/src/assets/img/angularjs.png | Bin 0 -> 14875 bytes
 app/src/assets/img/bitcore.svg   |  29 ++++++++++++++++++++++
 app/src/assets/img/leveldb.png   | Bin 0 -> 12009 bytes
 app/src/assets/img/nodejs.png    | Bin 0 -> 3253 bytes
 app/src/pages/home/home.scss     |  40 +++++++++++++++++++++++++++++++
 5 files changed, 69 insertions(+)
 create mode 100644 app/src/assets/img/angularjs.png
 create mode 100644 app/src/assets/img/bitcore.svg
 create mode 100644 app/src/assets/img/leveldb.png
 create mode 100644 app/src/assets/img/nodejs.png

diff --git a/app/src/assets/img/angularjs.png b/app/src/assets/img/angularjs.png
new file mode 100644
index 0000000000000000000000000000000000000000..21aefd40ad3c275cfb3dce86b8332a7f9f6dd417
GIT binary patch
literal 14875
zcmZ|0RZtyFur<1I*jR9P+qk>C1=zT|ySqbhcXx*bcXziS3GVI=LI3ZZzv|Y#5BFha
zR`o;oyi8AZuU=7LMQLOpJ`ex^Aj`@~sQh<U{?CGk{cm@ZFKhnqz;lz-a#MA*aPu^F
zF$aj6IhvT0%Gw)SnyZ)_n|V7=m<s>^ygjlKqH11i7ybzKgk#=Y+f9GFZUK9+&W6zN
zL6ni9JTf70GGNk?DLJb6G?_z}+@bgq%0{~}XF6xP_~c3zXS=k#VWue$LaL;bNX!vL
zN=YCzLI}VMFznwKu@7;*+q-q8c>L96>EUb9Y3cLC*bh@5XEWWqxw@KlRrmGwmE$~H
zw3_`(IcJeD#KIP``9F*>|NjE5)FL_mYx)0z)og(M|5{eh)*2t%$7}Vw3j6v<8dn*>
zHwdN-Hyu}keZSuxIs)TgJ*iV5{<;sKTK(1^65f8$J=-q#RjoVZK}nr5-~R}oL-psv
zK~30sgS&Y_`Sjm%WA3!n+^#rAF)X;6AwdoNdE&UZ^75<$!W?G*?Y!0P-9{_|2MfD%
z^1CE)>JS}ny#Vvk(S6<;{e-heI;f&V7~#|M%>7*!F;oQ3?@LGxToY7ctIV7xw^wO<
z=IA}gg7t=fp|sy}HD;Rgd`o;GJm6|D*b5=tMHt}lxVmh~&WIj3@H)3!fJ2<aBC@`=
z_FvfB^wL5OCunLSm>x8Uv%YwU6WogglR%U=s1<1&#k{DGzuljBPZ<qg@PWSU#4)mf
zM`0z%%0NXzkyBqG=}syLpO|K*Tr<dhS1&)LU{<mb&tu<@zqef^ySI|>p9!}wvaVV=
z03tbh(!#5uPo!Q0c{NtW{8lx&46roa3-j#@gtGcYozeCx;T5&WFG_6a9YOd)=KXV;
zhHVA(Fj-c7;7fz>$zxz#UmJ0P@aTD8_?Z8UwG|}C#u2GZz8Fw8uTpQTbi|g^!q7tP
zU>EZj#v8`c?JHE}%R7=`-;WRX3+Ze?k0e2eF&{DU*e64;K{&uxY4SHPGfrle9ELI{
zc>0jOAFO(mM+C3Z4ci+JWgA<`62btPuf9W>Ra5^ZEbz=IKx_;7aO8;Lv_~@XpNrmY
zC<(eh3PEm7+D@==MUN{8C!c<(ZuaZQ(lMGl3(c~C`y)U>B%hizL4K?u2rD>aGtzyi
zIBxLMb?G+1H>t5#!RS%Mw;EwSrviBlAz-{DHDSkD&&Eccni!foSqSt{5N=#>9d>2k
zRe0ZzHlEi9I3$GR8X{}*6z=c3h9cpHeIa5G-sUCPn81M0(V>*2n$*#yzJ$gU4S)##
zKzw-x2#xW*=k&|%_5Y(5aqRvhYq!pgXk3u3F|cc9Dk&#Rr}FureX`*RA0F5U#rI73
z<GtfPgb!$=Gmd!Uas=sUk5<ih&I@#Ehuf*Rh9Kd`f6;@c^AK_-bYjcIkW@g>IQ*R8
zy^(+U-uGi{bH#AzFZ3VO216^zW@iFgu9$k^(50}{c<-}=(T?x_9pA=x;+7H*rY=V0
z=R4kl0Oo(M{O4U<0J$#OL4RhBtNV+tlQt&wzQzE4b@=Yk^!#qnxdpXwLIH&Bt`-ml
zo^ZXyF`a$}ei;;6S)-SD9ewlnJI>gjyoiQhK;pKf3E(!xA{H-nEf>V=2zT~O7>}r}
zVAFih%bKi;lNd=5eQF*99e+lV|Fx*uc2|+_7_pV04`i;2wu;OJ6*TiAtpL1M1s3go
zmFhuf)hDt0ogA4_QS31h4^oyt9N<q66w_pt7_^9Tkb+26Nf{tkFXP3RZxX-vYkvD7
z!U=xo!w(}txBlzLcg?MH6(R*Qg&-ZP9oL&1DmB9V+e(WVCI6qXr(#f^&@8g6*5|z8
zE{DV?TfK;e1wj{S^jIBDxihcA(V!gwMC9JKW}Vp4Z@6FuBGj8rVYK4lcGT;QNl!w*
zG@77e=w&zfO5Z2(@(&`jkNq-u7P!MdtR*m7FyN`fB{q5?;ZK3C3~c%*NBtfjcY2r9
zjOdZQgtyn%@yoOD4msSHGp+JsY&j#84nyf!Tw^x^UHv-ZGDo5Jo1t@bhL8fKfgzjs
zT)&;E2G6o=p4T}jqK31<iGY)}4%ANJbr>QzUubzvZNHtE?{5*7awg!Hk3hI}-6p5o
zwg8-5Q-2xOCN$6+X~fOmZ5j<a2Ke5SW|L_kIu&cQki1|{zVHt~W4Tlkf}SUxvZ6P#
z&Tyb%tBAkA?<t@^cDBzk8ea7{p?5nZdY2+WAf&CJuZk9wjN!GS>T%+wdxlUfS|Wn|
zu8GS-k(#?(P}JD;%yKZBm$H<K4W-PO@~!9#>SbAUoJkjYb;L8Y%a-QGJO(1*B^kg5
zRbH_X!UoD92ktBF8KDtkGUm>CLS0+I#T!w1FXsuCSk%)E7h(-)-WnJO&NVe8iyQR;
z=bZrZIzg|0JG8a^xS!J6ffE`X_;15Yn&0rfq`+be?d#7ZqTnk`IVJfo>!L&%^9n%!
zo=hzyC5f64)&n*9*M*J|G&QuX_paag&u#ebYfP3oNYZBiBmL2@+K_pGvN_KHyqGgE
zn%Itp?v&pncySfM?@q$$nsSm4>ZNl1=Jj8-IH{odCE&EwE4N!SzazT;m6{{*xjG53
z77f*csXfo`MTzXE;S(Gt+k~p<@^puFA`w>lwy4iycWhuK7=WIZhu+>%2%BFSaQgXl
z$WZEm2QBZh?Bb-1Voq7@<_Trk_-!SoZpV9d@;TE5`Ka%P1)o&rtOICn4#H@<<nLc?
zg?eFuK3|$hZk)}H7cg&En~tph1FNy@>rRL;q;&geXj);q{R?Rx31!^mF3=bM1v2Hk
zothuyq$1iH3JKQaZ2e_dQO_}t**Bh$WDA+q3EOew8J%o^#8VY#KNv0OenCU=h#Y6t
z|EMPpU^%DG;e!>NW@&uNBL?#`g9+jd*F8_EHF!}F>E(e|M*A8dWJ=dRj)s0)Y2*y_
zQT#G9ZTM0+lVR|=eSzINk0I^RgldBpaSj<5`bSAz@We5r$L5SQA=uj(8U)Jafzj`J
z8oK!}nSOxl)I8wZWf-R*I+Di{rR6!N_Lre0;5e^0vLgV|q02SNd6=tpuGjkg27$Uz
zU|nv@X-JowY?!%J_fN?B1R;o47zqB5em?aO_cb%4A!U`p5&GdE7X?uU%==f)+={y0
zqy;S*4XTKK*o$Kat{}z1UTjUOiL|NPqIFwU4>prM7t2|4(6g-Pe(zACuxst)9^yYY
z3<qTF!#7P>vNj(qGwOX)GD$=bl9{(w=Qp-%N62<R^$^OmDv09j-Xu742^`CP-1@kj
zfz^kGL}eKB|3Wp>0)_-ar8_L@lb_Ers`lBhz=V*Pi+o-skZ!rhQ2!-KP47u1J}a-(
z#Q2V;<1pUHRHEWc@1=1(=?>-;&LB1h5js+ZFimU;RK@yG7sIP5TS|9e8+qfu+kH~k
zXTRNyi0?(^oQaY9^&^u|HC|s!fO-s&r{e}B;dR<vJ`?RZ<`TCoLt)qt6F?24K%(8e
z>ka-kAZzxn`1l*?wR+WWh_%ZyDS>_KowmQl7w{cuv=*>wp-(+M^B=1yCtD4uI*EDw
zBgKWO0uh^cXnrXjCJ?p3%f1&xhie!6sG;lxE!GRoMcL4r#@l9y-HvEx+<_rMjB<Ev
zaboFq{amWrJ~=#bI2(iGHn&Zv{r><1e6L(imI`oJp)H%HW(d2%te!pn=i9^H+p&aq
z=5m-1LF>4H5dv~Nm#}1f))H!D0g6y|T$RFVOSm*5H9s~@II6c<Glt4C2eBypn$`*Y
zRY6`NAk4VnS1B|gSP2eOM*<!IL^md}FWcA#I!QX+&%<qg3Sj*lQxYqG##MPjl^9Or
zhr?ObgFZJarMR@uUo6x^)I!WZk^1nAeB8hFynV5t0E5xX15dK(7aDG2V}F@}2$Wf1
z8?LUDJjKS0=bDB}1)DZhaQA*d;u<G~Y~It$2x>B*g?qa=k4{B+UDIcXz_wggH>4o1
z27#Nbh+xkf_7hJ}(~OAt<zO4WX*p(~X;KOyL;OS~7nv}9{4d%(d%gzu;Hbc`peH%9
z!&US3>MHHv>VFSbNOl!r21Ti!{M0`oeF>hHq=Vd9^f2ESU8@(cp&CCJMnPv^56@(?
zjCTiVzfMb$;V0e)1CG-Z*kg(8ir*E7`1A7uUcv*qV`+c_;MjL8sW&50Pj2K$!fdMD
zu@~Rcv@~z*STbH{23_j*gO)l4=vm62L?JnyCvI-}W?Xe~v4t8I++>obAu_Q?9g_va
zjm^AxS}~dZ4nG&~dTci?RF8BxPd{-)(Ru2JqF35JJ1dA~q%kWWZ~2=dEeu=Zr*#HZ
zijmZB4TE7U$V4JOq%0^nh%FyYkS}DVYqing_@x%@)^hZmRtR5d<x)(Dig%1DpN;HA
zPLT9Pr~fsXF*f;};#5?C(~W3Y7i&gb1>uIlK{SQ54j?R0hP?<YBrGM__Z6XN;2seN
zs-I&tyI4S9igziC4dHYGLRM0|FYP<P{&1$*uRyvW89pi{WxG7GCNu)#i3s}hsH>kQ
zHYNBkyhh=T$lZ96gHgNiUZp=W1lZBVhdd=Tu<empI?E*j?6DS~|7|k<oGLr5DGYbA
z2#Kv`CUyeL1PYc}4a?txG%_K|r<goR_r5++d=aEB;SP<p=~+m3=Y;LmU41tkiu$vO
z>*ZN)8x3<6LzM2X$ueA>K!%V0wa>;|PVj92h%V+ZvoI4WSZ+6Xw$rl|*Xhf@A7}Fy
zcMHVBep5a%UF(_lW-Yf}Uui_a%ip?z0~~|Uc=4XSBH2~6y9%6TiptDwh5US;ZMJ8c
z2<ga>v#+Dz^EXRZbMy~{!`E#IZ?-lMP9D=S8RSh$&ogZ1kS>8hrvB3Pu&}|gL?6U&
zfQoKwZ*5c=0WbLtT_bhYAa6O+8X;!OWl8v-bZ?L`DCjYKz)bw4!*Nn<9lHl4l*uK#
zXM-xIu>8LS3B7h)zQ&cJ3yMUvCrR~r@hhHDdjyEQc!g+<Fl+_U|A?m1uBFaSC(4la
z4*4{)KwySq1~+>u7jYsj7u$GZgpLYgaW2D$pn+s_@Rwk69sk-uk7JS=*YGg?^W4K7
zx#@uGQeTS1Oi*3H>37v`HjkromJexiCQ_QAFAn8T17V<n(E|<&_&VH2oDytx9=fUD
zV!?`ER+in@U)UOCXm*;VPEW>e+gVtO9mDy$h$+$N1krDmyJXUVB4Iq<1nUP%5xvsA
zlgVm%C9dw~UJ82gX?(#bEbsHNvvtza^igw;3o*r4bO<#eE=z1Jq{eG(BDxcPHoKsc
zH8bbX<|(>rlw4@dv^c!w;TNoH7o<48_o8gdriH*cqK$W*n*MFs^Ee({jVMCvg3ljj
zl7}Gd@2nM3Sn46a)n9J9+837<1yf0&#BOSqY1oR(1`@xk5&xbnvAW!YlNPN^VRlje
zD=lUOA}VWDF!bRFmHv<f2PP{AY!?+JEU1^@R@@0lmEnDAdbu;pd`0qbFaC3d6s-9-
z>5Dym@{X38oF4gpP$0Dwi3%0-hLwV<h8a6zyvW=BXv2rY<lO#O<9QDPr7y8PZjeuy
zA??AL*N*?fT9TkkuHFE!osr2)0MfhoRK=Gm^oK9}7m~T{mV3oGZwT}vIy*>_FR}A^
z6EO%;^9buy0)J>wwZ+S@iR7&K&xh2)2N)V}mL5|8Rkc}vxPj+43xmN#_XToYvx;rZ
ziA&k)FE{MjN~F+qZ7@nLtHJ#bkOy`rU@P$Ilo{guBKA?bB0JJV7SnFWb4EO@29qeI
zJ@X9r9E{AD{O_amjSMI!xgeABw=Qup^>~Q|Q;k-d2pUvd%ce3{9GNUD+UaIdS~RXg
zm^^^zkgCt?4?H05FkE4^2lX!hfafPepF50!STpaTCg$2=L)@zv&O;j67|<THv$~Ez
z3{$eYd+mM|T9Tbja#;B00WQwZmo1`UpicVg`Efxi#PY{Ps{N4ihEmRE?2AW*k8QfC
zp+q4+86Ku38wnkz^83CSUbHkKnf(n>j4y*lO{D97z1HSTz41asonbvqeFkQUzj$WW
zk0b03Z8f&&ag=Z)_Y}<V)i_d1GI27*2JajVI>ZF!EBOSe)T|;Dp64EmW^p)W<pJtN
z!<5_X4Br*Sw1vTg<vRQ=tmin2M}VcicK6>2Y#*xr*&hwPt}=su_*?@EM-L|f$=~G@
zwoviRZjFchHUcELp0#-+Hp(zph1geL>R=`~=hw0r3qikrfGYpJZ~1JhZh|VgZ_F&B
z&EBxOIw8YQ2JNUlJ{oxxxQ_fB&^Jgy_hEBIYWhp{u5-0<_sJ3kd6jb6_!4gSym-+x
zm%~-CT><1tSDgZ);Zi*zp6*tUz`XS?GQim;F5a2a9av2qjU@bhvXF(pcLq6|(Udi%
ze^0A$^@Le&b)yfHO-zWexg2yACFI0y50gH%ii!`zp=xxqBzt;MEC3;a^iz_Y{#?|H
zO=kjjt(=o}*QAV|$et(2CvL^J|5MT$iZV1>te%t2hu?wd<{G9X2h!P-b-UcJBt3*<
zIwmr3>TTxO_~zGRf8Q4*PinbIj>UA@Kn?}gFDZAbedct;6&7j-Gp64dLtB=+ua}9-
z&kux0Y_ngt;iZMdhZo2R>9JOmnrB_**kblVh+&`5#W|TKHf(xIej!Wju5*6lOg);g
zdpdEXjZaOMMGvp*{Rxl3O^@tZQpRs?sm0wpig>>a=+w#6wDyY4H4wAUF(ot<bg^%%
zoJ)Bw{L4+c4$N3wqno^DKEqX##kgH~7`!r)<RVMCnU|)c6-MyR+@`irV|S<(=tsAP
zYoa5@x$l|??DKJO3=p(^z1LAndl`4^UcRmTi<z(<{oH&h@;dm{nCh+W@Qu)ixG7QF
zXxiUepd~N4TV|+)3vB-Vm1qnP+?HlXiLLaD#%Yn~q_-izW4Y3yHW9%AY3z4SB)J7m
znj1^X&ZNXzLpmgT-M5uIPm!nKH*|`lEPVE80DbREbzyJrcd1mrr(3RnYZ^a_zyhTk
z8%-V6Lj&RtQpEJ15}d;_4-o80I&pqeSjNS7Z{NdLgB#Xd4f~T9;Q{L0DI@Bx98Qav
z?XfB9<hr0^9Zo7%Jf{8(B)NFn(g--K$bW>;I#*R=104!c9CE3G%81)7IFr}*=pA<f
z^H}0^XI>*tzwke{B6oL~v_X1BXHNBrN===gdmIii<IHg;!$Ux9RjKtk6wygpgHqhC
zC$#Oy%T5PVK&rzJx-*rrzo`@4xQUnJ*nB@-Bb8gps<TpI2Sc`vb({xGQz}JO$?7jK
z65!=*gnjUE{r(~ERLp6_{7AC%IDt14`p~1(X^jh!N#B6VtzJw^#*rBzSJU(bwXwxT
ziDYDo9Qtf2>-*mt(6BFdRO^usHAF+tlf@ClXkNBhpr?z73cza7iFsU_CKl;)n`~r5
ztfoMEBoqWK5L}Z|%}8C1X!oJvMgd#ZQUh?R+T>-e4pkIvxgImw<nIYI4M-~rHy?Po
zRmQ}V*hJz)MAL+VxVgY-@&^j&Fl8GrYZ@Y*uElJOnW`dIZyBs5WPKhjg{6P8*%j4p
zH=hT}zK_*Q$&buFk^Go`$~&zD(SDb|#!5QVFc}3O6)Zb3S>G5CTE*71wCw`qQWs;Y
zD-^9sDh9LZl)=V7kN=XJ@J5PR$iOasG_y?C=^)Jhw0;_OnUv{qLx^VXp{5c0$7rCO
z502AHz!#)dYQ>NQE<iJ5)@eltPV0<1SDGrZQEBt&=ziCTC-3O;$50i|%IdE4ITNr!
z9O0)?1=3-~{*C4DdB-*CLufGFO|Wiji$@t3Y~!i~Qz0{`%-u<oguYF97}p<V!-(hz
zlrUO&T%q}bs4|ZrNu8`IVA;YWsw!=0<pDh=&zf4DtB<4h;rSqe$pXDy+@fQiiZu}e
z*g`%wlJdgCR%{RsupIsZe<jILL>7L@NRKrv+;y`~%;F#U_;eqIQKpiG0%5eUc7)o4
zi^!-MnRAdzYTk2Vw90@MHU$%OrIq$YmRi22w3@bw=)F=h`iNHUzYJ~X_sEs4&9H30
zG>q{4P##PDsUL=j;{Hq6bU?0Vktj19Zl(mX^onKB_lA1KgRC?eiW%`MZ93@mHj}`O
zx|Sb0KBt$DgUy(}a9;ZHm`kE^z*ZrjS7f$B21AuqYUMAP^x%T&aE{S)NeIa_$h4VG
z=v5JB4nh(4Y`tM@xzX47Rxcp_u1NUdoIPx=^onoc0=$Zn<tO1d8B7bK`B1kYPfT48
z^7}!RoH{bG+Z^=7N}-%2qq(viViuRST@r3$jCZn$6*HYP_I1-=e6dOg42UHLAd#g1
zusQ=DG9nm=?Np<e9)n-7pyk*xydV4QY`oK;%*#+{c91VS%MIkHrd<xim#gchdKQsm
zn|ty2JtqX`Q7N7N-cVkQ=cLI{tCqVcRC3m7hP}kf@q-~8*6O#yvl18h%4P(!E*qYM
z5Jr6lD7SML*6+1!_Vf6ZQwcl5M5&=z%!s`_%8x=HZ-nQt^5K&jbiJm#iKkdr*r`k9
z5!py*FP~y_jt8{L7sSw8)1kK02XCHD7fMjcN?A(+(BO0ugUOFz{7cCos;w>kj8_xV
z$yDVVYS^*3FzAC%q?QsJr`5@t4-N^G?Tb`aJ+OdKKBr}WZ}`I-x63(28xJZ9LS1p)
z$LxUG&1C?lvM?*4p%s?*<~H>+HFs}OUwQ%J_Et4aPn-Lm@>-qxC2|r+MNuKS6Yn%^
zDdST4Bs?k%U0Ib}aSoM1l`=ChSh*Jsl0zYpMLaRB?efRMC?nS4c=QPSgy7CQj1!k#
z<1+&Sy|}WS$BxQ}SDt<|Ha!Y^Fn1AUVq~XHO2<vD5IBqL6JO%0^eJ2>TlLbwpdw4S
zTm>pwyb3Aawq>9)4}tRXXJkl7s^h~7-8dN27ud%?f`J+M&UfQ_T$1C;idg@RbM>8-
zXG}5jyJn4)NMVpg@qe8>M}OFGU2Ofwm|EpC#aUc0#SwhP@F?|?$wE<GP>*!*)a503
z_V_ZTDHUz6Rq|IXFr<z7n@v%NWnb!lnRRWu=@~cmPY(fSXT*WPe(JYl5hs4oP$Ned
zKvl4!>o~>)H6Ry|KvC3kz~#(dfjVADjw58sS3yE+WjKDhi3>p9PW3bugm8qE6d>dL
zrfX0EUHMavur&qLfrh0YJpyK@e&#OrE8(|{nKArz*@>C@{>R5D;bELKX;RqG`1X_P
z)D0BKM?!{m$xr+2-G~Rb+jE+D=ps?XWN5dSlsO%J45DqAFI02pd{M*jq665BvWytz
z+RFf|M?+O;c5z{jjQ$DMb+VNOTE)$2lp$k1rqXtxamku+bo^pu+m56&SV>o*%(~r>
zJoT&)WYgv>qttp%m&D5W=8jc(LGrDuFDYx%1G1`^Rg(AiH-&j=N=9#S?W)bC8F7IY
zZey6(30^gu&3LfbzDUQ7g}4OjQjyUmXGvi+v%zqfivKuE1eKux-g%3<6a!ZY?!s}Z
zW3v;487+uMA<kPzEvFS8CaPOzE!8b$UqsVBC+Od<g%hmeIlI35462oZpVIPKf5?w`
zJayk8+_CU8Nkk3=0wziAu*jG}sst;yq|qc%_3Plj6Iy}loA`+wUe-2p6MJOZ`(_NH
z0fYI0pH;(tCF7E`=;zXPz&=4`wDJZ9mQ4f6@>Lp`sydP?t4U0AAgp0@jI9Lsma2A<
zkNEtaeT8Vd*L^=fKZUmpkp4Q@cK)n<B*GkAT1rEP$+IK<r%A{DTDEi%(~+MCbhjbd
z``g@iNPt$tER|W6Jl9cYVR=P;yjorDTcgj@fOP+CZc9aRDQO%r%wd?PtR`p$N4(bA
zD3l8<JRJ{*Q!Ym3i#&OUg9?UHzl7_+l6A_Rz@F5~i=G{eYb3wP&>#2z=j@cIpmR*%
zy%fKZ?eJxNdUU`VumlZ5+t0!-BbiVDu$-!>Qb~<+xjT#jR5r4zi$rm^j4`iqh))X=
zRE~#vQedV|1@o@eV=grxH9Uve`lGy#`sm(+Xa0b%-v^SD9nCbQepk3$MWulKE`Q0X
zbvx5~O-g2e=+hQN{r5c};#|ldeLKu$LD}d!R&Q-;NTHo6nXtd;kPwyqM2e!6Q}2_1
zWccIM1CYA}gO&H#oU&s7{AtlJk})5mwTa@|cA-{`Oi)3!z5W*hU*-CIG4@P^cd1B4
zEh~%gklfAG!}PYPZUD#sY?zYp2~H?2wl-6SMug#rSwc+6My9<Vsy6$UVGV+1CS|%{
z2Osmy1M?~~kZk7Hd>{uo8l%xC*_ufzT>mv%e987uPcI{v?THX>CB-A%Q#giRq$E_-
z_)9#ypQ5LNZjsZ_>BdFaCwLHH%UvDACHa`}>gD@u4H{}(q`9>vR$rQk*m4#dzDJM^
zeJsiDOy|K|lqgZIFI$~dDciorAKRmIffp71RC4(j>j81rf)JAj>Ugv*Sfswc_54d3
z^+^}OT#H6FHYO>?`F>X>ZM!w0Yk3*_NC#nopQuGfP@K^eqSX^^juC8)c7Lmk=SDfy
zP-(TZS~W^jF--bU<e8DfW{i^Zj;e7mqH`@vxj9U(GaMv>U_H9b4bsqxi+|Q_|9qkh
zj$DO^1sUdVWam%YA}iL()UZ3)Me2oHs`PruD1%Diotoh$wYx+%`<EvV-L^QR$ue1y
zH?$WA{`s{virN!>r{JStHm|~W+3k@G6qpt~H;4Q6*I`Vj337`RBK7B9*kma<4J|M*
z&vxY{O?13g4>C*Aa}@`2G0Vd)Kt6firY$p*4A1D~6<!WF;tJwQ`)kU7^0EzC4Oh+F
zCi5Yq@S_~U4BQyD@F`p3Pc=cMYo%#9oH9!8QsGVTz=Kw!@(Y<(`|2N!xe+T>oBsZ2
zoi$&JXh{J#+=eX1Vft#RRRg}ne5RS!(V>HLA8}=HNNaQRL+c*zF0#jYLzI|4p!#4q
zLYPmLDMRTE@K_ZWiO6{>EhWy=R4g>eB<*WE+XY2?;x8juCuP1)2I&m?TRA59LXLzt
zOUpRS>jYw@7!6N#jZ8I9R$FWf4)KsijeZkQTUxrSXpaq#gj<$m_x=#LeEFvRp88sJ
z@ofM@)k;+n)VR9Au2cvsq?he?wh|6x(ooX)4lz^QdeXkc|M%3X1UdBQib&IM6UI9~
z{GEM1VZWi5z58*g^+cF&S*Y$fRcEY^QelkEi->x)c431yDh}>ttW_@=?C$7hnsq?1
z5*FbG*T@SWq*8?$C9{MkWkZ^Ej$_02!nf2?8RH1L<gh4NQ`r0be@N)X0T@X(@Ilny
zbxQYK8W!u=&<il;(5Yjq49(Q}jXf?)DuWYP>3FL=_S+TNDyhX6P|OZQL?jav@M+It
z|NI;tvwHON^2|k-@{#&#83gMC<nG4O=rt3K^pV|sP{ov)*cyA0CmH`4xof0j{xymo
zz1g32D*LZ=_)S5k6z*-_xS%qvGk44hZGzhIZ{1II)rEPM^s~_h>|*t7NsQk5ql1w`
z%Wt~pNuQp;Y7<Z$W5OD4oW$7N0x)lomtfK77C}=W7-idpmY3$iI-3-{1DJu-H7B?m
zjW2`aNL0XD>Zh{u?&nn4U}bpE+s%I2BkF7Iakr_VWzlZdeFF}aW$HQd^)%qBszf2)
z*cC`GROGM|atT%Ck9(>(imz^pn$%R;`<+J_lA;wqKJhsT%9!z_8loXF#y_d>fmj%c
zvdpB5T*>W4cPT0FFRgo^rt^@BovoTeNjPgsKUR^~2&peubh_TKxI~ZJfFD`|v!Ac8
zo@8b|H00w*P8K>oR%&NtPl*YlBuo_usSlQ|YQ4L8@L<SzcY3{OpYDLz03plURZ@1u
ztt2rDY;TcFnTk-S)7Kp)hW2c><iSRUUY?yfc+Nl<!Oq+lRfd3!seXF}W4Ui(gn57F
zJ2!Y&TEJ);d!wP9N`Jr8uvl*KY7e2Mq=CV9l9S~C9facLA}4)#gjTqqRhMA3u$*kE
z<A_l69p&)X;*}Fa0ZhQEfp(z{S?Kng5a#xK)(Qn}(ytI9q{8pNpX{~ANh=98RcMS4
zo>Xc@Pcb=EH`65kZ9EPp(mEJj*?~3#3(~md-(e-y;t1%)ZrQGT699}>j=8HxgKwCr
zlOie~{!p65OZmm4!|KdqBb@H;K5;fu$>rP%L>a{-?Rrhx5)cfM)6ClNS!IYYR4ope
zKLl6+p@ILPoSumj)vvm<4uEg_#HVIkiewBI`^BWV-RUW!)vR8U0mRf`1{*X~3G1p1
z%EV_v7>~bs=%i$F_*_plb-ZDF_MgxYx=675CyX*h>%ay-9hT308K0D-m}8Q~5n``2
zDF=9<PB^%k6FHdUPZMSUuXvn~&fzrLYPO<p&d*hA1;Kl8G22!TJgl;Kfpr;DO8^`D
z3yd~4&5(1Mnq$LF^2V{>PV>ra`NRAqyvR(8q;<~qdKh9V`h6i-hLi#Szj{^3jL>Q{
zHA=)6Eq8vE|AV729Gv{!0J@AMW=)L0e`dK?(4_45r<CV(&_(s(shJW`xyuDBx~`Xz
zHcZ`^xrdP<jj8ZrkvOMOk$gy6H@IwdHhgNHKVv}*nEnXoRf#0wWgg7~-fx?mFW0ZG
z;ol&DEX<Cb6-kij0+*Xr;Aqd80@v22qjbYBR1=_@R<=Pqzr{QZwmRS@n<4Ca!<{%C
z>Z7Qq#MP&?HmpmH2rnQk=X%`;Si#>W9;$Zsid*O|O{1M}<V30;McjcbDicjMliuyz
z&?2UOw?bLh$OPw8zZi>YR#HtY@}@rGs5enM#)un%Rfyv@?M}m=*~Nd7G1O6-TkVM(
z#$3W0b<SZn>UDW4&9Sna1kAV`WYbQ@th>=RuI{MVGB)cA(Ect}9vj!n0I0AXxz_W>
zkMF5m+;e=y)!Gm*@6b+@2FnA|l05Wfoe*Ir0x@VM93JVQPod9O6t;g3zbT5|{wlEM
z=844pnU$3RR~=Ide%V8Zq^mpK^0*9}PAUoBYl}jGQ`U8ZRau~IR4cs_n2jx8nfw4(
z%UedE6?&0G3@%^bH+Jgh5}t8JTXm`t5q`VKTk)f7#CSk~Z_W4jiAx_Gmh{4qXYP3>
zYkxB*EUPU~3QwT9chX3Z^P8NTSDXZe^5qDj@IZ?FJMrm2ACOd2lZab}L{~;_mOL6V
z91Cgri&WUa#Wy;x70A~wRy8S8sUq18z={5Y^G3iJF+F{%qdkS|Cz=v-jAQ7piXvdD
z{t>x49v@zbjS{uGSOuI@uk^=W87l~0Bw<KP8Rw(Lbj&x@ZMN$@#vSUDxhJJ_fPHD8
zgy}GDe)%ysH~+~?)&YQxa9>G_`He(uYn#S-MC1!3qfV<1gFiemHQrFN_FHz0Kb<O<
zjaE_!7lA&kf=D7ATL8%)AX(W$DX#mm=bvya2&EXJE(!EX?``BF>yxNmf=Ubqws6X2
z2DM0p<z5BsqB9L$P|avX$m5K+7UM^lh%9HN5P$z6w-I5{FSE!-8*4~f=gDaWbb0aW
zhgrxe_u3j1wp!sQ&q{Lg?_VbkbX<oQ7GeX+7URR=q+j-%0!V)vM@9ILx-q4B`CZAD
zg8sSPVW}hXdIRMgdrLsl8%7vQKep8gZwGKgcoJ~A|NKxAof$uHtJI_(KWu#3^`{(k
z^E?&5Ww?qMTNkM!w)#RA72Pk+s`Tw$3*F7a81<nm#WICPoy!M7a|NQ9X)?$v2>y3%
z0<Pe$>qM0q@hD>83Uo=WL~V8&B>P0%MuFtCiibh@jbtTxRMRa5UP~HvcY;mKRu`bX
z%@|tsJTM#D(HN?XrOVhEI_S(HuZI>?Da53vfrqwEkt}lM=wf6RNZeH+W<=?`aHeRS
ziKB)Bq3`FdzwCOTpRNwOh`4z#{<4H{Pe;%Md<>bl$Sj&(y6K_kG7<#V9J9fy*X|Wa
z<H2`5i5|@-xs|!RuN8yPCsI#<^ennG@8dsf6;-PU_z1^t+x^7BV1mSO1@!4UHgdU;
zH$K=HnnD@mTv`mW=ap)=aPLM+_(Q9@73lPqgAxy=J{LA9e=?T7T<0(!Q7VU}K1YWp
zX6jIpX#<|Z7&s4lWeGwyUj5G4#uE)pL~Xt>tl(27gGjcrzRIjEKn;^Xc1AoGnuR6q
z-x3xxVRtBHu%m0;06;`nr#k6z`nwk0Ph82c4OLqS9cj8Dfe)co{RvmM*Vqa|=cZK|
zWJVx=rMJ3JTH6d`+eB63T_snUiZQVQ?7;@&9<{dHd28eZt=U4%C$&A8--Dwa5yuMY
z`MZ+nx*3xIyXw3_3~uZwz^Wa(y>_1$(**~_GUAH2bg&LZH4vv4TzSm1wtez@n9iM#
zYUon@@FdQ&R9{J&ubB@Du|unyEv69sJLsoP(YqS?W9W|ss|!uYmoTv?#8|q$)9;GT
z3~6b~*#FUQZu;r^B@rFu29Z4A9`tGrj1FV1ZpjiL#m5<4TGFHQKc;9TS$;PGKVhEE
zUl15tx!1gVaHwM$o3&+hdhqHOIteD>#kt_`yn(-aYb)FOcb}Yhm@?@{6R6fidU(K4
zFz$pE5q_7ud58Ee6&<Bk)OD(B(xs6@q~=JCKjbvp_wWu01lu&|cvzjolOWLYDb(T(
zv^AH5I*jqO>?$V}_^C?~Cil|Ux@ys^;vd8;j*0yVMMJEE>a>9KYxsr)F~k*Jx~f*~
zbR4A80_nq?1k~9RQrH7mCJCugwa`ps`URE8p;JG+Wx-0xeO5QatQ6WL6P5uqPtq8&
z^z9`?lfEb-S;ZlKbILLoa++By-&h9s28dG$U*`AZtOp!6^ca5-C?2UYVY3urnTs^>
zJGSy-&V7ZjED)Rr=g(O*(b&T;f)D4<(Uj|iv?!(XV;>#3bdgz6BeH$XF<q5}cQ5;d
zK;n~;_{sbU23-O-+|S$hE@{!s-3)_g!zd)_t<FU22~q?105*HuB{(j^nlLDp_p_^y
z#8prDN%o3pw&Ucb`km;iVO&rMlZw9QvYb)Db$of)3pEJx&&^f4KxvAM=o}>)<AMTy
zv6oi#AA)&~sz~vOpKQrwJFId35uZ}gUXKaAG@UEs)p{_6AibSek;kC($!7@=iGRSq
z=$lQ=pQk^MV9H@=;JBI@jaBXiwXc5vGh_~8KWmjcNNI<7k9{ME|LqOUb&KarNR52+
z&}Ak?9u#hi^3ri5!(+n6t3>+Nn+QEWTv>At19m6KhE`Qe4A}#uf}A?2Q1RCE<lFq4
z$Fe8Y6f)_pN6}_F&#<a_D2T2lFyZJ{C8m>2UI~6Rdb#~8FCYG}v|*U|wH4plLanYH
zjzI$vPgHlsQ-R#RAQ9s&%C6HV<V>2ZyuNP!RMngGK4A~wThhP@LLuP#-p;=70zR>r
zD-aI6*c*wd-LH5<F!hhAkKhZ10z0@j|JQC)(6hY`Cw(&qMlMHLSXX6Va)m_;OxTl$
zd+`DBefh}?gfW`N_X0wt=cuw;BXjMJICe~G2>zC0lHjwNNH73CUJJ!%E`B14Sk7cq
z`KY`-EGoUt=J9(%ICjdbfHi~eZ(MDSHqNibaOl_{#>J>xK$1glK-k4)+qUcmvn;T@
zdX{(1Yi3UE3w1lhFakgR>-JwchG`QBr;$;4k<ypn$`t+nMtJR*#g;Oh)c+A3nDI=y
ztv`FqC<#PiN7N-H2`fF-SGy69kEVlSRA~lpeytl{tP>ReI&NoizOnOnP^$NI2qvA1
zlMoqGQ8o9F3YFQrrpQGk9Pg1YJAnxZHFJZskj{ZV3Y~%&4sSUu<%uwWv=MCNB2b7C
zPRQF6tAN&mML}1dNukFc$oki0yyQzVkm)J>L+s1Cp-;dp7eBZvvc>LX)Z1c%E23i2
zR|SK(+`EtrWU2?5BJqQ5WJ%~1a6_9y34;5j(x#-xJgw)*nD3Wb(QGP1kB&t(`5@40
zfrZ47i)tG13K9G6L~q8d2bp1)8Ev0Hg>WpOg(Idm1AZZct5?l_cq#)U`=>jYYQ%vF
zS0uBj_A%QnYV33HA5+27#~Z9r8`310rxPYQ&N1_nN)*Du`@Sz0FrXIU2hfS$C1E03
zrvQ9t8*;>up*G@23{L+F_jV{6NnkuF)0EyTPl2mb2BRdQDTG08Z9KnxdZ4{$`z=Lz
zav(VogkrU_VRF~*?fRH_7U)RuKCCJVZKRn#MRD>HaeS>0d3R+i2dPk4^qYPE@(b$C
zW1TTc36Ue6RLodRierSo;TM6E%`q|V+o%t2>st^ZV@gilAndBUZ=usJtVN8wLCHyy
z)Dc!TugXkPTX2^RZ~HT2y6z;nz1W{B-5q|`aliXl*H%}S9~z)c${=!k2=24b>m63;
z;qUEAbyE>9NBhg`bY9c$`va|55`F|`%dh9m70ygZ#Z+LVx@Ok^E0$3c*&?YX;wc+4
z_tEcXb^F}=O4>BmJeeJ3&z4e(An)zGdN-pRI~c9LbL*qjmYaE?S_l||yd(e(M<`mQ
znoJNpPyX^rees319ROh#_v?JC7Zmhr&y3P9Jh=btB=QME-1n26KFL1iKs7p8pyl0w
zhu;x9cB5V!q{3J!qZ~)W1e8$Av|4&7!JkGxG|(#bVXp~EfH7b1_w-V?GlE?=XDN<9
z{i!CE2kN#Gh4DJDRqJg4alh(#FsG6P0D^$J-w33mC&Y>q$pn3Ah`-p0ze0+S>fVUK
z$k5<Gu+Z?(A~cvVc6)T+gvjwHoyxCD8A138<s|%%SvVG(eU1O-v?K8YXAwpBe+yJd
zV5ro)<N;mmvm_#IZUts@3riBo&?`e&WcJPN%nt=?Q-jr%zu!^1_U8%1VUeb?S6KvU
zIxaOPRa~Pc<$bYkO`S5MXClLZ%X%V1?_p7<nN7Z6D>)^hqSdr9qkH&@2~dQ;s7?%B
zaAN&!p^&5{>0(kuMdEOQ7#D>}ASw%u?q+<sT-X^T*x<}O!94@#<)^dD2Qs}>RT}Ys
zNpB-tvgFnBFKfR<q$D{%p##63clp#1JCY#e;_iNZ0pQLf;1>cz>b`_P;U7UCOY(2+
z9L@q4UuXC8Ef2(G1s<0h^zw0VAu0Bph?}D^LYx*-Z<fW>4$-Q+6OEQHdPj#$QRusB
z7^w@q#5xF9#l8o%P7<sb7g@wD<(XZ5!=FTcJw3z&L~W2F9}oiRQ-{526K0>sW%3!l
zVX2SD3dhMs1>uhuMC?27u@fxsDMTz!GsyGKH<6JzWlI)<KHr(rgZgy@bHWf;Y%1N5
ze3h8$QtETxxj`y1`Q9%q|4~3N8FFEZ22#+I^d40!@S`NVnV)ce9b}B4P1|m?oBsx|
z3J!Nk1ER<J;y#!KByGy99X=9!J|z*q{aiFYh$w(J4V;<?*irk<w3p3(Yi>aUTj`fm
zyQ}4pXf8h8BIGm2xw;1FM@uWhgSkI8`B8L`uNI}&q(;{hVfyd-c8(;aW&w+KyPIvR
z8v8oq_G$Zm+p$7lI2#bxtm$08H4O35_43LccSmdeKEAh+4oMhj29w)sixMkkANUZS
zKq~Jo@K1nFMcj>O4U!uz^eC}8vPTUXhdoJE&ESKyf7*H>wbbeeLCsOx*7m%O=6mLi
zrW>dFQ40)+6Y?<@kNr#~@Y4bc<OTI6T>k|RccJOLGcLg?Rwq+5YS;@LG1i~IpEiX^
zz|@A+Q%_p3Uehrt7mk7|oguhQrHWxr%2hD>kE!zsI+{r`_6Yq0oELr1`-(PwtgyGY
zw>+B7^A%TkiGu|PmK6+t^7EX05q!NPUkIayztgEuRvO|9!=m^-@<P+uyr2IWs@H!r
z7fHzOol2Gv|0qYTvR!%;{p;NRgjL8|Qq*k&<5Z0#_A~8ZTC^rFj@IU)FU8^t=bHlu
z%t<*+<wC3J7oB2%fzQ)o#6Bi1By8AIUI8nNl-(+<>6Vn_nN!`3%<WIflT73729Da<
zVf@ElI4dul_9<luoes>M)?M^ekCsXq+z(f?f$f2}wVB$IsWt>KyQDt>>bbMnXS%fV
z@d+jqnJTiJ_SKUAbN^}wyYa#3FSh0cOxo(!TxSuSKw5M4MF%g=rAo_e1;ihaYTsb6
z^-8mY)C|3XE;w9YA4&FHKWPLU>?BftGa`Z|g+5#_nD-9efr_(rd*{E66XocruxRDD
zd0Ss0aNBKb)k?V>(4tf2Su5k?$HpQ${;HMai%3XfIT_D0IWys{RVbx-vDdpO^v)^W
zUT+UQ8}?}jd9y<<!R_K*d||&mE4zMB_dar7cyA7CU{<Yn?vCHv8W~MM;@<yxV=+1B
zvPJ-7(GuhMt3b&>(B%_nw8oLaoXql<LaH&0B%4aEfByI`wGtRKrxTJ>Z@znEj~RJ4
z<wf~M+wjpMm7-XMgeM|-_Vgdafmv1Ni5M4%>s^|-*2(wRS}SHx-POt@Rc}Hyh&ndx
zPMkiNxsxEM^?)qex&m-1jd$OdXc0f>wo9Eql!IRwpqubPdto@B82$+(B^eFEp;b9Z
z%H~1{59}0gS6oMZl*48KerFl#Et<$#W;KL3Bc|>a7K12Gjtu?NkY(2MLLu-8F^=rx
z`07CqSfVlbf}?rHD&-4AHT+_~*#B-p8UYB6R{KisQclW-X)7Y<e9A*De0-4=RTv_!
za*FdQXJ`D4GWzRR<vRmffGaMyPNNGyOyrr)2cC)oFnHaQeIipK2$q2A(jP8CxL=k!
zQKir=;^}*aCekYnu>p#uOw#MB6mE+#;(s~=oM=q%QY}4qFq3@x;wbXfU>A6{n`FZ}
z#r&!lHZyx?7kwfl-=Y`KVIVzBw~0v1<{?2=Nb+#6?dIh>p)Pe;)ygJ<biO{t`#WYN
zo6CL0jvk}W9j%(*EmkzG*v_|Z_6jlYN4hG&@7^+2WhpYef9^^UJ_HWC|9R`OAN*tp
z*`Y1f=!^2tf?!Zd8Vp#ymq{XWzsNZ+db<~d9CnBqdy<84={ewF!(-F~bc4VBmX=j7
z5(IV*$TxW<(LrwQ-MdafEy3-}%P9X%n>wuXy*q8DlstRCuy!&&lQ@x*w0ZA*oL_T|
zz0fdO&scz(3S!n}Fi24uzQ8P;lYQ_1)Lg0CkaMxXDD)sLBcks;U&W02P$iXXQ%>rn
z6MutEJS@oJ$B^=?hlvK|q^DD`jKxA*6al<3Q^;3nlk-B1W;ra25#}iipNzlkp;5!i
zKKRB(Fzw@AshXKHLQ_x~Gjvfq{?y8@!JqdTSMWgyDnwiFXw8sCns*ou^}-tV9jXeX
zkV^^$D1YPXxZs3wO$_#j@rbs)v_^5qC=|Dbo*n!4JrM3KUWa)vIA>3bM9ljc=eE6x
zw^<?RPYs%ODdBC}$`=;ynfwTN)$?1b(w=9*z^AAyPY$3*BQ7N93;79a<qN5MDJl`E
z=JOxkQym$PrfFaYub)DYL0v1s+h4TUn%j28`+vso7X?0;&%S)5+`3RUx2d8sT_iOV
z+U3KHeLpxp6t;^f8GSCV33vOjYo_Hd*z{F<JTe!4bDq3C=zd<mWW}Gk4?f0p+jc{-
z;f8U1Z1+Ep?f3@9*7e2oXnrt0Zn^IT`6Qg-o?L1BGYNY$3SfV_zHAp+){ON^a&wAw
zb#@xPzuZD1aRJKmCQmkIXJ^ML{}L2_KB_>fr70PXJWn`uN{>AeKooL(a_g8Xyy-S^
zn*S$w{Qr|T{y#d${{jD37x_P+#`f(C5(&ULQ$Tkx5k~l*+7lovsVGq^W)$*&0NzJ1
AtN;K2

literal 0
HcmV?d00001

diff --git a/app/src/assets/img/bitcore.svg b/app/src/assets/img/bitcore.svg
new file mode 100644
index 0000000..856b0a1
--- /dev/null
+++ b/app/src/assets/img/bitcore.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="211px" height="146px" viewBox="0 0 211 146" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <title>Group copy + bitcore copy@2x</title>
+    <description>Created with Sketch (http://www.bohemiancoding.com/sketch)</description>
+    <defs>
+        <linearGradient x1="15.2309634%" y1="37.2440314%" x2="136.882932%" y2="24.3752426%" id="linearGradient-1">
+            <stop stop-color="#2C3E50" offset="0%"></stop>
+            <stop stop-color="#162431" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Artboard-1-1" sketch:type="MSArtboardGroup" transform="translate(-508.000000, -78.000000)">
+            <g id="Group-copy-+-bitcore-copy" sketch:type="MSLayerGroup" transform="translate(527.000000, 92.000000)">
+                <g id="Group-copy" transform="translate(56.000000, 0.000000)" sketch:type="MSShapeGroup">
+                    <path d="M27.7247788,45.5262582 C41.4011902,45.5262582 52.4881111,34.4905912 52.4881111,20.8774044 C52.4881111,12.7404551 49.7280635,8.2404798 47.2952596,5.7264893 C44.8624557,3.21249885 35.088951,0.332200712 27.3475249,0.332199645 C20.583141,0.332198713 18.0632744,0.0366846016 13.0741723,1.93461424 C8.08506994,3.83254338 2.96144643,12.0493014 2.96144643,20.8774044 C2.96144643,34.4905912 14.0483673,45.5262582 27.7247788,45.5262582 Z" id="Oval-6" stroke="#30414E" stroke-width="0.5" fill="#34495E"></path>
+                    <path d="M9.17123892,4.50952609 C9.17123892,4.50952609 12.4755351,-0.676242249 28.6501187,0.0812036867 C44.8247024,0.838649646 47.6006113,6.07295924 47.6006113,6.07295924 L48.273508,11.2241553 L47.6006113,17.3271731 L45.9423691,24.5200343 L44.8912818,27.3236627 L27.1370365,19.1918597 L19.9081749,14.6858117 L13.6819761,9.82324421 L10.4656051,6.54780235 L9.17123892,4.50952609 Z" id="Path-133" stroke="#30414E" stroke-width="0.5" fill="url(#linearGradient-1)"></path>
+                    <path d="M17.9255484,4.6173416 L15.2748763,8.71820146 L14.1920046,10.6926666 L29.3454231,21.2945089 L44.8768956,26.0150047 C44.8768956,26.0150047 46.9769749,14.1870434 47.0190566,10.9227241 C47.0513016,8.4214423 44.1639738,5.95824617 44.1639738,5.95824617 L44.4495306,14.0349633 L42.7691761,22.7093361 L32.2551564,17.3909809 L25.1783284,13.1172088 L18.7841849,8.41515129 L18.0541928,6.62332546 L17.9255484,4.6173416 Z" id="Path" opacity="0.5" fill="#000000"></path>
+                    <path d="M6.99999998,8.00000002 C7.99999995,6 9.50000007,4.5 9.50000007,4.5 C9.50000007,4.5 14.5208896,12.7451145 29.5232136,19.6305485 C44.5255389,26.5159816 44.5255389,25.9540618 44.5255389,25.9540618 C44.5255389,25.9540618 45.6041086,22.9458226 46.6846847,18.0238788 C47.7652609,13.101935 47.3451732,6.12161494 47.3451732,6.12161494 C47.3451732,6.12161494 48.4119767,7.14450725 49.3151756,8.57159295 C50.2183743,9.99867868 50.694027,11.4812802 50.694027,11.4812802 C50.694027,11.4812802 51.6391385,14.6392635 49.5502655,19.9871602 C47.4613931,25.3350568 45.6090472,28.4298452 45.6090472,28.4298452 C45.6090472,28.4298452 32.5641035,24.8397628 25.3128519,21.9223216 C18.0616003,19.0048804 9.22800663,14.5048951 7.08397506,10.9668985 C6.05973421,9.27673642 5.99999984,10 6.99999998,8.00000002 Z" id="Path-131" stroke="#31414F" stroke-width="0.5" fill="#243443"></path>
+                    <path d="M18.046162,4.48877435 C18.046162,4.48877435 23.7162528,3.3931694 30.7337648,3.91549722 C37.7512769,4.43782479 40.9072346,4.85699171 43.6615478,6.90701342 C46.4158613,8.95703513 42.7739197,23.314917 42.7739197,23.314917 C42.7739197,23.314917 31.7010526,17.8152232 27.6779707,15.1839541 C23.654889,12.5526849 19.5342612,9.51910704 17.9861583,7.7791376 C16.4380553,6.03916816 18.046162,4.48877435 18.046162,4.48877435 Z" id="Path-132" fill="#0E5E93"></path>
+                    <path d="M18.3823715,4.22981251 C18.3823715,4.22981251 21.0967192,2.35198471 27.6361727,2.59370227 C34.1756264,2.83541929 41.3034479,3.62550525 44.0577612,5.67552696 C46.8120746,7.72554867 43.0406387,22.112754 43.0406387,22.112754 C43.0406387,22.112754 32.1108935,16.5734401 28.1682271,14.0089928 C24.225561,11.444545 19.9304745,8.28762058 18.3823716,6.54765114 C16.8342687,4.8076817 18.3823715,4.22981251 18.3823715,4.22981251 Z" id="Path-132" fill="#3498DB"></path>
+                    <path d="M28.7062458,36.2798051 C29.4815556,34.8221102 29.2584844,34.675309 28.1406727,35.892259 C28.1406727,35.892259 26.8566706,37.9934946 21.8967876,40.8621969 C16.9369046,43.7308993 16.0645435,43.8041381 16.0645435,43.8041381 C14.5308678,44.3969082 14.6135192,44.6604325 16.2413697,44.3314086 C16.2413697,44.3314086 18.9441874,44.1254801 23.1584376,42.0383124 C27.372688,39.9511449 28.7062458,36.2798051 28.7062458,36.2798051 Z" id="Path-116" fill-opacity="0.1" fill="#FFFFFF" transform="translate(21.685327, 39.536906) rotate(50.000000) translate(-21.685327, -39.536906) "></path>
+                    <ellipse id="Oval-6" fill="#F5F5F5" cx="27.7247788" cy="58.009901" rx="27.7247788" ry="4.05445545"></ellipse>
+                    <ellipse id="Oval-6" fill="#E9E9E9" cx="27.8814159" cy="57.8539604" rx="15.9769912" ry="2.33910891"></ellipse>
+                </g>
+                <path d="M18.7046954,86.4605481 C20.4387143,86.4605481 21.9378955,86.7676093 23.2022843,87.381741 C24.466673,87.9958726 25.5142936,88.8267442 26.3451777,89.8743806 C27.1760617,90.9220169 27.7901841,92.1502618 28.1875635,93.5591521 C28.5849428,94.9680424 28.7836294,96.4852861 28.7836294,98.1109288 C28.7836294,100.603581 28.3230376,102.960727 27.4018401,105.182439 C26.4806426,107.404151 25.2253041,109.33683 23.6357868,110.980535 C22.0462695,112.624241 20.1677773,113.924735 18.0002538,114.882058 C15.8327303,115.839381 13.484615,116.318035 10.9558376,116.318035 C10.630709,116.318035 10.0617426,116.309004 9.24892132,116.290941 C8.4361,116.272879 7.5058851,116.191598 6.45824873,116.047096 C5.41061236,115.902595 4.29977321,115.685846 3.12569797,115.396842 C1.95162273,115.107839 0.84078358,114.710466 -0.206852792,114.204711 L9.16763959,74.8101674 L17.5667513,73.5096597 L14.2071066,87.4901166 C14.9296144,87.1649881 15.6521114,86.9121141 16.3746193,86.7314872 C17.0971271,86.5508602 17.8738114,86.4605481 18.7046954,86.4605481 Z M11.6602792,109.652934 C12.9246679,109.652934 14.116788,109.345873 15.2366751,108.731741 C16.3565623,108.117609 17.322902,107.295769 18.1357234,106.266195 C18.9485447,105.236622 19.5897608,104.071595 20.0593909,102.771081 C20.529021,101.470567 20.7638325,100.115885 20.7638325,98.7069948 C20.7638325,96.972976 20.4748337,95.6182941 19.8968274,94.6429085 C19.3188211,93.6675229 18.2531381,93.1798374 16.6997462,93.1798374 C16.1939907,93.1798374 15.5347122,93.2701495 14.7218909,93.4507765 C13.9090695,93.6314035 13.1775413,94.0107144 12.5272843,94.5887207 L8.95088832,109.436183 C9.16764068,109.472308 9.35729614,109.508433 9.51986041,109.544558 C9.68242467,109.580684 9.85401771,109.607777 10.0346447,109.62584 C10.2152716,109.643903 10.4320207,109.652934 10.6848985,109.652934 L11.6602792,109.652934 Z M38.9709391,115.559406 L30.9511421,115.559406 L37.7246193,87.0566141 L45.7986041,87.0566141 L38.9709391,115.559406 Z M42.8724619,83.5885938 C41.7525748,83.5885938 40.741079,83.2544389 39.8379442,82.5861191 C38.9348094,81.9177994 38.4832487,80.8972724 38.4832487,79.5245075 C38.4832487,78.7658742 38.6367793,78.0524084 38.9438452,77.3840887 C39.250911,76.7157689 39.6573156,76.1377713 40.1630711,75.6500785 C40.6688266,75.1623857 41.2558554,74.7740436 41.9241751,74.4850405 C42.5924949,74.1960373 43.3059607,74.0515379 44.0645939,74.0515379 C45.1844811,74.0515379 46.1959769,74.3856928 47.0991117,75.0540125 C48.0022465,75.7223323 48.4538071,76.7428593 48.4538071,78.1156242 C48.4538071,78.8742574 48.3002765,79.5877232 47.9932107,80.256043 C47.6861448,80.9243628 47.2797403,81.5023604 46.7739848,81.9900531 C46.2682293,82.4777459 45.6812005,82.8660881 45.0128807,83.1550912 C44.344561,83.4440944 43.6310952,83.5885938 42.8724619,83.5885938 Z M54.0351523,79.95801 L62.434264,78.6575024 L60.3751269,87.0566141 L69.3703046,87.0566141 L67.7446701,93.6675278 L58.8036802,93.6675278 L56.4194162,103.638086 C56.2026639,104.46897 56.0671957,105.245654 56.0130076,105.968162 C55.9588195,106.69067 56.0491317,107.313824 56.2839467,107.837642 C56.5187617,108.36146 56.9251663,108.767865 57.5031726,109.056868 C58.0811789,109.345871 58.8759256,109.49037 59.8874365,109.49037 C60.754446,109.49037 61.5943487,109.409089 62.4071701,109.246525 C63.2199914,109.083961 64.0418317,108.858181 64.8727157,108.569178 L65.4687817,114.746589 C64.38502,115.143968 63.2109623,115.487154 61.9465736,115.776157 C60.6821849,116.06516 59.1830036,116.20966 57.4489848,116.20966 C54.9563327,116.20966 53.0236532,115.83938 51.6508883,115.098809 C50.2781234,114.358239 49.3027525,113.346743 48.7247462,112.064292 C48.1467399,110.78184 47.893866,109.309753 47.9661168,107.647985 C48.0383675,105.986217 48.2912415,104.234161 48.7247462,102.391766 L54.0351523,79.95801 Z M69.6412437,104.179964 C69.6412437,101.723438 70.038617,99.4114472 70.8333756,97.2439237 C71.6281343,95.0764002 72.766067,93.1798455 74.2472081,91.5542029 C75.7283492,89.9285602 77.5255605,88.6461281 79.6388959,87.7068679 C81.7522314,86.7676077 84.1093779,86.2979846 86.7104061,86.2979846 C88.3360487,86.2979846 89.790074,86.4515152 91.0725254,86.7585811 C92.3549768,87.0656469 93.5200032,87.4720515 94.5676396,87.977807 L91.8040609,94.2635938 C91.0815531,93.9745906 90.3319624,93.7126855 89.5552665,93.4778704 C88.7785706,93.2430554 87.8302932,93.1256496 86.7104061,93.1256496 C84.0010017,93.1256496 81.8696355,94.0378021 80.3162437,95.8621344 C78.7628518,97.6864667 77.9861675,100.17005 77.9861675,103.312959 C77.9861675,105.155354 78.3835409,106.645504 79.1782995,107.783454 C79.9730581,108.921404 81.4361146,109.49037 83.5675127,109.49037 C84.6151491,109.49037 85.6266449,109.381996 86.6020305,109.165244 C87.577416,108.948491 88.4444125,108.677555 89.2030457,108.352426 L89.7991117,114.800776 C88.7876007,115.198156 87.6767616,115.550373 86.4665609,115.857439 C85.2563603,116.164505 83.7842726,116.318035 82.0502538,116.318035 C79.8104795,116.318035 77.9139249,115.992912 76.360533,115.342655 C74.8071411,114.692398 73.5247089,113.81637 72.513198,112.714546 C71.501687,111.612721 70.7701588,110.321258 70.3185914,108.840117 C69.867024,107.358976 69.6412437,105.805607 69.6412437,104.179964 Z M105.567766,116.318035 C103.653121,116.318035 101.991378,116.029037 100.582487,115.45103 C99.173597,114.873024 98.0085706,114.060215 97.0873731,113.012579 C96.1661756,111.964942 95.4707722,110.727666 95.0011421,109.300713 C94.531512,107.87376 94.2967005,106.293298 94.2967005,104.559279 C94.2967005,102.391756 94.6489178,100.224264 95.3533629,98.056741 C96.0578081,95.8892174 97.0963975,93.9384755 98.4691624,92.2044567 C99.8419273,90.4704379 101.521733,89.0525375 103.508629,87.950713 C105.495526,86.8488886 107.771392,86.2979846 110.336294,86.2979846 C112.214815,86.2979846 113.867527,86.5869834 115.29448,87.1649897 C116.721433,87.742996 117.89549,88.5558051 118.816688,89.6034415 C119.737885,90.6510778 120.433289,91.888354 120.902919,93.315307 C121.372549,94.7422599 121.60736,96.3227221 121.60736,98.056741 C121.60736,100.224264 121.264174,102.391756 120.577792,104.559279 C119.891409,106.726803 118.879914,108.677544 117.543274,110.411563 C116.206635,112.145582 114.53586,113.563482 112.530901,114.665307 C110.525942,115.767131 108.20492,116.318035 105.567766,116.318035 Z M109.577665,93.1256496 C108.385527,93.1256496 107.337906,93.4688357 106.434772,94.1552181 C105.531637,94.8416006 104.773015,95.708597 104.158883,96.7562334 C103.544752,97.8038697 103.08416,98.9508337 102.777094,100.19716 C102.470028,101.443486 102.316497,102.626575 102.316497,103.746462 C102.316497,105.588857 102.605496,107.006757 103.183503,108.000205 C103.761509,108.993654 104.809129,109.49037 106.326396,109.49037 C107.518534,109.49037 108.566155,109.147184 109.469289,108.460802 C110.372424,107.774419 111.131046,106.907423 111.745178,105.859787 C112.359309,104.81215 112.819901,103.665186 113.126967,102.41886 C113.434033,101.172534 113.587563,99.9894454 113.587563,98.8695582 C113.587563,97.0271632 113.298565,95.6092629 112.720558,94.6158146 C112.142552,93.6223663 111.094931,93.1256496 109.577665,93.1256496 Z M145.558376,93.9926547 C144.835868,93.8120277 144.122402,93.6404347 143.417957,93.4778704 C142.713512,93.3153061 141.674922,93.2340252 140.302157,93.2340252 C139.796402,93.2340252 139.236467,93.2791813 138.622335,93.3694948 C138.008203,93.4598083 137.502455,93.5591516 137.105076,93.6675278 L131.848858,115.559406 L123.774873,115.559406 L130.277411,88.5738729 C131.830803,88.0681175 133.573827,87.5894632 135.506536,87.1378958 C137.439244,86.6863284 139.615766,86.4605481 142.036168,86.4605481 C142.939302,86.4605481 143.941767,86.541829 145.043591,86.7043933 C146.145416,86.8669575 147.111756,87.1288627 147.94264,87.4901166 L145.558376,93.9926547 Z M147.400761,104.396716 C147.400761,102.08469 147.807166,99.8449498 148.619987,97.6774262 C149.432809,95.5099027 150.579773,93.5862544 152.060914,91.9064237 C153.542055,90.226593 155.339266,88.8719111 157.452602,87.8423374 C159.565937,86.8127637 161.905021,86.2979846 164.469924,86.2979846 C165.734313,86.2979846 166.90837,86.4786089 167.992132,86.8398628 C169.075894,87.2011167 170.024171,87.724927 170.836992,88.4113095 C171.649814,89.0976919 172.281999,89.9375947 172.733566,90.931043 C173.185133,91.9244913 173.410914,93.0533929 173.410914,94.3177816 C173.410914,96.3408035 172.959353,98.0567339 172.056218,99.4656242 C171.153083,100.874515 169.897745,102.021479 168.290165,102.906551 C166.682585,103.791623 164.776999,104.432839 162.57335,104.830218 C160.369701,105.227597 157.967399,105.426284 155.366371,105.426284 C155.619248,106.943551 156.170152,108.018265 157.019099,108.650459 C157.868046,109.282654 159.213696,109.598746 161.056091,109.598746 C162.212104,109.598746 163.386162,109.499403 164.578299,109.300713 C165.770437,109.102023 166.890308,108.803993 167.937944,108.406614 L168.53401,114.746589 C167.522499,115.143968 166.231036,115.505216 164.659581,115.830345 C163.088127,116.155474 161.381227,116.318035 159.538832,116.318035 C157.299058,116.318035 155.411535,116.001943 153.876206,115.369749 C152.340876,114.737554 151.094569,113.879589 150.137246,112.795827 C149.179923,111.712065 148.48452,110.447696 148.051015,109.00268 C147.617511,107.557664 147.400761,106.022358 147.400761,104.396716 Z M163.169416,92.6921471 C161.327021,92.6921471 159.710434,93.3514256 158.319607,94.6700024 C156.928779,95.9885792 156.016627,97.7316032 155.583122,99.8991268 C157.822896,99.826876 159.629139,99.6372205 161.001904,99.3301547 C162.374668,99.0230888 163.440352,98.6528091 164.198985,98.2193044 C164.957618,97.7857997 165.463366,97.3161767 165.716244,96.8104212 C165.969121,96.3046657 166.095558,95.7989178 166.095558,95.2931623 C166.095558,93.5591435 165.120187,92.6921471 163.169416,92.6921471 Z" id="bitcore-copy" fill="#34495E" sketch:type="MSShapeGroup"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/src/assets/img/leveldb.png b/app/src/assets/img/leveldb.png
new file mode 100644
index 0000000000000000000000000000000000000000..da13a671aaabef5febe267d4d10fa663fbbab21a
GIT binary patch
literal 12009
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
WC=q~dX#JR7|B!A)i5fAZp#K9d>i@g|

literal 0
HcmV?d00001

diff --git a/app/src/assets/img/nodejs.png b/app/src/assets/img/nodejs.png
new file mode 100644
index 0000000000000000000000000000000000000000..4cba6f8c6432f5aa83c366fd49d10d9ea84b296a
GIT binary patch
literal 3253
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

literal 0
HcmV?d00001

diff --git a/app/src/pages/home/home.scss b/app/src/pages/home/home.scss
index d4cc8fc..1597e4c 100644
--- a/app/src/pages/home/home.scss
+++ b/app/src/pages/home/home.scss
@@ -1,3 +1,43 @@
 page-home {
+  #powered .powered-text {
+    border-top: 1px solid #ddd;
+    margin: 30px auto 0;
+    text-align: center;
+    width: 90%;
+  }
+  #powered .powered-text small {
+    background-color: #f4f4f4;
+    padding: 4px;
+    position: relative;
+    top: -12px;
+  }
+
+  #powered a {
+    background-repeat: no-repeat;
+    background-position: center center;
+    display: inline-block;
+    float: left;
+    height: 45px;
+  }
+  #powered a.bitcore {
+    background-image: url('../../assets/img/bitcore.svg');
+    background-size: 80px;
+    width: 30%;
+  }
+  #powered a.nodejs {
+    background-image: url('../../assets/img/nodejs.png');
+    background-size: 80px;
+    width: 30%;
+  }
+  #powered a.angularjs {
+    background-image: url('../../assets/img/angularjs.png');
+    background-size: 50px;
+    width: 20%;
+  }
+  #powered a.leveldb {
+    background-image: url('../../assets/img/leveldb.png');
+    background-size: 50px;
+    width: 20%;
+  }
 
 }

From 1f974e5176ec7126d8b889151cf41936056ce2e0 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Wed, 16 Aug 2017 17:23:21 -0400
Subject: [PATCH 19/28] styled the About section

---
 app/src/pages/home/home.html | 25 ++++++++++++++-----------
 app/src/pages/home/home.scss |  7 +++++++
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/app/src/pages/home/home.html b/app/src/pages/home/home.html
index 0c30c95..5930d47 100644
--- a/app/src/pages/home/home.html
+++ b/app/src/pages/home/home.html
@@ -13,17 +13,20 @@
 
   <h1>Latest Blocks</h1>
   <h1>Latest Transactions</h1>
-  <h2>About</h2>
-  <p><strong>insight</strong>  is an <a href="https://insight.is/"
-                                                  target="_blank">open-source Bitcoin blockchain explorer</a> with complete REST and websocket APIs that can be used for writing web wallets and other apps  that need more advanced blockchain queries than provided by bitcoind RPC.  Check out the <a href="https://github.com/bitpay/insight-ui" target="_blank">source code</a>.</p>
-  <p><strong>insight</strong> is still in development, so be sure to report any bugs and provide feedback for improvement at our <a href="https://github.com/bitpay/insight-ui/issues" target="_blank">github issue tracker</a>.</p>
-  <div id="powered" class="row">
-    <div class="powered-text">
-      <small class="text-muted">Powered by</small>
+
+  <div class="about">
+    <h2>About</h2>
+    <p><strong>insight</strong>  is an <a href="https://insight.is/"
+                                          target="_blank">open-source Bitcoin blockchain explorer</a> with complete REST and websocket APIs that can be used for writing web wallets and other apps  that need more advanced blockchain queries than provided by bitcoind RPC.  Check out the <a href="https://github.com/bitpay/insight-ui" target="_blank">source code</a>.</p>
+    <p><strong>insight</strong> is still in development, so be sure to report any bugs and provide feedback for improvement at our <a href="https://github.com/bitpay/insight-ui/issues" target="_blank">github issue tracker</a>.</p>
+    <div id="powered" class="row">
+      <div class="powered-text">
+        <small class="text-muted">Powered by</small>
+      </div>
+      <a href="http://bitcore.io" target="_blank" class="bitcore" title="Bitcore"></a>
+      <a href="http://angularjs.org" target="_blank" class="angularjs" title="AngularJS"></a>
+      <a href="https://code.google.com/p/leveldb/" target="_blank" class="leveldb" title="LevelDB"></a>
+      <a href="http://nodejs.org" target="_blank" class="nodejs" title="NodeJs"></a>
     </div>
-    <a href="http://bitcore.io" target="_blank" class="bitcore" title="Bitcore"></a>
-    <a href="http://angularjs.org" target="_blank" class="angularjs" title="AngularJS"></a>
-    <a href="https://code.google.com/p/leveldb/" target="_blank" class="leveldb" title="LevelDB"></a>
-    <a href="http://nodejs.org" target="_blank" class="nodejs" title="NodeJs"></a>
   </div>
 </ion-content>
diff --git a/app/src/pages/home/home.scss b/app/src/pages/home/home.scss
index 1597e4c..91b4923 100644
--- a/app/src/pages/home/home.scss
+++ b/app/src/pages/home/home.scss
@@ -1,4 +1,11 @@
 page-home {
+  .about {
+    background-color: #F4F4F4;
+    border: 1px solid #eee;
+    border-radius: 5px;
+    padding: 14px;
+  }
+
   #powered .powered-text {
     border-top: 1px solid #ddd;
     margin: 30px auto 0;

From e2c69203ec292f4c529ff02873a225eabf1bb14c Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 17 Aug 2017 11:03:08 -0400
Subject: [PATCH 20/28] Fixed e2e tests

---
 app/e2e/app.e2e-spec.ts             | 4 ++--
 app/e2e/broadcastTxPage.e2e-spec.ts | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/e2e/app.e2e-spec.ts b/app/e2e/app.e2e-spec.ts
index d1e06d8..03fa8a5 100644
--- a/app/e2e/app.e2e-spec.ts
+++ b/app/e2e/app.e2e-spec.ts
@@ -26,11 +26,11 @@ describe('InsightApp', () => {
       });
   });
 
-  it('the left menu has a link with title Blocks', () => {
+  it('the left menu has a link with title Home', () => {
     element(by.css('.bar-button-menutoggle')).click()
       .then(() => {
         browser.driver.sleep(2000); // wait for the animation
-        expect(element.all(by.css('ion-label')).first().getText()).toEqual('Blocks');
+        expect(element.all(by.css('ion-label')).first().getText()).toEqual('Home');
       });
   });
 });
diff --git a/app/e2e/broadcastTxPage.e2e-spec.ts b/app/e2e/broadcastTxPage.e2e-spec.ts
index 11943c5..70c34fe 100644
--- a/app/e2e/broadcastTxPage.e2e-spec.ts
+++ b/app/e2e/broadcastTxPage.e2e-spec.ts
@@ -10,7 +10,7 @@ describe('BroadcastTxPage', () => {
     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();
+        items[2].click();
         browser.driver.sleep(2000); // wait for the animation
         let theElem = element.all(by.css('ion-label')).first;
         console.log(theElem);

From 879b87f2a6e056b6515546359586f5f3d6c1fd9e Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 17 Aug 2017 11:47:31 -0400
Subject: [PATCH 21/28] added LatestTransactions and LatestBlocks components
 with simple placeholders

---
 app/package.json                              |  2 +-
 .../latest-blocks/latest-blocks.html          |  4 ++++
 .../latest-blocks/latest-blocks.module.ts     | 16 ++++++++++++++
 .../latest-blocks/latest-blocks.scss          |  3 +++
 .../components/latest-blocks/latest-blocks.ts | 22 +++++++++++++++++++
 .../latest-transactions.html                  |  4 ++++
 .../latest-transactions.module.ts             | 16 ++++++++++++++
 .../latest-transactions.scss                  |  3 +++
 .../latest-transactions.ts                    | 22 +++++++++++++++++++
 app/src/pages/blocksPage/blocksPage.ts        |  2 ++
 app/src/pages/home/home.html                  | 11 ++++++++--
 app/src/pages/home/home.module.ts             |  4 +++-
 app/src/pages/pages.module.ts                 | 10 ++++++++-
 13 files changed, 114 insertions(+), 5 deletions(-)
 create mode 100644 app/src/components/latest-blocks/latest-blocks.html
 create mode 100644 app/src/components/latest-blocks/latest-blocks.module.ts
 create mode 100644 app/src/components/latest-blocks/latest-blocks.scss
 create mode 100644 app/src/components/latest-blocks/latest-blocks.ts
 create mode 100644 app/src/components/latest-transactions/latest-transactions.html
 create mode 100644 app/src/components/latest-transactions/latest-transactions.module.ts
 create mode 100644 app/src/components/latest-transactions/latest-transactions.scss
 create mode 100644 app/src/components/latest-transactions/latest-transactions.ts

diff --git a/app/package.json b/app/package.json
index ca2960b..ef5ad15 100644
--- a/app/package.json
+++ b/app/package.json
@@ -42,7 +42,7 @@
     "@types/jasmine": "2.5.41",
     "@types/node": "7.0.4",
     "codecov": "2.2.0",
-    "ionic": "3.9.0",
+    "ionic": "3.9.1",
     "jasmine-core": "2.5.2",
     "jasmine-spec-reporter": "3.2.0",
     "karma": "1.4.1",
diff --git a/app/src/components/latest-blocks/latest-blocks.html b/app/src/components/latest-blocks/latest-blocks.html
new file mode 100644
index 0000000..5d363cc
--- /dev/null
+++ b/app/src/components/latest-blocks/latest-blocks.html
@@ -0,0 +1,4 @@
+<!-- Generated template for the LatestBlocksComponent component -->
+<div>
+  {{text}}
+</div>
diff --git a/app/src/components/latest-blocks/latest-blocks.module.ts b/app/src/components/latest-blocks/latest-blocks.module.ts
new file mode 100644
index 0000000..535f515
--- /dev/null
+++ b/app/src/components/latest-blocks/latest-blocks.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicModule } from 'ionic-angular';
+import { LatestBlocksComponent } from './latest-blocks';
+
+@NgModule({
+  declarations: [
+    LatestBlocksComponent
+  ],
+  imports: [
+    IonicModule
+  ],
+  exports: [
+    LatestBlocksComponent
+  ]
+})
+export class LatestBlocksComponentModule {}
diff --git a/app/src/components/latest-blocks/latest-blocks.scss b/app/src/components/latest-blocks/latest-blocks.scss
new file mode 100644
index 0000000..f5def0b
--- /dev/null
+++ b/app/src/components/latest-blocks/latest-blocks.scss
@@ -0,0 +1,3 @@
+latest-blocks {
+
+}
diff --git a/app/src/components/latest-blocks/latest-blocks.ts b/app/src/components/latest-blocks/latest-blocks.ts
new file mode 100644
index 0000000..db25c56
--- /dev/null
+++ b/app/src/components/latest-blocks/latest-blocks.ts
@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+
+/**
+ * Generated class for the LatestBlocksComponent component.
+ *
+ * See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
+ * for more info on Angular Components.
+ */
+@Component({
+  selector: 'latest-blocks',
+  templateUrl: 'latest-blocks.html'
+})
+export class LatestBlocksComponent {
+
+  private text: string;
+
+  constructor() {
+    console.log('Hello LatestBlocksComponent Component');
+    this.text = 'Hello Latest Blocks';
+  }
+
+}
diff --git a/app/src/components/latest-transactions/latest-transactions.html b/app/src/components/latest-transactions/latest-transactions.html
new file mode 100644
index 0000000..948536e
--- /dev/null
+++ b/app/src/components/latest-transactions/latest-transactions.html
@@ -0,0 +1,4 @@
+<!-- Generated template for the LatestTransactionsComponent component -->
+<div>
+  {{text}}
+</div>
diff --git a/app/src/components/latest-transactions/latest-transactions.module.ts b/app/src/components/latest-transactions/latest-transactions.module.ts
new file mode 100644
index 0000000..7eb0b92
--- /dev/null
+++ b/app/src/components/latest-transactions/latest-transactions.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicModule } from 'ionic-angular';
+import { LatestTransactionsComponent } from './latest-transactions';
+
+@NgModule({
+  declarations: [
+    LatestTransactionsComponent
+  ],
+  imports: [
+    IonicModule
+  ],
+  exports: [
+    LatestTransactionsComponent
+  ]
+})
+export class LatestTransactionsComponentModule {}
diff --git a/app/src/components/latest-transactions/latest-transactions.scss b/app/src/components/latest-transactions/latest-transactions.scss
new file mode 100644
index 0000000..570ea96
--- /dev/null
+++ b/app/src/components/latest-transactions/latest-transactions.scss
@@ -0,0 +1,3 @@
+latest-transactions {
+
+}
diff --git a/app/src/components/latest-transactions/latest-transactions.ts b/app/src/components/latest-transactions/latest-transactions.ts
new file mode 100644
index 0000000..5b8d68e
--- /dev/null
+++ b/app/src/components/latest-transactions/latest-transactions.ts
@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+
+/**
+ * Generated class for the LatestTransactionsComponent component.
+ *
+ * See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
+ * for more info on Angular Components.
+ */
+@Component({
+  selector: 'latest-transactions',
+  templateUrl: 'latest-transactions.html'
+})
+export class LatestTransactionsComponent {
+
+  private text: string;
+
+  constructor() {
+    console.log('Hello LatestTransactionsComponent Component');
+    this.text = 'Hello Latest Transactions';
+  }
+
+}
diff --git a/app/src/pages/blocksPage/blocksPage.ts b/app/src/pages/blocksPage/blocksPage.ts
index 5f2eeaf..b48f130 100644
--- a/app/src/pages/blocksPage/blocksPage.ts
+++ b/app/src/pages/blocksPage/blocksPage.ts
@@ -14,6 +14,8 @@ export class BlocksPage {
   public blocks: Observable<Block[]>;
 
   constructor(private navCtrl: NavController, private blocksService: BlocksService) {
+    // TODO Put loading spinner on page
+
     this.title = 'Blocks';
     this.blocks = blocksService.latestBlocks;
     this.blocks.subscribe((blocks) => {
diff --git a/app/src/pages/home/home.html b/app/src/pages/home/home.html
index 5930d47..b29ea51 100644
--- a/app/src/pages/home/home.html
+++ b/app/src/pages/home/home.html
@@ -11,8 +11,15 @@
 
 <ion-content padding>
 
-  <h1>Latest Blocks</h1>
-  <h1>Latest Transactions</h1>
+  <div>
+    <h1>Latest Blocks</h1>
+    <latest-blocks></latest-blocks>
+  </div>
+
+  <div>
+    <h1>Latest Transactions</h1>
+    <latest-transactions></latest-transactions>
+  </div>
 
   <div class="about">
     <h2>About</h2>
diff --git a/app/src/pages/home/home.module.ts b/app/src/pages/home/home.module.ts
index 9a8ed53..b3d3a15 100644
--- a/app/src/pages/home/home.module.ts
+++ b/app/src/pages/home/home.module.ts
@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { HomePage } from './home';
 import { HeadNavComponentModule } from '../../components/head-nav/head-nav.module';
+import { LatestTransactionsComponentModule } from '../../components/latest-transactions/latest-transactions.module';
 
 @NgModule({
   declarations: [
@@ -9,7 +10,8 @@ import { HeadNavComponentModule } from '../../components/head-nav/head-nav.modul
   ],
   imports: [
     IonicPageModule.forChild(HomePage),
-    HeadNavComponentModule
+    HeadNavComponentModule,
+    LatestTransactionsComponentModule
   ],
   exports: [
     HomePage
diff --git a/app/src/pages/pages.module.ts b/app/src/pages/pages.module.ts
index b76bdd6..4787ac8 100644
--- a/app/src/pages/pages.module.ts
+++ b/app/src/pages/pages.module.ts
@@ -2,6 +2,8 @@ import { NgModule }         from '@angular/core';
 import { IonicModule }      from 'ionic-angular';
 import { ComponentsModule } from '../components';
 import { HeadNavComponentModule } from '../components/head-nav/head-nav.module';
+import { LatestTransactionsComponentModule } from '../components/latest-transactions/latest-transactions.module';
+import { LatestBlocksComponentModule } from '../components/latest-blocks/latest-blocks.module';
 import {
   HomePage,
   BlocksPage,
@@ -18,7 +20,13 @@ import {
     NodeStatusPage,
     VerifyMessagePage
   ],
-  imports: [ IonicModule, ComponentsModule, HeadNavComponentModule ],
+  imports: [
+    IonicModule,
+    ComponentsModule,
+    HeadNavComponentModule,
+    LatestTransactionsComponentModule,
+    LatestBlocksComponentModule
+  ],
   exports: [
     // CustomComponent,
   ],

From f2196bc297f3ace3801253981912357a1585d9b4 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 17 Aug 2017 16:20:40 -0400
Subject: [PATCH 22/28] added angular2-moment library; added a BlocksProvider;
 added latest blocks grid to home page

---
 app/package.json                              |   1 +
 app/src/app/app.component.ts                  |   2 +-
 app/src/app/app.module.ts                     |   4 +-
 .../latest-blocks/latest-blocks.html          |  23 ++
 .../latest-blocks/latest-blocks.module.ts     |   4 +-
 .../components/latest-blocks/latest-blocks.ts |  24 ++-
 app/src/providers/blocks/blocks.ts            |  23 ++
 app/yarn.lock                                 | 203 ++++++++++++++++--
 8 files changed, 267 insertions(+), 17 deletions(-)
 create mode 100644 app/src/providers/blocks/blocks.ts

diff --git a/app/package.json b/app/package.json
index ef5ad15..bb7407e 100644
--- a/app/package.json
+++ b/app/package.json
@@ -27,6 +27,7 @@
     "@ionic-native/splash-screen": "3.10.2",
     "@ionic-native/status-bar": "3.10.2",
     "@ionic/storage": "2.0.1",
+    "angular2-moment": "^1.6.0",
     "angular2-qrcode": "^2.0.1",
     "ionic-angular": "3.4.2",
     "ionicons": "3.0.0",
diff --git a/app/src/app/app.component.ts b/app/src/app/app.component.ts
index 99dcb4b..f089c75 100644
--- a/app/src/app/app.component.ts
+++ b/app/src/app/app.component.ts
@@ -32,7 +32,7 @@ export class InsightApp {
     this.splash = splash;
     this.status = status;
 
-    this.rootPage = BlocksPage;
+    this.rootPage = HomePage;
     this.initializeApp();
 
     // set our app's pages
diff --git a/app/src/app/app.module.ts b/app/src/app/app.module.ts
index 9901a7b..7d0c351 100644
--- a/app/src/app/app.module.ts
+++ b/app/src/app/app.module.ts
@@ -9,6 +9,7 @@ import { PagesModule, HomePage, BlocksPage, BroadcastTxPage, NodeStatusPage, Ver
 import { BlocksService, StorageService } from '../services';
 import { ApiProvider } from '../providers/api/api';
 import { CurrencyProvider } from '../providers/currency/currency';
+import { BlocksProvider } from '../providers/blocks/blocks';
 
 @NgModule({
   declarations: [
@@ -36,7 +37,8 @@ import { CurrencyProvider } from '../providers/currency/currency';
     BlocksService,
     {provide: ErrorHandler, useClass: IonicErrorHandler},
     ApiProvider,
-    CurrencyProvider
+    CurrencyProvider,
+    BlocksProvider
   ]
 })
 
diff --git a/app/src/components/latest-blocks/latest-blocks.html b/app/src/components/latest-blocks/latest-blocks.html
index 5d363cc..6595647 100644
--- a/app/src/components/latest-blocks/latest-blocks.html
+++ b/app/src/components/latest-blocks/latest-blocks.html
@@ -1,4 +1,27 @@
 <!-- Generated template for the LatestBlocksComponent component -->
 <div>
   {{text}}
+  <ion-grid>
+
+    <ion-row>
+      <ion-col><b>Height</b></ion-col>
+      <ion-col><b>Age</b></ion-col>
+      <ion-col text-right><b>Transactions</b></ion-col>
+      <ion-col text-right><b>Size</b></ion-col>
+    </ion-row>
+    <ion-row *ngFor="let block of getBlocks(8)">
+      <ion-col>
+        <a (click)="goToBlock(block.hash)">{{block.height}}</a>
+      </ion-col>
+      <ion-col>
+        {{ block.time | amFromUnix | amTimeAgo }}
+      </ion-col>
+      <ion-col text-right>
+        {{block.txlength}}
+      </ion-col>
+      <ion-col text-right>
+        {{ block.size }}
+      </ion-col>
+    </ion-row>
+  </ion-grid>
 </div>
diff --git a/app/src/components/latest-blocks/latest-blocks.module.ts b/app/src/components/latest-blocks/latest-blocks.module.ts
index 535f515..f2086b9 100644
--- a/app/src/components/latest-blocks/latest-blocks.module.ts
+++ b/app/src/components/latest-blocks/latest-blocks.module.ts
@@ -1,13 +1,15 @@
 import { NgModule } from '@angular/core';
 import { IonicModule } from 'ionic-angular';
 import { LatestBlocksComponent } from './latest-blocks';
+import { MomentModule } from 'angular2-moment';
 
 @NgModule({
   declarations: [
     LatestBlocksComponent
   ],
   imports: [
-    IonicModule
+    IonicModule,
+    MomentModule
   ],
   exports: [
     LatestBlocksComponent
diff --git a/app/src/components/latest-blocks/latest-blocks.ts b/app/src/components/latest-blocks/latest-blocks.ts
index db25c56..cb7ae42 100644
--- a/app/src/components/latest-blocks/latest-blocks.ts
+++ b/app/src/components/latest-blocks/latest-blocks.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { BlocksProvider } from '../../providers/blocks/blocks';
 
 /**
  * Generated class for the LatestBlocksComponent component.
@@ -13,10 +14,29 @@ import { Component } from '@angular/core';
 export class LatestBlocksComponent {
 
   private text: string;
+  public blocks: Array<any> = [];
 
-  constructor() {
-    console.log('Hello LatestBlocksComponent Component');
+  constructor(private blocksProvider: BlocksProvider) {
     this.text = 'Hello Latest Blocks';
+
+    blocksProvider.getBlocks().subscribe(
+      (data) => {
+        this.blocks = JSON.parse(data['_body']).blocks;
+        console.log('blocks', this.blocks);
+      },
+      (err) => {
+        console.log('err', err);
+      }
+    );
   }
 
+  public goToBlock(hash: string): void {
+    console.log('go to', hash);
+  }
+
+  public getBlocks(num: number = 10): Array<any> {
+    /* tslint:disable:no-unused-variable */
+    return this.blocks.filter((block, index) => index < num);
+    /* tslint:enable:no-unused-variable */
+  }
 }
diff --git a/app/src/providers/blocks/blocks.ts b/app/src/providers/blocks/blocks.ts
new file mode 100644
index 0000000..6ab163c
--- /dev/null
+++ b/app/src/providers/blocks/blocks.ts
@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import { Http } from '@angular/http';
+import 'rxjs/add/operator/map';
+import { ApiProvider } from '../../providers/api/api';
+
+/*
+  Generated class for the BlocksProvider provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular DI.
+*/
+@Injectable()
+export class BlocksProvider {
+
+  constructor(public http: Http, private api: ApiProvider) {
+    console.log('Hello BlocksProvider Provider');
+  }
+
+  public getBlocks(): any {
+    return this.http.get(this.api.apiPrefix + 'blocks');
+  }
+
+}
diff --git a/app/yarn.lock b/app/yarn.lock
index 53191d9..575bfc5 100644
--- a/app/yarn.lock
+++ b/app/yarn.lock
@@ -200,6 +200,39 @@
     uuid "^3.0.1"
     wrap-ansi "^3.0.1"
 
+"@ionic/cli-utils@1.9.1":
+  version "1.9.1"
+  resolved "https://registry.yarnpkg.com/@ionic/cli-utils/-/cli-utils-1.9.1.tgz#a0118819cb8de1f3bc4bc5b401e5b61d7f41d5b5"
+  dependencies:
+    "@types/gulp" "^3.8.33"
+    archiver "^2.0.0"
+    chalk "^2.0.0"
+    chokidar "^1.7.0"
+    ci-info "^1.0.0"
+    cross-spawn "^5.1.0"
+    dargs "^5.1.0"
+    diff "^3.3.0"
+    elementtree "^0.1.7"
+    express "^4.15.4"
+    inquirer "^3.2.1"
+    leek "0.0.24"
+    lodash "^4.17.4"
+    minimist "^1.2.0"
+    ncp "^2.0.0"
+    opn "^5.1.0"
+    proxy-middleware "^0.15.0"
+    semver "^5.4.1"
+    slice-ansi "^1.0.0"
+    ssh-config "^1.0.1"
+    string-width "^2.1.1"
+    strip-ansi "^4.0.0"
+    superagent "^3.5.2"
+    tar "^2.2.1"
+    tiny-lr "^1.0.5"
+    tslib "^1.7.1"
+    uuid "^3.0.1"
+    wrap-ansi "^3.0.1"
+
 "@ionic/storage@2.0.1":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@ionic/storage/-/storage-2.0.1.tgz#bb1a8c276007d008d7acdda426b56065b0fd3c0b"
@@ -221,6 +254,14 @@
     magic-string "^0.19.0"
     source-map "^0.5.6"
 
+"@types/gulp@^3.8.33":
+  version "3.8.33"
+  resolved "https://registry.yarnpkg.com/@types/gulp/-/gulp-3.8.33.tgz#b1b076820738c9c4eb7808cd926bff1683e1c2ab"
+  dependencies:
+    "@types/node" "*"
+    "@types/orchestrator" "*"
+    "@types/vinyl" "*"
+
 "@types/jasmine@2.5.41":
   version "2.5.41"
   resolved "https://registry.yarnpkg.com/@types/jasmine/-/jasmine-2.5.41.tgz#d5e86161a0af80d52062b310a33ed65b051a0713"
@@ -229,6 +270,10 @@
   version "0.0.30"
   resolved "https://registry.yarnpkg.com/@types/localforage/-/localforage-0.0.30.tgz#3d60a6bf6dda38e3f8a469611598379f1f649509"
 
+"@types/node@*":
+  version "8.0.24"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-8.0.24.tgz#06c580084d9add1fb40c1510ef0b448961246fb1"
+
 "@types/node@7.0.4":
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.4.tgz#9aabc135979ded383325749f508894c662948c8b"
@@ -237,6 +282,17 @@
   version "6.0.79"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.79.tgz#5efe7d4a6d8c453c7e9eaf55d931f4a22fac5169"
 
+"@types/orchestrator@*":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/@types/orchestrator/-/orchestrator-0.3.0.tgz#bf84a1699c9330d4fe89cd81263e8fc09fb32978"
+  dependencies:
+    "@types/node" "*"
+    "@types/q" "^0"
+
+"@types/q@^0":
+  version "0.0.36"
+  resolved "https://registry.yarnpkg.com/@types/q/-/q-0.0.36.tgz#97d786389641bcbd0e22bfc729a534175976371d"
+
 "@types/q@^0.0.32":
   version "0.0.32"
   resolved "https://registry.yarnpkg.com/@types/q/-/q-0.0.32.tgz#bd284e57c84f1325da702babfc82a5328190c0c5"
@@ -245,6 +301,12 @@
   version "2.53.42"
   resolved "https://registry.yarnpkg.com/@types/selenium-webdriver/-/selenium-webdriver-2.53.42.tgz#74cb77fb6052edaff2a8984ddafd88d419f25cac"
 
+"@types/vinyl@*":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@types/vinyl/-/vinyl-2.0.0.tgz#fd213bf7f4136dde21fe1895500b12c186f8c268"
+  dependencies:
+    "@types/node" "*"
+
 abbrev@1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.0.tgz#d0554c2256636e2f56e7c2e5ad183f859428d81f"
@@ -335,6 +397,12 @@ amdefine@>=0.0.4:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
 
+angular2-moment@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/angular2-moment/-/angular2-moment-1.6.0.tgz#2be11b63d9cbdff8fee06f575c1beee2d863d62b"
+  dependencies:
+    moment "^2.16.0"
+
 angular2-qrcode@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/angular2-qrcode/-/angular2-qrcode-2.0.1.tgz#1b4e65c302694b5078ca06f71138f7e4367754dc"
@@ -1256,7 +1324,7 @@ chokidar@1.6.1:
   optionalDependencies:
     fsevents "^1.0.0"
 
-chokidar@^1.4.1, chokidar@^1.4.3, chokidar@^1.6.0, chokidar@^1.6.1:
+chokidar@^1.4.1, chokidar@^1.4.3, chokidar@^1.6.0, chokidar@^1.6.1, chokidar@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
   dependencies:
@@ -1800,7 +1868,7 @@ date-now@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
 
-debug@*, debug@2, debug@2.6.8, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.6.3, debug@^2.6.8:
+debug@*, debug@2, debug@2.6.8, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.6.3, debug@^2.6.8, debug@~2.6.7:
   version "2.6.8"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.8.tgz#e731531ca2ede27d188222427da17821d68ff4fc"
   dependencies:
@@ -1880,6 +1948,10 @@ depd@1.1.0, depd@~1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.0.tgz#e1bd82c6aab6ced965b97b88b17ed3e528ca18c3"
 
+depd@1.1.1, depd@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.1.tgz#5783b4e1c459f06fa5ca27f991f3d06e7a310359"
+
 des.js@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.0.tgz#c074d2e2aa6a8a9a07dbd61f9a15c2cd83ec8ecc"
@@ -1917,6 +1989,10 @@ diff@^3.1.0, diff@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/diff/-/diff-3.2.0.tgz#c9ce393a4b7cbd0b058a725c93df299027868ff9"
 
+diff@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-3.3.0.tgz#056695150d7aa93237ca7e378ac3b1682b7963b9"
+
 diffie-hellman@^5.0.0:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.2.tgz#b5835739270cfe26acf632099fded2a07f209e5e"
@@ -2327,6 +2403,39 @@ express@^4.13.3:
     utils-merge "1.0.0"
     vary "~1.1.1"
 
+express@^4.15.4:
+  version "4.15.4"
+  resolved "https://registry.yarnpkg.com/express/-/express-4.15.4.tgz#032e2253489cf8fce02666beca3d11ed7a2daed1"
+  dependencies:
+    accepts "~1.3.3"
+    array-flatten "1.1.1"
+    content-disposition "0.5.2"
+    content-type "~1.0.2"
+    cookie "0.3.1"
+    cookie-signature "1.0.6"
+    debug "2.6.8"
+    depd "~1.1.1"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    etag "~1.8.0"
+    finalhandler "~1.0.4"
+    fresh "0.5.0"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "~2.3.0"
+    parseurl "~1.3.1"
+    path-to-regexp "0.1.7"
+    proxy-addr "~1.1.5"
+    qs "6.5.0"
+    range-parser "~1.2.0"
+    send "0.15.4"
+    serve-static "1.12.4"
+    setprototypeof "1.0.3"
+    statuses "~1.3.1"
+    type-is "~1.6.15"
+    utils-merge "1.0.0"
+    vary "~1.1.1"
+
 extend@3, extend@^3.0.0, extend@~3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444"
@@ -2446,6 +2555,18 @@ finalhandler@1.0.3, finalhandler@~1.0.3:
     statuses "~1.3.1"
     unpipe "~1.0.0"
 
+finalhandler@~1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.0.4.tgz#18574f2e7c4b98b8ae3b230c21f201f31bdb3fb7"
+  dependencies:
+    debug "2.6.8"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    on-finished "~2.3.0"
+    parseurl "~1.3.1"
+    statuses "~1.3.1"
+    unpipe "~1.0.0"
+
 find-up@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
@@ -2913,6 +3034,15 @@ http-errors@~1.6.1:
     setprototypeof "1.0.3"
     statuses ">= 1.3.1 < 2"
 
+http-errors@~1.6.2:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.2.tgz#0a002cc85707192a7e7946ceedc11155f60ec736"
+  dependencies:
+    depd "1.1.1"
+    inherits "2.0.3"
+    setprototypeof "1.0.3"
+    statuses ">= 1.3.1 < 2"
+
 http-proxy-middleware@~0.17.4:
   version "0.17.4"
   resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.17.4.tgz#642e8848851d66f09d4f124912846dbaeb41b833"
@@ -3093,20 +3223,16 @@ ionic-angular@3.4.2:
   version "3.4.2"
   resolved "https://registry.yarnpkg.com/ionic-angular/-/ionic-angular-3.4.2.tgz#762631f1af78a5ae1c0aa0f4d23b31435142abe1"
 
-ionic@3.7.0:
-  version "3.7.0"
-  resolved "https://registry.yarnpkg.com/ionic/-/ionic-3.7.0.tgz#a3c32174c6d5455c3bc74b6b9152e0f97dce23c8"
+ionic@3.9.1:
+  version "3.9.1"
+  resolved "https://registry.yarnpkg.com/ionic/-/ionic-3.9.1.tgz#be50eea2f55bad40574772ecaeaf5a460fd16330"
   dependencies:
-    "@ionic/cli-utils" "1.7.0"
+    "@ionic/cli-utils" "1.9.1"
     chalk "^2.0.0"
-    diff "^3.2.0"
-    minimist "^1.2.0"
     opn "^5.1.0"
     os-name "^2.0.1"
     rimraf "^2.6.1"
     semver "^5.3.0"
-    ssh-config "^1.0.1"
-    tar "^2.2.1"
     tslib "^1.7.1"
 
 ionicons@3.0.0:
@@ -3121,6 +3247,10 @@ ipaddr.js@1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.3.0.tgz#1e03a52fdad83a8bbb2b25cbf4998b4cffcd3dec"
 
+ipaddr.js@1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.4.0.tgz#296aca878a821816e5b85d0a285a99bcff4582f0"
+
 is-absolute-url@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
@@ -4106,6 +4236,10 @@ mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkd
   dependencies:
     minimist "0.0.8"
 
+moment@^2.16.0:
+  version "2.18.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"
+
 ms@0.7.1:
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
@@ -5004,7 +5138,14 @@ proxy-addr@~1.1.3, proxy-addr@~1.1.4:
     forwarded "~0.1.0"
     ipaddr.js "1.3.0"
 
-proxy-middleware@0.15.0:
+proxy-addr@~1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-1.1.5.tgz#71c0ee3b102de3f202f3b64f608d173fcba1a918"
+  dependencies:
+    forwarded "~0.1.0"
+    ipaddr.js "1.4.0"
+
+proxy-middleware@0.15.0, proxy-middleware@^0.15.0:
   version "0.15.0"
   resolved "https://registry.yarnpkg.com/proxy-middleware/-/proxy-middleware-0.15.0.tgz#a3fdf1befb730f951965872ac2f6074c61477a56"
 
@@ -5060,7 +5201,7 @@ qs@6.4.0, qs@~6.4.0:
   version "6.4.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
 
-qs@^6.1.0, qs@^6.2.0:
+qs@6.5.0, qs@^6.1.0, qs@^6.2.0, qs@^6.4.0:
   version "6.5.0"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.0.tgz#8d04954d364def3efc55b5a0793e1e2c8b1e6e49"
 
@@ -5645,6 +5786,24 @@ send@0.15.3:
     range-parser "~1.2.0"
     statuses "~1.3.1"
 
+send@0.15.4:
+  version "0.15.4"
+  resolved "https://registry.yarnpkg.com/send/-/send-0.15.4.tgz#985faa3e284b0273c793364a35c6737bd93905b9"
+  dependencies:
+    debug "2.6.8"
+    depd "~1.1.1"
+    destroy "~1.0.4"
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    etag "~1.8.0"
+    fresh "0.5.0"
+    http-errors "~1.6.2"
+    mime "1.3.4"
+    ms "2.0.0"
+    on-finished "~2.3.0"
+    range-parser "~1.2.0"
+    statuses "~1.3.1"
+
 serve-index@^1.7.2:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.0.tgz#d2b280fc560d616ee81b48bf0fa82abed2485ce7"
@@ -5666,6 +5825,15 @@ serve-static@1.12.3:
     parseurl "~1.3.1"
     send "0.15.3"
 
+serve-static@1.12.4:
+  version "1.12.4"
+  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.12.4.tgz#9b6aa98eeb7253c4eedc4c1f6fdbca609901a961"
+  dependencies:
+    encodeurl "~1.0.1"
+    escape-html "~1.0.3"
+    parseurl "~1.3.1"
+    send "0.15.4"
+
 serve-static@~1.11.2:
   version "1.11.2"
   resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.11.2.tgz#2cf9889bd4435a320cc36895c9aa57bd662e6ac7"
@@ -6203,6 +6371,17 @@ tiny-lr@1.0.3:
     object-assign "^4.1.0"
     qs "^6.2.0"
 
+tiny-lr@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/tiny-lr/-/tiny-lr-1.0.5.tgz#21f40bf84ebd1f853056680375eef1670c334112"
+  dependencies:
+    body "^5.1.0"
+    debug "~2.6.7"
+    faye-websocket "~0.10.0"
+    livereload-js "^2.2.2"
+    object-assign "^4.1.0"
+    qs "^6.4.0"
+
 tmp@0.0.24:
   version "0.0.24"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.24.tgz#d6a5e198d14a9835cc6f2d7c3d9e302428c8cf12"

From cdbc84e93a6fbe461ada07291276f8bc5b94a2ce Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 17 Aug 2017 16:42:09 -0400
Subject: [PATCH 23/28] added loading spinner and links to block detail

---
 .../latest-blocks/latest-blocks.html          | 51 ++++++++++---------
 .../components/latest-blocks/latest-blocks.ts | 16 +++---
 2 files changed, 37 insertions(+), 30 deletions(-)

diff --git a/app/src/components/latest-blocks/latest-blocks.html b/app/src/components/latest-blocks/latest-blocks.html
index 6595647..320ae6f 100644
--- a/app/src/components/latest-blocks/latest-blocks.html
+++ b/app/src/components/latest-blocks/latest-blocks.html
@@ -1,27 +1,32 @@
 <!-- Generated template for the LatestBlocksComponent component -->
 <div>
-  {{text}}
-  <ion-grid>
+  <div *ngIf="loading">
+    <ion-spinner name="crescent"></ion-spinner>
+  </div>
 
-    <ion-row>
-      <ion-col><b>Height</b></ion-col>
-      <ion-col><b>Age</b></ion-col>
-      <ion-col text-right><b>Transactions</b></ion-col>
-      <ion-col text-right><b>Size</b></ion-col>
-    </ion-row>
-    <ion-row *ngFor="let block of getBlocks(8)">
-      <ion-col>
-        <a (click)="goToBlock(block.hash)">{{block.height}}</a>
-      </ion-col>
-      <ion-col>
-        {{ block.time | amFromUnix | amTimeAgo }}
-      </ion-col>
-      <ion-col text-right>
-        {{block.txlength}}
-      </ion-col>
-      <ion-col text-right>
-        {{ block.size }}
-      </ion-col>
-    </ion-row>
-  </ion-grid>
+  <div *ngIf="!loading">
+    <ion-grid>
+
+      <ion-row>
+        <ion-col><b>Height</b></ion-col>
+        <ion-col><b>Age</b></ion-col>
+        <ion-col text-right><b>Transactions</b></ion-col>
+        <ion-col text-right><b>Size</b></ion-col>
+      </ion-row>
+      <ion-row *ngFor="let block of getBlocks(6)">
+        <ion-col>
+          <a (click)="goToBlock(block.hash)">{{block.height}}</a>
+        </ion-col>
+        <ion-col>
+          {{ block.time | amFromUnix | amTimeAgo }}
+        </ion-col>
+        <ion-col text-right>
+          {{block.txlength}}
+        </ion-col>
+        <ion-col text-right>
+          {{ block.size }}
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+  </div>
 </div>
diff --git a/app/src/components/latest-blocks/latest-blocks.ts b/app/src/components/latest-blocks/latest-blocks.ts
index cb7ae42..5ecbebe 100644
--- a/app/src/components/latest-blocks/latest-blocks.ts
+++ b/app/src/components/latest-blocks/latest-blocks.ts
@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { BlocksProvider } from '../../providers/blocks/blocks';
+import { NavController } from 'ionic-angular';
 
 /**
  * Generated class for the LatestBlocksComponent component.
@@ -13,25 +14,26 @@ import { BlocksProvider } from '../../providers/blocks/blocks';
 })
 export class LatestBlocksComponent {
 
-  private text: string;
+  public loading: boolean = true;
   public blocks: Array<any> = [];
 
-  constructor(private blocksProvider: BlocksProvider) {
-    this.text = 'Hello Latest Blocks';
-
+  constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController) {
     blocksProvider.getBlocks().subscribe(
       (data) => {
         this.blocks = JSON.parse(data['_body']).blocks;
-        console.log('blocks', this.blocks);
+        this.loading = false;
       },
       (err) => {
         console.log('err', err);
+        this.loading = false;
       }
     );
   }
 
-  public goToBlock(hash: string): void {
-    console.log('go to', hash);
+  public goToBlock(blockHash: string): void {
+    this.navCtrl.push('block-detail', {
+      'blockHash': blockHash
+    });
   }
 
   public getBlocks(num: number = 10): Array<any> {

From 722eb21cfb4d01ab4754f4106d8ae952d92f3691 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 18 Aug 2017 11:33:41 -0400
Subject: [PATCH 24/28] Added interval to get latest blocks and styled latest
 blocks grid

---
 .../latest-blocks/latest-blocks.scss          | 16 ++++++++++
 .../components/latest-blocks/latest-blocks.ts | 12 ++++++-
 .../latest-transactions.ts                    | 32 ++++++++++++++++++-
 .../components/transaction/transaction.scss   |  3 ++
 4 files changed, 61 insertions(+), 2 deletions(-)

diff --git a/app/src/components/latest-blocks/latest-blocks.scss b/app/src/components/latest-blocks/latest-blocks.scss
index f5def0b..c9a1377 100644
--- a/app/src/components/latest-blocks/latest-blocks.scss
+++ b/app/src/components/latest-blocks/latest-blocks.scss
@@ -1,3 +1,19 @@
 latest-blocks {
+  ion-grid {
+    // border: 2px solid green;
+    margin: 10px 0 20px;
 
+    ion-row {
+      border-top: 1px solid #ccc;
+    }
+
+    ion-row:nth-child(even) {
+      background-color: #f4f4f4;
+    }
+
+    ion-row:first-child {
+      background-color: white;
+      border-top: none;
+    }
+  }
 }
diff --git a/app/src/components/latest-blocks/latest-blocks.ts b/app/src/components/latest-blocks/latest-blocks.ts
index 5ecbebe..940fa05 100644
--- a/app/src/components/latest-blocks/latest-blocks.ts
+++ b/app/src/components/latest-blocks/latest-blocks.ts
@@ -18,7 +18,17 @@ export class LatestBlocksComponent {
   public blocks: Array<any> = [];
 
   constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController) {
-    blocksProvider.getBlocks().subscribe(
+    this.loadBlocks();
+    setInterval(
+      function (): void {
+        this.loadBlocks.call(this);
+      }.bind(this),
+      1000 * 30
+    );
+  }
+
+  private loadBlocks(): void {
+    this.blocksProvider.getBlocks().subscribe(
       (data) => {
         this.blocks = JSON.parse(data['_body']).blocks;
         this.loading = false;
diff --git a/app/src/components/latest-transactions/latest-transactions.ts b/app/src/components/latest-transactions/latest-transactions.ts
index 5b8d68e..51a967c 100644
--- a/app/src/components/latest-transactions/latest-transactions.ts
+++ b/app/src/components/latest-transactions/latest-transactions.ts
@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { Http } from '@angular/http';
+import { ApiProvider } from '../../providers/api/api';
 
 /**
  * Generated class for the LatestTransactionsComponent component.
@@ -14,9 +16,37 @@ export class LatestTransactionsComponent {
 
   private text: string;
 
-  constructor() {
+  constructor(private http: Http, private api: ApiProvider) {
     console.log('Hello LatestTransactionsComponent Component');
     this.text = 'Hello Latest Transactions';
+
+    /*
+    let url: string = this.api.apiPrefix + 'txs?' + this.queryType + '=' + this.queryValue;
+
+    this.http.get(url).subscribe(
+      (data) => {
+        this.transactions = JSON.parse(data['_body']);
+        this.loading = false;
+      },
+      (err) => {
+        console.log('err is', err);
+        this.loading = false;
+      }
+    );
+     */
+
+    /*
+    this.http.get(this.api.apiPrefix + 'tx/' + this.txId).subscribe(
+      (data) => {
+        this.tx = JSON.parse(data['_body']);
+        this.loading = false;
+      },
+      (err) => {
+        console.log('err is', err);
+        this.loading = false;
+      }
+    );
+     */
   }
 
 }
diff --git a/app/src/components/transaction/transaction.scss b/app/src/components/transaction/transaction.scss
index 59fc005..40a22fb 100644
--- a/app/src/components/transaction/transaction.scss
+++ b/app/src/components/transaction/transaction.scss
@@ -1,4 +1,7 @@
 transaction {
+  // TODO Customize the grid to have 13 columns so that we have 6-col inputs, 6-col outputs, 1 col arrow
+  // See http://ionicframework.com/docs/api/components/grid/Grid/#customizing-the-grid
+
   ion-grid {
     background-color: #F4F4F4;
     border: 1px solid #eee;

From 44e85f0decf7509fea19d7db8fd494cb8b8f1296 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 18 Aug 2017 15:08:36 -0400
Subject: [PATCH 25/28] added See All Blocks button to latest-blocks component;
 created new BlocksPage with ionic convention; deprecated previous BlocksPage;
 fixed e2e tests

---
 app/e2e/app.e2e-spec.ts                       |  6 +--
 .../latest-blocks/latest-blocks.html          |  5 +++
 .../latest-blocks/latest-blocks.scss          |  4 ++
 .../components/latest-blocks/latest-blocks.ts |  6 +++
 .../latest-transactions.ts                    |  6 +--
 app/src/pages/blocks/blocks.html              | 39 +++++++++++++++++++
 app/src/pages/blocks/blocks.module.ts         | 18 +++++++++
 app/src/pages/blocks/blocks.scss              | 23 +++++++++++
 app/src/pages/blocks/blocks.ts                | 37 ++++++++++++++++++
 app/src/pages/blocksPage/blocksPage.ts        |  4 +-
 app/src/pages/index.ts                        |  2 +-
 app/src/pages/pages.module.ts                 |  4 +-
 12 files changed, 142 insertions(+), 12 deletions(-)
 create mode 100644 app/src/pages/blocks/blocks.html
 create mode 100644 app/src/pages/blocks/blocks.module.ts
 create mode 100644 app/src/pages/blocks/blocks.scss
 create mode 100644 app/src/pages/blocks/blocks.ts

diff --git a/app/e2e/app.e2e-spec.ts b/app/e2e/app.e2e-spec.ts
index 03fa8a5..4b8a378 100644
--- a/app/e2e/app.e2e-spec.ts
+++ b/app/e2e/app.e2e-spec.ts
@@ -7,17 +7,13 @@ describe('InsightApp', () => {
   });
 
   it('should have a title', () => {
-    expect(browser.getTitle()).toEqual('Blocks');
+    expect(browser.getTitle()).toEqual('Home');
   });
 
   it('should have {nav}', () => {
     expect(element(by.css('ion-navbar')).isPresent()).toEqual(true);
   });
 
-  it('should have correct nav text for Home', () => {
-    expect(element(by.css('ion-navbar:first-child')).getText()).toContain('Blocks');
-  });
-
   it('has a menu button that displays the left menu', () => {
     element(by.css('.bar-button-menutoggle')).click()
       .then(() => {
diff --git a/app/src/components/latest-blocks/latest-blocks.html b/app/src/components/latest-blocks/latest-blocks.html
index 320ae6f..d453741 100644
--- a/app/src/components/latest-blocks/latest-blocks.html
+++ b/app/src/components/latest-blocks/latest-blocks.html
@@ -27,6 +27,11 @@
           {{ block.size }}
         </ion-col>
       </ion-row>
+      <ion-row>
+        <ion-col text-center>
+          <button ion-button (click)="goToBlocks()">See all blocks</button>
+        </ion-col>
+      </ion-row>
     </ion-grid>
   </div>
 </div>
diff --git a/app/src/components/latest-blocks/latest-blocks.scss b/app/src/components/latest-blocks/latest-blocks.scss
index c9a1377..0ae897d 100644
--- a/app/src/components/latest-blocks/latest-blocks.scss
+++ b/app/src/components/latest-blocks/latest-blocks.scss
@@ -15,5 +15,9 @@ latest-blocks {
       background-color: white;
       border-top: none;
     }
+
+    ion-row:last-child {
+      background-color: white;
+    }
   }
 }
diff --git a/app/src/components/latest-blocks/latest-blocks.ts b/app/src/components/latest-blocks/latest-blocks.ts
index 940fa05..34200b1 100644
--- a/app/src/components/latest-blocks/latest-blocks.ts
+++ b/app/src/components/latest-blocks/latest-blocks.ts
@@ -19,12 +19,14 @@ export class LatestBlocksComponent {
 
   constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController) {
     this.loadBlocks();
+    /*
     setInterval(
       function (): void {
         this.loadBlocks.call(this);
       }.bind(this),
       1000 * 30
     );
+     */
   }
 
   private loadBlocks(): void {
@@ -51,4 +53,8 @@ export class LatestBlocksComponent {
     return this.blocks.filter((block, index) => index < num);
     /* tslint:enable:no-unused-variable */
   }
+
+  public goToBlocks(): void {
+    this.navCtrl.push('blocks');
+  }
 }
diff --git a/app/src/components/latest-transactions/latest-transactions.ts b/app/src/components/latest-transactions/latest-transactions.ts
index 51a967c..4650fff 100644
--- a/app/src/components/latest-transactions/latest-transactions.ts
+++ b/app/src/components/latest-transactions/latest-transactions.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
-import { Http } from '@angular/http';
-import { ApiProvider } from '../../providers/api/api';
+// import { Http } from '@angular/http';
+// import { ApiProvider } from '../../providers/api/api';
 
 /**
  * Generated class for the LatestTransactionsComponent component.
@@ -16,7 +16,7 @@ export class LatestTransactionsComponent {
 
   private text: string;
 
-  constructor(private http: Http, private api: ApiProvider) {
+  constructor(/*private http: Http, private api: ApiProvider*/) {
     console.log('Hello LatestTransactionsComponent Component');
     this.text = 'Hello Latest Transactions';
 
diff --git a/app/src/pages/blocks/blocks.html b/app/src/pages/blocks/blocks.html
new file mode 100644
index 0000000..6f82937
--- /dev/null
+++ b/app/src/pages/blocks/blocks.html
@@ -0,0 +1,39 @@
+<ion-header>
+  <head-nav [title]="'Blocks'"></head-nav>
+</ion-header>
+
+<ion-content padding>
+  <div *ngIf="loading">
+    <ion-spinner name="crescent"></ion-spinner>
+  </div>
+
+  <div *ngIf="!loading">
+    <h1>Blocks</h1>
+    <ion-grid>
+      <ion-row>
+        <ion-col><b>Height</b></ion-col>
+        <ion-col><b>Timestamp</b></ion-col>
+        <ion-col text-right><b>Transactions</b></ion-col>
+        <ion-col><b>Mined By</b></ion-col>
+        <ion-col text-right><b>Size</b></ion-col>
+      </ion-row>
+      <ion-row *ngFor="let block of blocks">
+        <ion-col>
+          <a (click)="goToBlock(block.hash)">{{block.height}}</a>
+        </ion-col>
+        <ion-col>
+          {{ block.time * 1000 | date:'medium' }}
+        </ion-col>
+        <ion-col text-right>
+          {{ block.txlength }}
+        </ion-col>
+        <ion-col>
+          <a *ngIf="block.poolInfo.poolName" href="{{block.poolInfo.url}}">{{block.poolInfo.poolName}}</a>
+        </ion-col>
+        <ion-col text-right>
+          {{ block.size }}
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+  </div>
+</ion-content>
diff --git a/app/src/pages/blocks/blocks.module.ts b/app/src/pages/blocks/blocks.module.ts
new file mode 100644
index 0000000..0ec9cc7
--- /dev/null
+++ b/app/src/pages/blocks/blocks.module.ts
@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { BlocksPage } from './blocks';
+import { HeadNavComponentModule } from '../../components/head-nav/head-nav.module';
+
+@NgModule({
+  declarations: [
+    BlocksPage
+  ],
+  imports: [
+    IonicPageModule.forChild(BlocksPage),
+    HeadNavComponentModule
+  ],
+  exports: [
+    BlocksPage
+  ]
+})
+export class BlocksPageModule {}
diff --git a/app/src/pages/blocks/blocks.scss b/app/src/pages/blocks/blocks.scss
new file mode 100644
index 0000000..563b211
--- /dev/null
+++ b/app/src/pages/blocks/blocks.scss
@@ -0,0 +1,23 @@
+page-blocks {
+  ion-grid {
+    // border: 2px solid green;
+    margin: 10px 0 20px;
+
+    ion-row {
+      border-top: 1px solid #ccc;
+    }
+
+    ion-row:nth-child(even) {
+      background-color: #f4f4f4;
+    }
+
+    ion-row:first-child {
+      background-color: white;
+      border-top: none;
+    }
+
+    ion-row:last-child {
+      background-color: white;
+    }
+  }
+}
diff --git a/app/src/pages/blocks/blocks.ts b/app/src/pages/blocks/blocks.ts
new file mode 100644
index 0000000..5dcf67c
--- /dev/null
+++ b/app/src/pages/blocks/blocks.ts
@@ -0,0 +1,37 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { BlocksProvider } from '../../providers/blocks/blocks';
+
+/**
+ * Generated class for the BlocksPage page.
+ *
+ * See http://ionicframework.com/docs/components/#navigation for more info
+ * on Ionic pages and navigation.
+ */
+@IonicPage({
+  name: 'blocks',
+  segment: 'blocks/'
+})
+@Component({
+  selector: 'page-blocks',
+  templateUrl: 'blocks.html'
+})
+export class BlocksPage {
+
+  public loading: boolean = true;
+  public blocks: Array<any> = [];
+
+  constructor(public navCtrl: NavController, public navParams: NavParams, private blocksProvider: BlocksProvider) {
+    this.blocksProvider.getBlocks().subscribe(
+      (data) => {
+        this.blocks = JSON.parse(data['_body']).blocks;
+        console.log('this.blocks', this.blocks);
+        this.loading = false;
+      },
+      (err) => {
+        console.log('err', err);
+        this.loading = false;
+      }
+    );
+  }
+}
diff --git a/app/src/pages/blocksPage/blocksPage.ts b/app/src/pages/blocksPage/blocksPage.ts
index b48f130..e5273a4 100644
--- a/app/src/pages/blocksPage/blocksPage.ts
+++ b/app/src/pages/blocksPage/blocksPage.ts
@@ -4,10 +4,12 @@ import { Observable } from 'rxjs';
 import { Block } from '../../models';
 import { BlocksService } from '../../services';
 
+/**
+ * @deprecated Use BlocksPage from ../blocks/blocks
+ */
 @Component({
   templateUrl: './blocksPage.html'
 })
-
 export class BlocksPage {
 
   public title: string;
diff --git a/app/src/pages/index.ts b/app/src/pages/index.ts
index 19b1b7c..67a109d 100644
--- a/app/src/pages/index.ts
+++ b/app/src/pages/index.ts
@@ -1,6 +1,6 @@
-export * from './blocksPage/blocksPage';
 export * from './broadcastTxPage/broadcastTxPage';
 export * from './nodeStatusPage/nodeStatusPage';
 export * from './verifyMessagePage/verifyMessagePage';
 export * from './home/home';
+export * from './blocks/blocks';
 export * from './pages.module';
diff --git a/app/src/pages/pages.module.ts b/app/src/pages/pages.module.ts
index 4787ac8..6156b14 100644
--- a/app/src/pages/pages.module.ts
+++ b/app/src/pages/pages.module.ts
@@ -1,12 +1,12 @@
 import { NgModule }         from '@angular/core';
 import { IonicModule }      from 'ionic-angular';
 import { ComponentsModule } from '../components';
+import { BlocksPageModule } from '../pages/blocks/blocks.module';
 import { HeadNavComponentModule } from '../components/head-nav/head-nav.module';
 import { LatestTransactionsComponentModule } from '../components/latest-transactions/latest-transactions.module';
 import { LatestBlocksComponentModule } from '../components/latest-blocks/latest-blocks.module';
 import {
   HomePage,
-  BlocksPage,
   BroadcastTxPage,
   NodeStatusPage,
   VerifyMessagePage
@@ -15,7 +15,6 @@ import {
 @NgModule({
   declarations: [
     HomePage,
-    BlocksPage,
     BroadcastTxPage,
     NodeStatusPage,
     VerifyMessagePage
@@ -23,6 +22,7 @@ import {
   imports: [
     IonicModule,
     ComponentsModule,
+    BlocksPageModule,
     HeadNavComponentModule,
     LatestTransactionsComponentModule,
     LatestBlocksComponentModule

From 5e79d1d4f34df107822b922d3961e2af0fc8a04e Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 18 Aug 2017 15:59:57 -0400
Subject: [PATCH 26/28] wrapped setInterval in ngZone to make e2e tests work
 properly

---
 .../components/latest-blocks/latest-blocks.ts | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/app/src/components/latest-blocks/latest-blocks.ts b/app/src/components/latest-blocks/latest-blocks.ts
index 34200b1..cd1155a 100644
--- a/app/src/components/latest-blocks/latest-blocks.ts
+++ b/app/src/components/latest-blocks/latest-blocks.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, NgZone } from '@angular/core';
 import { BlocksProvider } from '../../providers/blocks/blocks';
 import { NavController } from 'ionic-angular';
 
@@ -17,16 +17,18 @@ export class LatestBlocksComponent {
   public loading: boolean = true;
   public blocks: Array<any> = [];
 
-  constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController) {
+  constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController, ngZone: NgZone) {
     this.loadBlocks();
-    /*
-    setInterval(
-      function (): void {
-        this.loadBlocks.call(this);
-      }.bind(this),
-      1000 * 30
-    );
-     */
+    ngZone.runOutsideAngular(() => {
+      setInterval(
+        function (): void {
+          ngZone.run(function (): void {
+            this.loadBlocks.call(this);
+          }.bind(this));
+        }.bind(this),
+        1000 * 30
+      );
+    });
   }
 
   private loadBlocks(): void {

From d5adf90a9b84cf45eb4237e0f8263800c4102817 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 18 Aug 2017 17:08:58 -0400
Subject: [PATCH 27/28] added input parms for latest-blocks component; replaced
 block grid on blocks page with latest-blocks component

---
 .../latest-blocks/latest-blocks.html          | 16 ++++++++---
 .../components/latest-blocks/latest-blocks.ts |  9 ++++---
 app/src/pages/blocks/blocks.html              | 27 +------------------
 app/src/pages/blocks/blocks.module.ts         |  4 ++-
 app/src/pages/home/home.html                  |  2 +-
 5 files changed, 23 insertions(+), 35 deletions(-)

diff --git a/app/src/components/latest-blocks/latest-blocks.html b/app/src/components/latest-blocks/latest-blocks.html
index d453741..b269bdd 100644
--- a/app/src/components/latest-blocks/latest-blocks.html
+++ b/app/src/components/latest-blocks/latest-blocks.html
@@ -9,25 +9,33 @@
 
       <ion-row>
         <ion-col><b>Height</b></ion-col>
-        <ion-col><b>Age</b></ion-col>
+        <ion-col *ngIf="showTimeAs === 'age'"><b>Age</b></ion-col>
+        <ion-col *ngIf="showTimeAs === 'timestamp'"><b>Timestamp</b></ion-col>
         <ion-col text-right><b>Transactions</b></ion-col>
+        <ion-col><b>Mined By</b></ion-col>
         <ion-col text-right><b>Size</b></ion-col>
       </ion-row>
-      <ion-row *ngFor="let block of getBlocks(6)">
+      <ion-row *ngFor="let block of getBlocks()">
         <ion-col>
           <a (click)="goToBlock(block.hash)">{{block.height}}</a>
         </ion-col>
-        <ion-col>
+        <ion-col *ngIf="showTimeAs === 'age'">
           {{ block.time | amFromUnix | amTimeAgo }}
         </ion-col>
+        <ion-col *ngIf="showTimeAs === 'timestamp'">
+          {{ block.time * 1000 | date:'medium' }}
+        </ion-col>
         <ion-col text-right>
           {{block.txlength}}
         </ion-col>
+        <ion-col>
+          <a *ngIf="block.poolInfo.poolName" href="{{block.poolInfo.url}}">{{block.poolInfo.poolName}}</a>
+        </ion-col>
         <ion-col text-right>
           {{ block.size }}
         </ion-col>
       </ion-row>
-      <ion-row>
+      <ion-row *ngIf="showAllBlocksButton">
         <ion-col text-center>
           <button ion-button (click)="goToBlocks()">See all blocks</button>
         </ion-col>
diff --git a/app/src/components/latest-blocks/latest-blocks.ts b/app/src/components/latest-blocks/latest-blocks.ts
index cd1155a..21fc1e4 100644
--- a/app/src/components/latest-blocks/latest-blocks.ts
+++ b/app/src/components/latest-blocks/latest-blocks.ts
@@ -1,4 +1,4 @@
-import { Component, NgZone } from '@angular/core';
+import { Component, NgZone, Input } from '@angular/core';
 import { BlocksProvider } from '../../providers/blocks/blocks';
 import { NavController } from 'ionic-angular';
 
@@ -16,6 +16,9 @@ export class LatestBlocksComponent {
 
   public loading: boolean = true;
   public blocks: Array<any> = [];
+  @Input() public numBlocks: number;
+  @Input() public showAllBlocksButton: boolean;
+  @Input() public showTimeAs: string;
 
   constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController, ngZone: NgZone) {
     this.loadBlocks();
@@ -50,9 +53,9 @@ export class LatestBlocksComponent {
     });
   }
 
-  public getBlocks(num: number = 10): Array<any> {
+  public getBlocks(): Array<any> {
     /* tslint:disable:no-unused-variable */
-    return this.blocks.filter((block, index) => index < num);
+    return this.blocks.filter((block, index) => index < this.numBlocks);
     /* tslint:enable:no-unused-variable */
   }
 
diff --git a/app/src/pages/blocks/blocks.html b/app/src/pages/blocks/blocks.html
index 6f82937..54d52dc 100644
--- a/app/src/pages/blocks/blocks.html
+++ b/app/src/pages/blocks/blocks.html
@@ -9,31 +9,6 @@
 
   <div *ngIf="!loading">
     <h1>Blocks</h1>
-    <ion-grid>
-      <ion-row>
-        <ion-col><b>Height</b></ion-col>
-        <ion-col><b>Timestamp</b></ion-col>
-        <ion-col text-right><b>Transactions</b></ion-col>
-        <ion-col><b>Mined By</b></ion-col>
-        <ion-col text-right><b>Size</b></ion-col>
-      </ion-row>
-      <ion-row *ngFor="let block of blocks">
-        <ion-col>
-          <a (click)="goToBlock(block.hash)">{{block.height}}</a>
-        </ion-col>
-        <ion-col>
-          {{ block.time * 1000 | date:'medium' }}
-        </ion-col>
-        <ion-col text-right>
-          {{ block.txlength }}
-        </ion-col>
-        <ion-col>
-          <a *ngIf="block.poolInfo.poolName" href="{{block.poolInfo.url}}">{{block.poolInfo.poolName}}</a>
-        </ion-col>
-        <ion-col text-right>
-          {{ block.size }}
-        </ion-col>
-      </ion-row>
-    </ion-grid>
+    <latest-blocks [numBlocks]="100" [showTimeAs]="'timestamp'" [showAllBlocksButton]="false"></latest-blocks>
   </div>
 </ion-content>
diff --git a/app/src/pages/blocks/blocks.module.ts b/app/src/pages/blocks/blocks.module.ts
index 0ec9cc7..521ae44 100644
--- a/app/src/pages/blocks/blocks.module.ts
+++ b/app/src/pages/blocks/blocks.module.ts
@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { BlocksPage } from './blocks';
 import { HeadNavComponentModule } from '../../components/head-nav/head-nav.module';
+import { LatestBlocksComponentModule } from '../../components/latest-blocks/latest-blocks.module';
 
 @NgModule({
   declarations: [
@@ -9,7 +10,8 @@ import { HeadNavComponentModule } from '../../components/head-nav/head-nav.modul
   ],
   imports: [
     IonicPageModule.forChild(BlocksPage),
-    HeadNavComponentModule
+    HeadNavComponentModule,
+    LatestBlocksComponentModule
   ],
   exports: [
     BlocksPage
diff --git a/app/src/pages/home/home.html b/app/src/pages/home/home.html
index b29ea51..ad57d6d 100644
--- a/app/src/pages/home/home.html
+++ b/app/src/pages/home/home.html
@@ -13,7 +13,7 @@
 
   <div>
     <h1>Latest Blocks</h1>
-    <latest-blocks></latest-blocks>
+    <latest-blocks [numBlocks]="6" [showTimeAs]="'age'" [showAllBlocksButton]="true"></latest-blocks>
   </div>
 
   <div>

From d4d5e500d6785423a7266f8473fe83a8ff2c764a Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Fri, 18 Aug 2017 18:00:17 -0400
Subject: [PATCH 28/28] hide the "mined by" column when in "portrait" mode

---
 app/src/components/latest-blocks/latest-blocks.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/src/components/latest-blocks/latest-blocks.html b/app/src/components/latest-blocks/latest-blocks.html
index b269bdd..8268be4 100644
--- a/app/src/components/latest-blocks/latest-blocks.html
+++ b/app/src/components/latest-blocks/latest-blocks.html
@@ -12,7 +12,7 @@
         <ion-col *ngIf="showTimeAs === 'age'"><b>Age</b></ion-col>
         <ion-col *ngIf="showTimeAs === 'timestamp'"><b>Timestamp</b></ion-col>
         <ion-col text-right><b>Transactions</b></ion-col>
-        <ion-col><b>Mined By</b></ion-col>
+        <ion-col hideWhen="portrait"><b>Mined By</b></ion-col>
         <ion-col text-right><b>Size</b></ion-col>
       </ion-row>
       <ion-row *ngFor="let block of getBlocks()">
@@ -28,7 +28,7 @@
         <ion-col text-right>
           {{block.txlength}}
         </ion-col>
-        <ion-col>
+        <ion-col hideWhen="portrait">
           <a *ngIf="block.poolInfo.poolName" href="{{block.poolInfo.url}}">{{block.poolInfo.poolName}}</a>
         </ion-col>
         <ion-col text-right>