Added TransactionsComponent

app/src/components/transactions/transactions.html

@@ -0,0 +1,3 @@
+<div>
+  Put Transactions here
+</div>

app/src/components/transactions/transactions.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { IonicModule } from 'ionic-angular';
+import { TransactionsComponent } from './transactions';
+
+@NgModule({
+  declarations: [
+    TransactionsComponent
+  ],
+  imports: [
+    IonicModule
+  ],
+  exports: [
+    TransactionsComponent
+  ]
+})
+export class TransactionsComponentModule {}

app/src/components/transactions/transactions.scss

@@ -0,0 +1,3 @@
+transactions {
+
+}

app/src/components/transactions/transactions.ts

@@ -0,0 +1,38 @@
+import { Component } from '@angular/core';
+import { Input } from '@angular/core';
+import { Http } from '@angular/http';
+
+/**
+ * Generated class for the TransactionsComponent component.
+ *
+ * See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
+ * for more info on Angular Components.
+ */
+@Component({
+  selector: 'transactions',
+  templateUrl: 'transactions.html'
+})
+export class TransactionsComponent {
+
+  public loading: boolean = true;
+  @Input() private blockHash: string;
+  public transactions: any = [];
+
+  constructor(private http: Http) {
+    let apiPrefix: string = 'http://localhost:3001/insight-api/';
+
+    this.http.get(apiPrefix + 'txs/' + this.blockHash).subscribe(
+      (data) => {
+        console.log('hey, got data');
+        this.transactions = JSON.parse(data['_body']);
+      },
+      (err) => {
+        console.log('err is', err);
+      },
+      () => {
+        this.loading = false;
+      }
+    );
+  }
+
+}

app/src/pages/block-detail/block-detail.html

@@ -33,6 +33,7 @@
     <p>Next Block <a (click)="goToNextBlock()">{{ block.height + 1 }}</a></p>
 
     <h3>Transactions</h3>
+    <transactions blockHash="block.hash"></transactions>
   </div>
   <div *ngIf="loading">
     <p>Loading...</p>

app/src/pages/block-detail/block-detail.module.ts

@@ -1,10 +1,12 @@
 import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { BlockDetailPage } from './block-detail';
+import { TransactionsComponent } from '../../components/transactions/transactions';
 
 @NgModule({
   declarations: [
-    BlockDetailPage
+    BlockDetailPage,
+    TransactionsComponent
   ],
   imports: [
     IonicPageModule.forChild(BlockDetailPage)