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