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