goBlockchainDataAnalysis/web/views/tx/tx.html
web/views/tx/tx.htmlRaw
1<div class="row">
2 <div class="col-sm-12">
3 <div class="panel">
4 <div class="panel-heading c_deepPurpleG300to500">
5 <h3 class="panel-title">Tx {{tx.txid}}</h3>
6 </div>
7 <div class="panel-body">
8 <div class="col-sm-12">
9 BlockHeight: <a ng-href="#!/block/{{tx.blockheight}}">{{tx.blockheight}}</a>
10 <table class="table table-hover">
11 <thead>
12 <tr>
13 <th>Txid</th>
14 <th>Input</th>
15 <th>Output</th>
16 </tr>
17 </thead>
18 <tbody>
19 <tr>
20 <td style="max-width:20px; overflow:hidden;">
21 <a ng-href="#!/tx/{{tx.txid}}" class="list-group-item-text">
22 {{tx.txid}}
23 </a>
24 </td>
25 <td style="max-width:20px; overflow:hidden;">
26 <table><tbody><tr ng-repeat="vin in tx.vin"><td>
27 <a ng-href="#!/address/{{vin.address}}" class="list-group-item-text">
28 {{vin.address}}
29 </a>
30 :{{vin.amount}}
31 </td></tr></tbody></table>
32 </td>
33 <td style="max-width:20px; overflow:hidden;">
34 <table><tbody><tr ng-repeat="vout in tx.vout"><td>
35 <a ng-href="#!/address/{{vout.address}}" class="list-group-item-text">
36 {{vout.address}}
37 </a>
38 :{{vout.value}}
39 </td></tr></tbody></table>
40 </td>
41 </tr>
42 </tbody>
43 </table>
44 </div>
45 </div>
46 </div>
47 </div>
48</div>
49<div class="row">
50 <div class="col-sm-12">
51 <div class="panel">
52 <div class="panel-heading c_deepPurpleG300to500">
53 <h3 class="panel-title">Transaction flow</h3>
54 </div>
55 <div class="panel-body" style="height: 300px;overflow-y: hidden;">
56 <div id="sankeyChart">
57 <canvas></canvas>
58 <svg></svg>
59 </div>
60 </div>
61 </div>
62 </div>
63</div>