From c27f48e427abaf705f17fb88e210cfc87ef52bd5 Mon Sep 17 00:00:00 2001
From: Alexis Hernandez <alexis22229@gmail.com>
Date: Mon, 2 Apr 2018 01:00:37 -0500
Subject: [PATCH] web-ui: Support multiple inputs on the Transaction view

---
 .../transaction-details.component.html                    | 8 ++++----
 .../transaction-details/transaction-details.component.ts  | 4 ++--
 web-ui/src/app/models/transaction.ts                      | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web-ui/src/app/components/transaction-details/transaction-details.component.html b/web-ui/src/app/components/transaction-details/transaction-details.component.html
index 56f5b40..d2f92c1 100644
--- a/web-ui/src/app/components/transaction-details/transaction-details.component.html
+++ b/web-ui/src/app/components/transaction-details/transaction-details.component.html
@@ -61,15 +61,15 @@
           </thead>
 
           <tbody>
-            <tr *ngIf="transaction.input == null">
+            <tr *ngIf="transaction.input == null || transaction.input.length == 0">
               <td>{{'label.coinbase' | translate}}</td>
               <td></td>
             </tr>
-            <tr *ngIf="transaction.input != null">
+            <tr *ngFor="let item of transaction.input">
               <td>
-                <a routerLink="/addresses/{{transaction.input.address}}">{{transaction.input.address}}</a>
+                <a routerLink="/addresses/{{item.address}}">{{item.address}}</a>
               </td>
-              <td>{{transaction.input.value}} {{'label.coinName' | translate}}</td>
+              <td>{{item.value}} {{'label.coinName' | translate}}</td>
             </tr>
             <tr>
               <td></td>
diff --git a/web-ui/src/app/components/transaction-details/transaction-details.component.ts b/web-ui/src/app/components/transaction-details/transaction-details.component.ts
index 259b725..122f1a1 100644
--- a/web-ui/src/app/components/transaction-details/transaction-details.component.ts
+++ b/web-ui/src/app/components/transaction-details/transaction-details.component.ts
@@ -47,10 +47,10 @@ export class TransactionDetailsComponent implements OnInit {
   }
 
   private getVIN(tx): number {
-    if (tx.input == null) {
+    if (tx.input == null || tx.input.length === 0) {
       return 0;
     } else {
-      return tx.input.value;
+      return tx.input.map(t => t.value).reduce((a, b) => a + b, 0);
     }
   }
 }
diff --git a/web-ui/src/app/models/transaction.ts b/web-ui/src/app/models/transaction.ts
index 198d453..e848633 100644
--- a/web-ui/src/app/models/transaction.ts
+++ b/web-ui/src/app/models/transaction.ts
@@ -6,7 +6,7 @@ export class Transaction {
   time: number;
   blocktime: number;
   confirmations: number;
-  input: TransactionValue;
+  input: TransactionValue[];
   output: TransactionValue[];
 }