From 66e8cbc9115f29b51172a0c8eec08df4f83fcf3a Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Tue, 30 Jan 2018 16:01:31 -0500
Subject: [PATCH] replace actionsheet with popover

---
 app/ionic.config.json                         |  2 +-
 .../components/denomination/denomination.html |  4 ++++
 .../denomination/denomination.module.ts       | 19 ++++++++++++++++
 .../components/denomination/denomination.scss |  3 +++
 .../components/denomination/denomination.ts   | 22 +++++++++++++++++++
 app/src/components/head-nav/head-nav.html     |  2 +-
 .../components/head-nav/head-nav.module.ts    |  4 +++-
 app/src/components/head-nav/head-nav.ts       | 20 +++++++++++++++--
 app/src/pages/home/home.html                  |  4 +++-
 app/src/providers/currency/currency.ts        |  2 +-
 10 files changed, 75 insertions(+), 7 deletions(-)
 create mode 100644 app/src/components/denomination/denomination.html
 create mode 100644 app/src/components/denomination/denomination.module.ts
 create mode 100644 app/src/components/denomination/denomination.scss
 create mode 100644 app/src/components/denomination/denomination.ts

diff --git a/app/ionic.config.json b/app/ionic.config.json
index 6f01a59..9ffab3a 100644
--- a/app/ionic.config.json
+++ b/app/ionic.config.json
@@ -7,6 +7,6 @@
   },
   "proxies": [{
     "path": "/api",
-    "proxyUrl": "http://localhost:3000/api"
+    "proxyUrl": "https://bch-insight.bitpay.com/api"
   }]
 }
diff --git a/app/src/components/denomination/denomination.html b/app/src/components/denomination/denomination.html
new file mode 100644
index 0000000..90d41b6
--- /dev/null
+++ b/app/src/components/denomination/denomination.html
@@ -0,0 +1,4 @@
+<!-- Generated template for the DenominationComponent component -->
+<div>
+  {{text}}
+</div>
diff --git a/app/src/components/denomination/denomination.module.ts b/app/src/components/denomination/denomination.module.ts
new file mode 100644
index 0000000..1c9e478
--- /dev/null
+++ b/app/src/components/denomination/denomination.module.ts
@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { IonicModule } from 'ionic-angular';
+import { DenominationComponent } from './denomination';
+
+@NgModule({
+  declarations: [
+    DenominationComponent
+  ],
+  imports: [
+    IonicModule
+  ],
+  exports: [
+    DenominationComponent
+  ],
+  entryComponents: [
+    DenominationComponent
+  ]
+})
+export class DenominationComponentModule {}
diff --git a/app/src/components/denomination/denomination.scss b/app/src/components/denomination/denomination.scss
new file mode 100644
index 0000000..742e908
--- /dev/null
+++ b/app/src/components/denomination/denomination.scss
@@ -0,0 +1,3 @@
+denomination {
+
+}
diff --git a/app/src/components/denomination/denomination.ts b/app/src/components/denomination/denomination.ts
new file mode 100644
index 0000000..62a8fcd
--- /dev/null
+++ b/app/src/components/denomination/denomination.ts
@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+
+/**
+ * Generated class for the DenominationComponent component.
+ *
+ * See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
+ * for more info on Angular Components.
+ */
+@Component({
+  selector: 'denomination',
+  templateUrl: 'denomination.html'
+})
+export class DenominationComponent {
+
+  public text: string;
+
+  constructor() {
+    console.log('Hello DenominationComponent Component');
+    this.text = 'Hello World';
+  }
+
+}
diff --git a/app/src/components/head-nav/head-nav.html b/app/src/components/head-nav/head-nav.html
index e15d519..c439265 100644
--- a/app/src/components/head-nav/head-nav.html
+++ b/app/src/components/head-nav/head-nav.html
@@ -4,7 +4,7 @@
   </button>
   <ion-title>{{title}}</ion-title>
   <ion-buttons end>
-    <button ion-button (click)="changeCurrency()">
+    <button ion-button (click)="changeCurrency($event)">
       <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 (click)="toggleSearch()">
