From 4e9c9f54518fe13318c76fe2c1fdfead354d1e24 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Thu, 8 Feb 2018 17:47:59 -0500
Subject: [PATCH] added rudimentary blockchain switcher

---
 app/src/assets/img/currency_logos/bch.svg     | 14 +++++++
 app/src/assets/img/currency_logos/btc.svg     | 15 ++++++++
 app/src/assets/img/currency_logos/ltc.svg     | 16 ++++++++
 .../components/denomination/denomination.html | 15 +++++++-
 .../components/denomination/denomination.ts   | 29 +++++++++++++--
 app/src/components/head-nav/head-nav.ts       | 37 -------------------
 6 files changed, 84 insertions(+), 42 deletions(-)
 create mode 100644 app/src/assets/img/currency_logos/bch.svg
 create mode 100644 app/src/assets/img/currency_logos/btc.svg
 create mode 100644 app/src/assets/img/currency_logos/ltc.svg

diff --git a/app/src/assets/img/currency_logos/bch.svg b/app/src/assets/img/currency_logos/bch.svg
new file mode 100644
index 0000000..95a0282
--- /dev/null
+++ b/app/src/assets/img/currency_logos/bch.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="49px" height="30px" viewBox="0 0 49 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>cash</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Invoice---Details---toggle-13" transform="translate(-15.000000, -66.000000)" fill-rule="nonzero" fill="#70C559">
+            <g id="cash" transform="translate(15.000000, 66.000000)">
+                <path d="M13.8417063,-9.23705556e-14 C10.3638666,2.45824779 7.71855988,6.11178429 6.60498615,10.5439372 C4.70445891,18.0998581 7.80802299,25.7315444 13.8323317,30 L0,30 L0,6.67235157e-12 L13.8417063,6.67174941e-12 L13.8417063,-9.23705556e-14 Z M35.4255188,2.16006456e-11 L49,2.16000551e-11 L49,30 L35.4177702,30 C38.8953546,27.5421934 41.5405004,23.8894637 42.6545185,19.458134 C44.5543534,11.900549 41.4505764,4.26854241 35.4255188,2.1236346e-11 L35.4255188,2.16006456e-11 Z M39.3004107,18.6286839 C37.2802686,26.6643836 29.0735016,31.5548028 20.9697739,29.5509168 C12.8693548,27.5474997 7.93811007,19.4082073 9.95919725,11.3729763 C11.9783938,3.33633912 20.185161,-1.55454875 28.2865254,0.448868418 C36.3897804,2.45228559 41.3205524,10.5925155 39.3004107,18.6286839 Z M25.404827,8.31840135 L24.822017,5.61021006 L23.1646362,5.95837059 L23.7321322,8.59517337 C23.2964321,8.68671195 22.8528909,8.78878287 22.412286,8.89047021 L21.8413778,6.23613729 L20.1848384,6.58389075 L20.7668159,9.29144802 C20.4095444,9.37407702 20.0585751,9.45469416 19.7150084,9.52706466 L17.4268281,9.99789864 L17.8061139,11.7584155 C17.8061139,11.7584155 19.0250623,11.4782322 19.0095416,11.5049211 C19.6809284,11.3641687 19.9828396,11.7059324 20.1183742,12.0270932 L21.7146405,19.4461225 C21.7303963,19.6624491 21.6782983,20.0235742 21.2094313,20.1228629 C21.2346595,20.1370971 20.0045444,20.375508 20.0045444,20.375508 L20.0988542,22.4133317 L22.2557355,21.9603946 C22.6572213,21.8765944 23.053614,21.8004421 23.44186,21.7214914 L24.0319506,24.4603751 L25.6876485,24.1130287 L25.1044355,21.4029588 C25.5610391,21.31686 26.0017437,21.2280845 26.4311504,21.1375167 L27.0109069,23.835262 L28.6682877,23.4871014 L28.0804623,20.7528244 C30.8327059,20.0087698 32.6327287,18.9010983 32.3148875,16.247723 C32.0594765,14.1110581 30.8671217,13.3840872 29.2040862,13.3384078 C30.0603063,12.6499773 30.4765778,11.6663412 30.0286414,10.2671807 C29.4197843,8.35437249 27.5843909,8.05563042 25.404827,8.31840135 Z M28.8925748,16.4400896 C29.3339492,18.4867945 25.7599728,18.9938427 24.6369247,19.2307446 L23.8564384,15.6015987 C24.9801043,15.3659532 28.4333066,14.3051001 28.8925748,16.4400896 Z M23.3654016,14.0925774 L22.6572494,10.8011688 C23.5928708,10.6046501 26.4682721,9.69163557 26.886443,11.6339622 C27.2866494,13.4963329 24.3010229,13.8960587 23.3654016,14.0925774 Z" id="Cash"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/src/assets/img/currency_logos/btc.svg b/app/src/assets/img/currency_logos/btc.svg
new file mode 100644
index 0000000..a421df2
--- /dev/null
+++ b/app/src/assets/img/currency_logos/btc.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>bitcoin</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Invoice---Details---toggle-12" transform="translate(-14.000000, -65.000000)" fill-rule="nonzero">
+            <g id="bitcoin" transform="translate(14.000000, 65.000000)">
+                <path d="M29.488125,18.7144615 C27.4907812,26.6007692 19.3776562,31.4141538 11.3475,29.448 C3.3384375,27.4813846 -1.550625,19.4930769 0.44671875,11.6067692 C2.44359375,3.72092308 10.5571875,-1.09246154 18.56625,0.873692308 C26.5964062,2.81953846 31.485,10.8286154 29.488125,18.7144615" id="Shape" fill="#F8AE2A"></path>
+                <path d="M18.8160938,13.2456923 C18.3792187,15.0687692 15.508125,14.1876923 14.5720313,13.9624615 L15.3628125,10.7261538 C16.2778125,10.9513846 19.2735937,11.3409231 18.8160937,13.2456923 L18.8160938,13.2456923 Z M18.358125,18.4689231 C17.88,20.4761538 14.42625,19.4316923 13.32375,19.1653846 L14.176875,15.6013846 C15.3,15.8676923 18.8573438,16.3592308 18.358125,18.4689231 Z M22.06125,13.2456923 C22.3317187,11.2790769 20.8129687,10.2549231 18.7326562,9.55846154 L19.3776562,6.89584615 L17.7342188,6.50676923 L17.1103125,9.108 C16.6734375,9.00553846 16.2365625,8.90307692 15.7996875,8.82138462 L16.4235937,6.21969231 L14.7595313,5.83061538 L14.1145313,8.49369231 C13.760625,8.41153846 13.4071875,8.35015385 13.0532813,8.268 L10.7859375,7.73584615 L10.3696875,9.45646154 C10.3696875,9.45646154 11.5973438,9.72230769 11.555625,9.74307692 C12.22125,9.90692308 12.3459375,10.3370769 12.3253125,10.6647692 L11.5973438,13.6961538 C11.6385938,13.7169231 11.7014063,13.7169231 11.76375,13.7575385 C11.7014063,13.7372308 11.6596875,13.7372308 11.5973438,13.7169231 L10.5984375,17.9566154 C10.5154688,18.1615385 10.3073438,18.4481538 9.84984375,18.3461538 C9.87046875,18.3664615 8.64328125,18.0590769 8.64328125,18.0590769 L7.8525,19.9232308 L9.99515625,20.4147692 C10.3907812,20.5172308 10.7859375,20.5989231 11.1604687,20.7013846 L10.5154688,23.3847692 L12.1589062,23.7738462 L12.8039062,21.1112308 C13.2614063,21.234 13.6982813,21.3364615 14.1145312,21.4389231 L13.4695312,24.0812308 L15.1129687,24.4703077 L15.7579687,21.7873846 C18.56625,22.2789231 20.6671875,22.0532308 21.5203125,19.5341538 C22.2070312,17.5264615 21.4579687,16.3795385 19.9603125,15.6216923 C21.0628125,15.3756923 21.853125,14.6796923 22.06125,13.2456923 L22.06125,13.2456923 Z" id="Shape" fill="#FFFFFF"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/src/assets/img/currency_logos/ltc.svg b/app/src/assets/img/currency_logos/ltc.svg
new file mode 100644
index 0000000..d7afa3f
--- /dev/null
+++ b/app/src/assets/img/currency_logos/ltc.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>litecoin</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Exploration" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="select-currency" transform="translate(-135.000000, -516.000000)" fill-rule="nonzero" fill="#BEBEBE">
+            <g id="LTC" transform="translate(135.000000, 514.000000)">
+                <g id="litecoin" transform="translate(0.000000, 2.000000)">
+                    <path d="M14.9978166,0.0793957695 C6.7571516,0.0793957695 0.076944392,6.75969362 0.076944392,15.0002674 C0.076944392,23.240932 6.7571516,29.9213166 14.9978166,29.9213166 C23.2383906,29.9213166 29.9186882,23.240932 29.9186882,15.0002674 C29.9186882,6.75969362 23.2383,0.0793957695 14.9978166,0.0793957695 Z M12.6942498,6.99841486 L17.3093483,6.99841486 L15.6819997,13.1259761 L17.9406036,12.3008837 L17.9600755,12.35399 L17.3893613,14.4987689 L15.0948236,15.3369607 L14.1258136,18.986236 L21.793452,18.986236 L21.0060653,21.9194637 L8.72315148,21.9194637 L9.97751782,17.2066495 L8.20200344,17.8552523 L8.78918003,15.6440909 L10.5659338,14.9949571 L12.6942498,6.99841486 Z" id="Fill-1"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/app/src/components/denomination/denomination.html b/app/src/components/denomination/denomination.html
index 65c736b..ab0aefb 100644
--- a/app/src/components/denomination/denomination.html
+++ b/app/src/components/denomination/denomination.html
@@ -1,10 +1,21 @@
-<ion-list radio-group [(ngModel)]="currency.currencySymbol" (ionChange)="currency.setCurrency(currency.currencySymbol)">
+<ion-list radio-group [(ngModel)]="currencyProvider.currencySymbol" (ionChange)="currencyProvider.setCurrency(currencyProvider.currencySymbol)">
+  <ion-list-header *ngIf="switcherOn">
+    Blockchain
+  </ion-list-header>
+
+  <ion-row *ngIf="switcherOn">
+    <ion-col *ngFor="let currency of currencies">
+      <button (click)="changeCurrency(currency)" ion-item detail-none class="text-button" text-center>
+        <img src="assets/img/currency_logos/{{ currency.ticker.toLowerCase() }}.svg" class="logo"/></button>
+    </ion-col>
+  </ion-row>
+
   <ion-list-header>
     Units
   </ion-list-header>
 
   <ion-item *ngFor="let unit of units">
     <ion-label color="dark">{{ unit }}</ion-label>
