replaced TransactionsComponent with TransactionListComponent; added TransactionComponent placeholder

app/src/app/app.module.ts

@@ -7,10 +7,12 @@ import { SplashScreen } from '@ionic-native/splash-screen';
 import { InsightApp } from './app.component';
 import { PagesModule, BlocksPage, BroadcastTxPage, NodeStatusPage, VerifyMessagePage } from '../pages';
 import { BlocksService, StorageService } from '../services';
+import { TransactionComponent } from '../components/transaction/transaction';
 
 @NgModule({
   declarations: [
-    InsightApp
+    InsightApp,
+    TransactionComponent
   ],
   imports: [
     BrowserModule,

app/src/components/transaction-list/transaction-list.module.ts

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

app/src/components/transaction-list/transaction-list.scss

@@ -0,0 +1,3 @@
+transaction-list {
+
+}

app/src/components/transaction-list/transaction-list.ts

@@ -4,16 +4,16 @@ import { NavController } from 'ionic-angular';
 import { Http } from '@angular/http';
 
 /**
- * Generated class for the TransactionsComponent component.
+ * Generated class for the TransactionListComponent component.
  *
  * See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
  * for more info on Angular Components.
  */
 @Component({
-  selector: 'transactions',
+  selector: 'transaction-list',
-  templateUrl: 'transactions.html'
+  templateUrl: 'transaction-list.html'
 })
-export class TransactionsComponent {
+export class TransactionListComponent {
 
   public loading: boolean = true;
   @Input() public queryType: string;
@@ -54,7 +54,7 @@ export class TransactionsComponent {
 
   public goToTx(txId: string): void {
     this.navCtrl.push('transaction', {
-      'txId': txId 
+      'txId': txId
     });
   }
 

app/src/components/transaction/transaction.html

@@ -0,0 +1,4 @@
+<!-- Generated template for the TransactionComponent component -->
+<div>
+  {{text}}
+</div>

app/src/components/transaction/transaction.module.ts

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

app/src/components/transaction/transaction.scss

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

app/src/components/transaction/transaction.ts

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+
+/**
+ * Generated class for the TransactionComponent component.
+ *
+ * See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
+ * for more info on Angular Components.
+ */
+@Component({
+  selector: 'transaction',
+  templateUrl: 'transaction.html'
+})
+export class TransactionComponent {
+
+  text: string;
+
+  constructor() {
+    console.log('Hello TransactionComponent Component');
+    this.text = 'Hello World';
+  }
+
+}

app/src/components/transactions/transactions.scss

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

app/src/pages/address/address.html

@@ -49,5 +49,5 @@
     </ion-row>
   </ion-grid>
 
-    <transactions [queryType]="'address'" [queryValue]="addrStr"></transactions>
+    <transaction-list [queryType]="'address'" [queryValue]="addrStr"></transaction-list>
 </ion-content>

app/src/pages/address/address.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { AddressPage } from './address';
-import { TransactionsComponentModule } from '../../components/transactions/transactions.module';
+import { TransactionListComponentModule } from '../../components/transaction-list/transaction-list.module';
 
 @NgModule({
   declarations: [
@@ -9,7 +9,7 @@ import { TransactionsComponentModule } from '../../components/transactions/trans
   ],
   imports: [
     IonicPageModule.forChild(AddressPage),
-    TransactionsComponentModule
+    TransactionListComponentModule
   ],
   exports: [
     AddressPage

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

@@ -33,7 +33,7 @@
     <p>Next Block <a (click)="goToNextBlock()">{{ block.height + 1 }}</a></p>
 
     <h3>Transactions</h3>
-    <transactions [queryType]="'block'" [queryValue]="block.hash"></transactions>
+    <transaction-list [queryType]="'block'" [queryValue]="block.hash"></transaction-list>
   </div>
   <div *ngIf="loading">
     <p>Loading...</p>

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

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { BlockDetailPage } from './block-detail';
-import { TransactionsComponentModule } from '../../components/transactions/transactions.module';
+import { TransactionListComponentModule } from '../../components/transaction-list/transaction-list.module';
 
 @NgModule({
   declarations: [
@@ -9,7 +9,7 @@ import { TransactionsComponentModule } from '../../components/transactions/trans
   ],
   imports: [
     IonicPageModule.forChild(BlockDetailPage),
-    TransactionsComponentModule
+    TransactionListComponentModule
   ],
   exports: [
     BlockDetailPage