diff --git a/app/src/components/head-nav/head-nav.module.ts b/app/src/components/head-nav/head-nav.module.ts
index 96140da..587a67d 100644
--- a/app/src/components/head-nav/head-nav.module.ts
+++ b/app/src/components/head-nav/head-nav.module.ts
@@ -1,13 +1,15 @@
 import { NgModule } from '@angular/core';
 import { IonicModule } from 'ionic-angular';
 import { HeadNavComponent } from './head-nav';
+import { DenominationComponentModule } from '../denomination/denomination.module';
 
 @NgModule({
   declarations: [
     HeadNavComponent
   ],
   imports: [
-    IonicModule
+    IonicModule,
+    DenominationComponentModule
   ],
   exports: [
     HeadNavComponent
diff --git a/app/src/components/head-nav/head-nav.ts b/app/src/components/head-nav/head-nav.ts
index 7e439ec..1ccf83d 100644
--- a/app/src/components/head-nav/head-nav.ts
+++ b/app/src/components/head-nav/head-nav.ts
@@ -5,6 +5,8 @@ import { Http } from '@angular/http';
 import { ApiProvider } from '../../providers/api/api';
 import { CurrencyProvider } from '../../providers/currency/currency';
 import { ActionSheetController } from 'ionic-angular';
+import { PopoverController } from 'ionic-angular';
+import { DenominationComponent } from '../denomination/denomination';
 
 /**
  * Generated class for the HeadNavComponent component.
@@ -24,7 +26,14 @@ export class HeadNavComponent {
   public q: string;
   public badQuery: boolean = false;
 
-  constructor(private navCtrl: NavController, private http: Http, private api: ApiProvider, public currency: CurrencyProvider, public actionSheetCtrl: ActionSheetController) {
+  constructor(
+    private navCtrl: NavController,
+    private http: Http,
+    private api: ApiProvider,
+    public currency: CurrencyProvider,
+    public actionSheetCtrl: ActionSheetController,
+    public popoverCtrl: PopoverController
+  ) {
   }
 
   public search(): void {
@@ -102,7 +111,8 @@ export class HeadNavComponent {
   }
   /* tslint:enable:no-unused-variable */
 
-  public changeCurrency(): void {
+  public changeCurrency(myEvent: any): void {
+    /*
     let actionSheet: any = this.actionSheetCtrl.create({
       title: 'Change Denomination',
       buttons: [
@@ -137,6 +147,12 @@ export class HeadNavComponent {
       ]
     });
     actionSheet.present();
+     */
+
+    let popover: any = this.popoverCtrl.create(DenominationComponent);
+    popover.present({
+      ev: myEvent
+    });
   }
 
   public toggleSearch(): void {
diff --git a/app/src/pages/home/home.html b/app/src/pages/home/home.html
index 2449c40..029561b 100644
--- a/app/src/pages/home/home.html
+++ b/app/src/pages/home/home.html
@@ -16,16 +16,18 @@
     <latest-blocks [numBlocks]="6" [showTimeAs]="'age'" [showAllBlocksButton]="true"></latest-blocks>
   </div>
 
+  <!--
   <div>
     <h1>Latest Transactions</h1>
     <latest-transactions [refreshSeconds]="8"></latest-transactions>
   </div>
+  -->
 
   <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>
+    <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/issues" target="_blank">github issue tracker</a>.</p>
     <div id="powered" class="row">
       <div class="powered-text">
         <small class="text-muted">Powered by</small>
diff --git a/app/src/providers/currency/currency.ts b/app/src/providers/currency/currency.ts
index 297392d..19062a2 100644
--- a/app/src/providers/currency/currency.ts
+++ b/app/src/providers/currency/currency.ts
@@ -20,7 +20,7 @@ export class CurrencyProvider {
   private loading: boolean;
 
   constructor(public http: Http, private api: ApiProvider) {
-    this.defaultCurrency = 'BTC';
+    this.defaultCurrency = 'BCH';
     this.currencySymbol = this.defaultCurrency;
   }