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