From 3a5d111ddc6574179459171a4003ad155aa3df2f Mon Sep 17 00:00:00 2001
From: Alexis Hernandez <alexis22229@gmail.com>
Date: Sat, 24 Mar 2018 18:06:44 -0600
Subject: [PATCH] web-ui: Display transaction list on AddressDetails view

---
 .../address-details/address-details.component.html  | 13 ++++++++++++-
 web-ui/src/app/models/address.ts                    |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/web-ui/src/app/components/address-details/address-details.component.html b/web-ui/src/app/components/address-details/address-details.component.html
index c679b59..d522a1f 100644
--- a/web-ui/src/app/components/address-details/address-details.component.html
+++ b/web-ui/src/app/components/address-details/address-details.component.html
@@ -21,7 +21,18 @@
     </div>
     <div class="row">
       <label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.transactionCount' | translate}}</label>
-      <label class="col-sm-3 col-md-2 col-xs-2 col-lg-2">{{address.transactionCount}}</label>
+      <label class="col-sm-3 col-md-2 col-xs-2 col-lg-2">{{address.transactions.length}}</label>
+    </div>
+
+    <div>
+      <div class="row">
+        <label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.transactions' | translate}}</label>
+      </div>
+      <div class="row" *ngFor="let item of address.transactions">
+        <div class="col-sm-2 col-md-1 col-xs-1 col-lg-1">
+          <a routerLink="/transactions/{{item}}">{{item}}</a>
+        </div>
+      </div>
     </div>
   </div>
 </div>
diff --git a/web-ui/src/app/models/address.ts b/web-ui/src/app/models/address.ts
index f159a78..95bf7b1 100644
--- a/web-ui/src/app/models/address.ts
+++ b/web-ui/src/app/models/address.ts
@@ -2,5 +2,5 @@
 export class Address {
   balance: number;
   received: number;
-  transactionCount: number;
+  transactions: string[];
 }