With or without docker

app/.docker/docker-insight.dockerfile

@@ -0,0 +1,10 @@
+FROM node:8.11.1
+MAINTAINER SonicWizard
+COPY . /var/www
+#WORKDIR /var/www
+
+COPY ./.docker/scripts /scripts
+RUN chmod +rx /scripts/replace.sh
+
+EXPOSE 8100
+ENTRYPOINT ["/scripts/replace.sh"]

app/.docker/env/btc.production.env-example

@@ -0,0 +1,5 @@
+RUN_DIR=/var/www
+DEFAULT_CURRENCY=BTC
+API_PREFIX=/api
+IONIC_PATH=/api
+IONIC_PROXY_URL=https://insight.bitpay.com/api

app/.docker/scripts/replace.sh

@@ -0,0 +1,17 @@
+#!/bin/bash 
+
+echo "current directory is $PWD"
+echo "run directory is ${RUN_DIR}"
+echo "running in..."
+cd ${RUN_DIR}
+pwd
+echo "copying ionic.config.json template..."
+cp .docker/templates/ionic.config.json .
+npm install
+npm rebuild node-sass
+npm install -g replace
+replace '%DEFAULT_CURRENCY%' ${DEFAULT_CURRENCY} src/providers/currency/currency.ts
+replace '%API_PREFIX%' ${API_PREFIX} src/providers/api/api.ts
+replace '%IONIC_PATH%' ${IONIC_PATH} ionic.config.json
+replace '%IONIC_PROXY_URL%' ${IONIC_PROXY_URL} ionic.config.json
+npm start

app/.docker/templates/ionic.config.json

@@ -0,0 +1,14 @@
+{
+  "name": "insight",
+  "app_id": "",
+  "type": "ionic-angular",
+  "integrations": {
+    "cordova": {}
+  },
+  "proxies": [
+    {
+      "path": "%IONIC_PATH%",
+      "proxyUrl": "%IONIC_PROXY_URL%"
+    }
+  ]
+}

app/.gitignore

@@ -38,3 +38,6 @@ $RECYCLE.BIN/
 .DS_Store
 Thumbs.db
 UserInterfaceState.xcuserstate
