added LatestTransactions and LatestBlocks components with simple placeholders

app/package.json

@@ -42,7 +42,7 @@
     "@types/jasmine": "2.5.41",
     "@types/node": "7.0.4",
     "codecov": "2.2.0",
-    "ionic": "3.9.0",
+    "ionic": "3.9.1",
     "jasmine-core": "2.5.2",
     "jasmine-spec-reporter": "3.2.0",
     "karma": "1.4.1",

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

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

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

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

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

@@ -0,0 +1,3 @@
+latest-blocks {
+
+}

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

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

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

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

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

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

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

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

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

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

app/src/pages/blocksPage/blocksPage.ts

@@ -14,6 +14,8 @@ export class BlocksPage {
   public blocks: Observable<Block[]>;
 
   constructor(private navCtrl: NavController, private blocksService: BlocksService) {
+    // TODO Put loading spinner on page
+
     this.title = 'Blocks';
     this.blocks = blocksService.latestBlocks;
     this.blocks.subscribe((blocks) => {

app/src/pages/home/home.html

@@ -11,8 +11,15 @@
 
 <ion-content padding>
 
-  <h1>Latest Blocks</h1>
+  <div>
-  <h1>Latest Transactions</h1>
+    <h1>Latest Blocks</h1>
+    <latest-blocks></latest-blocks>
+  </div>
+
+  <div>
+    <h1>Latest Transactions</h1>
+    <latest-transactions></latest-transactions>
+  </div>
 
   <div class="about">
     <h2>About</h2>

app/src/pages/home/home.module.ts

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { HomePage } from './home';
 import { HeadNavComponentModule } from '../../components/head-nav/head-nav.module';
+import { LatestTransactionsComponentModule } from '../../components/latest-transactions/latest-transactions.module';
 
 @NgModule({
   declarations: [
@@ -9,7 +10,8 @@ import { HeadNavComponentModule } from '../../components/head-nav/head-nav.modul
   ],
   imports: [
     IonicPageModule.forChild(HomePage),
-    HeadNavComponentModule
+    HeadNavComponentModule,
+    LatestTransactionsComponentModule
   ],
   exports: [
     HomePage

app/src/pages/pages.module.ts

@@ -2,6 +2,8 @@ import { NgModule }         from '@angular/core';
 import { IonicModule }      from 'ionic-angular';
 import { ComponentsModule } from '../components';
 import { HeadNavComponentModule } from '../components/head-nav/head-nav.module';
+import { LatestTransactionsComponentModule } from '../components/latest-transactions/latest-transactions.module';
+import { LatestBlocksComponentModule } from '../components/latest-blocks/latest-blocks.module';
 import {
   HomePage,
   BlocksPage,
@@ -18,7 +20,13 @@ import {
     NodeStatusPage,
     VerifyMessagePage
   ],
-  imports: [ IonicModule, ComponentsModule, HeadNavComponentModule ],
+  imports: [
+    IonicModule,
+    ComponentsModule,
+    HeadNavComponentModule,
+    LatestTransactionsComponentModule,
+    LatestBlocksComponentModule
+  ],
   exports: [
     // CustomComponent,
   ],