Merge branch 'development' into TBSliver/Widget-Graph-Improvements

src/app/shared/org-table.component.html

@@ -2,7 +2,7 @@
   <label class="col-md-3 form-control-label" for="text-input"><strong>Organisation Search Results</strong></label>
   <div class="col-md-9">
     <span class="help-block"><strong>Select an Organisation from the table below</strong></span>
-    <table class="table table-hover">
+    <table class="table table-striped table-hover">
       <thead>
         <tr>
           <th>Organisation Name</th>

src/app/shared/transaction-result.component.html

@@ -0,0 +1,3 @@
+<td>{{transaction.seller}}</td>
+<td>{{transaction.value | currency:'GBP':true:'1.2-2' }}</td>
+<td>{{transactionDate}}</td>

src/app/shared/transaction-result.component.ts

@@ -0,0 +1,21 @@
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
+import * as moment from 'moment';
+
+interface TransactionData {
+  seller: number;
+  value: string;
+  purchase_time: string;
+}
+
+@Component({
+  selector: '[transaction-result]',
+  templateUrl: 'transaction-result.component.html',
+})
+export class TransactionResultComponent implements OnInit {
+  @Input() public transaction: TransactionData;
+  public transactionDate: string;
+
+  ngOnInit(): void {
+    this.transactionDate = moment(this.transaction.purchase_time).format('llll');
+  }
+}