+
+# .docker env
+.docker/env/*.env

app/docker-compose.yml

@@ -0,0 +1,30 @@
+version: '2'
+
+services:
+  insight-ui-btc:
+    container_name: insight-ui-btc-${ENV}
+    build:
+      context: .
+      dockerfile: .docker/docker-insight.dockerfile
+    ports:
+      - "4447:8100"
+    env_file:
+      - ./.docker/env/btc.${ENV}.env
+    networks:
+      - insight-network
+
+  insight-ui-bch:
+    container_name: insight-ui-bch-${ENV}
+    build:
+      context: .
+      dockerfile: .docker/docker-insight.dockerfile
+    ports:
+      - "4448:8100"
+    env_file:
+      - ./.docker/env/bch.${ENV}.env
+    networks:
+      - insight-network
+
+networks:
+  insight-network:
+    driver: bridge

app/ionic.config.json

@@ -8,7 +8,7 @@
   "proxies": [
     {
       "path": "/api",
-      "proxyUrl": "https://bch-insight.bitpay.com/api"
+      "proxyUrl": "https://insight.bitpay.com/api"
     }
   ]
 }

app/src/app/app.component.ts

@@ -2,6 +2,7 @@ import { Component, ViewChild } from '@angular/core';
 import { Platform, MenuController, Nav } from 'ionic-angular';
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
+import { CurrencyProvider } from '../providers/currency/currency';
 import {
   HomePage
 } from '../pages';
@@ -24,6 +25,7 @@ export class InsightApp {
     platform: Platform,
     menu: MenuController,
     splash: SplashScreen,
+    public currency: CurrencyProvider,
     status: StatusBar
   ) {
     this.menu = menu;
@@ -39,8 +41,6 @@ export class InsightApp {
       { title: 'Home', component: HomePage },
       { title: 'Blocks', component: 'blocks' },
       { title: 'Broadcast Transaction', component: 'BroadcastTxPage' }
-      // { title: 'Verify Signed Message', component: VerifyMessagePage },
-      // { title: 'Node Status', component: NodeStatusPage }
     ];
   }
 
@@ -57,6 +57,8 @@ export class InsightApp {
     // close the menu when clicking a link from the menu
     this.menu.close();
     // navigate to the new page if it is not the current page
-    this.nav.setRoot(page.component);
+    this.nav.setRoot(page.component, {
+      'selectedCurrency': this.currency.selectedCurrency
+    });
   }
 }

app/src/app/app.module.ts

@@ -5,11 +5,12 @@ 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, HomePage, BlocksPage, NodeStatusPage, VerifyMessagePage } from '../pages';
+import { PagesModule, HomePage, BlocksPage } from '../pages';
 import { BlocksService, StorageService } from '../services';
 import { ApiProvider } from '../providers/api/api';
 import { CurrencyProvider } from '../providers/currency/currency';
 import { BlocksProvider } from '../providers/blocks/blocks';
+import { DefaultProvider } from '../providers/default/default';
 
 @NgModule({
   declarations: [
@@ -25,9 +26,7 @@ import { BlocksProvider } from '../providers/blocks/blocks';
   entryComponents: [
     InsightApp,
     HomePage,
-    BlocksPage,
-    NodeStatusPage,
-    VerifyMessagePage
+    BlocksPage
   ],
   providers: [
     StatusBar,
@@ -37,7 +36,8 @@ import { BlocksProvider } from '../providers/blocks/blocks';
     {provide: ErrorHandler, useClass: IonicErrorHandler},
     ApiProvider,
     CurrencyProvider,
-    BlocksProvider
+    BlocksProvider,
+    DefaultProvider
   ]
 })
 

app/src/app/app.spec.ts

@@ -5,20 +5,30 @@ import { NavMock } from '../mocks';
 import { PopoverController, MenuController } from 'ionic-angular';
 import { StatusBar } from '@ionic-native/status-bar';
 import { SplashScreen } from '@ionic-native/splash-screen';
+import { ApiProvider } from '../providers/api/api';
+import { CurrencyProvider } from '../providers/currency/currency';
+import { DefaultProvider } from '../providers/default/default';
+import { HttpModule } from '@angular/http';
 
 describe('InsightApp', () => {
   let injector: TestBed;
   let app: InsightApp;
 
   beforeEach(() => {
     TestBed.configureTestingModule({
+      imports: [
+        HttpModule
+      ],
       providers: [
         PopoverController,
         InsightApp,
         Platform,
         MenuController,
         SplashScreen,
-        StatusBar
+        StatusBar,
+        ApiProvider,
+        CurrencyProvider,
+        DefaultProvider
       ]
     });
     injector = getTestBed();

app/src/components/head-nav/head-nav.ts

@@ -6,6 +6,7 @@ import { ApiProvider } from '../../providers/api/api';
 import { CurrencyProvider } from '../../providers/currency/currency';
 import { ActionSheetController } from 'ionic-angular';
 import { PopoverController } from 'ionic-angular';
+import { ToastController } from 'ionic-angular';
 import { DenominationComponent } from '../denomination/denomination';
 
 /**
@@ -24,15 +25,15 @@ export class HeadNavComponent {
   public loading: boolean;
   @Input() public title: string;
   public q: string;
-  public badQuery: boolean = false;
 
   constructor(
     private navCtrl: NavController,
     private http: Http,
     private api: ApiProvider,
     public currency: CurrencyProvider,
     public actionSheetCtrl: ActionSheetController,
-    public popoverCtrl: PopoverController
+    public popoverCtrl: PopoverController,
+    public toastCtrl: ToastController
   ) {
   }
 
@@ -46,6 +47,7 @@ export class HeadNavComponent {
         console.log('block', data);
         let parsedData: any = JSON.parse(data._body);
         this.navCtrl.push('block-detail', {
+          'selectedCurrency': this.currency.selectedCurrency,
           'blockHash': parsedData.hash
         });
       }.bind(this),
@@ -56,6 +58,7 @@ export class HeadNavComponent {
             console.log('tx', data);
             let parsedData: any = JSON.parse(data._body);
             this.navCtrl.push('transaction', {
+              'selectedCurrency': this.currency.selectedCurrency,
               'txId': parsedData.txid
             });
           }.bind(this),
@@ -66,15 +69,18 @@ export class HeadNavComponent {
                 console.log('addr', data);
                 let parsedData: any = JSON.parse(data._body);
                 this.navCtrl.push('address', {
+                  'selectedCurrency': this.currency.selectedCurrency,
                   'addrStr': parsedData.addrStr
                 });
               }.bind(this),
               () => {
                 this.http.get(apiPrefix + 'block-index/' + this.q).subscribe(
                   function (data: any): void {
                     this.resetSearch();
+                    console.log('height', data);
                     let parsedData: any = JSON.parse(data._body);
                     this.navCtrl.push('block-detail', {
+                      'selectedCurrency': this.currency.selectedCurrency,
                       'blockHash': parsedData.blockHash
                     });
                   }.bind(this),
@@ -93,17 +99,17 @@ export class HeadNavComponent {
 
   /* tslint:disable:no-unused-variable */
   private reportBadQuery(): void {
-    this.badQuery = true;
-    console.log('badQuery', this.badQuery);
+    this.presentToast();
+  }
 