-    <ion-radio value="{{ unit }}" (click)="close()"></ion-radio>
+    <ion-radio value="{{ unit }}"></ion-radio>
   </ion-item>
 </ion-list>
diff --git a/app/src/components/denomination/denomination.ts b/app/src/components/denomination/denomination.ts
index b484472..e683b1c 100644
--- a/app/src/components/denomination/denomination.ts
+++ b/app/src/components/denomination/denomination.ts
@@ -9,17 +9,33 @@ import { ViewController } from 'ionic-angular';
 export class DenominationComponent {
 
   public text: string;
+  public switcherOn: boolean;
+  public currencies: any = [];
   public units: any = [];
 
   constructor(
-    public currency: CurrencyProvider,
+    public currencyProvider: CurrencyProvider,
     public viewCtrl: ViewController
   ) {
     this.text = 'Hello World';
+    this.switcherOn = true;
+    this.currencies = [
+      {
+        name: 'Bitcoin',
+        ticker: 'BTC',
+        url: 'https://insight.bitpay.com'
+      },
+      {
+        name: 'Bitcoin Cash',
+        ticker: 'BCH',
+        url: 'https://bch-insight.bitpay.com'
+      }
+    ];
+
     this.units = [
       'USD',
-      this.currency.defaultCurrency,
-      'm' + this.currency.defaultCurrency,
+      this.currencyProvider.defaultCurrency,
+      'm' + this.currencyProvider.defaultCurrency,
       'bits'
     ];
   }
@@ -28,4 +44,11 @@ export class DenominationComponent {
     this.viewCtrl.dismiss();
   }
 
+  public changeCurrency(currency: any): void {
+    console.log('selected currency is', currency.name, currency.ticker);
+    this.close();
+    let theUrl: string = currency.url;
+    console.log('theUrl is', theUrl);
+    window.location.href = theUrl;
+  }
 }