-    setTimeout(
-      function (): void {
-        this.badQuery = false;
-        console.log('badQuery', this.badQuery);
-      }.bind(this),
-      2000
-    );
-  };
+  private presentToast(): void {
+    const toast: any = this.toastCtrl.create({
+      message: 'No matching records found!',
+      duration: 3000,
+      position: 'top'
+    });
+    toast.present();
+  }
 
   private resetSearch(): void {
     this.q = '';

app/src/components/latest-blocks/latest-blocks.ts

@@ -1,6 +1,7 @@
 import { Component, NgZone, Input } from '@angular/core';
 import { BlocksProvider } from '../../providers/blocks/blocks';
 import { NavController } from 'ionic-angular';
+import { CurrencyProvider } from '../../providers/currency/currency';
 
 /**
  * Generated class for the LatestBlocksComponent component.
@@ -21,7 +22,7 @@ export class LatestBlocksComponent {
   @Input() public showTimeAs: string;
   private reloadInterval: any;
 
-  constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController, ngZone: NgZone) {
+  constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController, ngZone: NgZone, public currency: CurrencyProvider) {
     this.loadBlocks();
     const seconds: number = 15;
     ngZone.runOutsideAngular(() => {
@@ -51,6 +52,7 @@ export class LatestBlocksComponent {
 
   public goToBlock(blockHash: string): void {
     this.navCtrl.push('block-detail', {
+      'selectedCurrency': this.currency.selectedCurrency,
       'blockHash': blockHash
     });
   }
@@ -62,7 +64,9 @@ export class LatestBlocksComponent {
   }
 
   public goToBlocks(): void {
-    this.navCtrl.push('blocks');
+    this.navCtrl.push('blocks', {
+      'selectedCurrency': this.currency.selectedCurrency
+    });
   }
 
   private ngOnDestroy(): void {

app/src/components/latest-transactions/latest-transactions.ts

@@ -59,6 +59,7 @@ export class LatestTransactionsComponent {
 
   public goToTx(txId: string): void {
     this.navCtrl.push('transaction', {
+      'selectedCurrency': this.currency.selectedCurrency,
       'txId': txId
     });
   }

app/src/components/transaction/transaction.html

@@ -47,10 +47,8 @@
               </p>
               <div *ngFor="let item of vin.items">
                 <div *ngIf="item.scriptSig">
-                  <div *ngFor="let scriptSig of item.scriptSig.asm | split:' '">
-                    <div class="unlocking-script">
-                      <p>{{ scriptSig }}</p>
-                    </div>
+                  <div class="unlocking-script">
+                    <p>{{ item.scriptSig.asm }}
                   </div>
                 </div>
               </div>
@@ -87,7 +85,7 @@
                 <b>Locking Script</b>
               </p>
               <div class="locking-script">
-                <p>{{vout.scriptPubKey.asm}}</p>
+                <p>{{ vout.scriptPubKey.asm }}</p>
               </div>
             </div>
           </div>
@@ -128,4 +126,4 @@
       </ion-chip>
     </ion-col>
   </ion-row>
-</ion-grid>
+</ion-grid>

app/src/components/transaction/transaction.ts

@@ -33,12 +33,14 @@ export class TransactionComponent {
 
   public goToTx(txId: string): void {
     this.navCtrl.push('transaction', {
+      'selectedCurrency': this.currency.selectedCurrency,
       'txId': txId
     });
   }
 
   public goToAddress(addrStr: string): void {
     this.navCtrl.push('address', {
+      'selectedCurrency': this.currency.selectedCurrency,
       'addrStr': addrStr
     });
   }