diff --git a/app/src/components/head-nav/head-nav.ts b/app/src/components/head-nav/head-nav.ts
index 1ccf83d..dfdf998 100644
--- a/app/src/components/head-nav/head-nav.ts
+++ b/app/src/components/head-nav/head-nav.ts
@@ -112,43 +112,6 @@ export class HeadNavComponent {
   /* tslint:enable:no-unused-variable */
 
   public changeCurrency(myEvent: any): void {
-    /*
-    let actionSheet: any = this.actionSheetCtrl.create({
-      title: 'Change Denomination',
-      buttons: [
-        {
-          text: 'USD',
-          handler: () => {
-            this.currency.setCurrency('USD');
-          }
-        },
-        {
-          text: this.currency.defaultCurrency,
-          handler: () => {
-            this.currency.setCurrency(this.currency.defaultCurrency);
-          }
-        },
-        {
-          text: 'm' + this.currency.defaultCurrency,
-          handler: () => {
-            this.currency.setCurrency('m' + this.currency.defaultCurrency);
-          }
-        },
-        {
-          text: 'bits',
-          handler: () => {
-            this.currency.setCurrency('bits');
-          }
-        },
-        {
-          text: 'Cancel',
-          role: 'cancel'
-        }
-      ]
-    });
-    actionSheet.present();
-     */
-
     let popover: any = this.popoverCtrl.create(DenominationComponent);
     popover.present({
       ev: myEvent