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">{{address.hash}}</h3>
 6            </div>
 7            <div class="panel-body">
 8                {{address.amount}}
 9            </div>
10        </div>
11        <div class="panel">
12          <div class="panel-heading c_deepPurpleG300to500">
13            <h3 class="panel-title">Address uses
14          </div>
15          <div class="panel-body">
16            <canvas id="line" class="chart chart-line" chart-data="addresstimechart.data" chart-labels="addresstimechart.labels">
17            </canvas>
18          </div>
19        </div>
20    </div>
21    <div class="col-sm-8">
22        <div class="panel">
23            <div class="panel-heading c_deepPurpleG300to500">
24                <h3 class="panel-title">Blocks where address appears</h3>
25            </div>
26            <div class="panel-body" style="max-height: 300px;overflow-y: scroll;">
27                <div class="list-group">
28                    <a ng-href="#!/block/{{block.height}}" class="list-group-item-text" ng-repeat="block in address.blocks">
29                        Block Height: {{block.height}}
30                        <br> Hash: {{block.hash}}
31                        <br> {{block.datet}}
32                        <br> Size: {{block.size}} bytes
33                        <hr>
34                    </a>
35                </div>
36            </div>
37        </div>
38    </div>
39</div>
40
41<div class="row">
42    <div class="col-sm-12">
43        <div class="panel">
44            <div class="panel-heading c_deepPurpleG300to500">
45                <h3 class="panel-title">Tx where address appears</h3>
46            </div>
47            <div class="panel-body">
48                <table class="table table-hover">
49                    <thead>
50                        <tr>
51                            <th>Txid</th>
52                            <th>Input</th>
53                            <th>Output</th>
54                        </tr>
55                    </thead>
56                    <tbody>
57                        <tr ng-repeat="tx in address.txs">
58                            <td style="max-width:20px; overflow:hidden;">
59                                <a ng-href="#!/tx/{{tx.txid}}" class="list-group-item-text">
60                                    {{tx.txid}}
61                                </a>
62                                <br>
63                                {{tx.datet}}
64                            </td>
65                            <td style="max-width:20px; overflow:hidden;">
66                                <table><tbody><tr ng-repeat="vin in tx.vin"><td>
67                                    <a ng-href="#!/address/{{vin.address}}" class="list-group-item-text">
68                                        {{vin.address}}
69                                    </a>
70                                    :{{vin.amount}}
71                                </td></tr></tbody></table>
72                            </td>
73                            <td style="max-width:20px; overflow:hidden;">
74                                <table><tbody><tr ng-repeat="vout in tx.vout"><td>
75                                    <a ng-href="#!/address/{{vout.address}}" class="list-group-item-text">
76                                        {{vout.address}}
77                                    </a>
78                                    :{{vout.value}}
79                                </td></tr></tbody></table>
80                            </td>
81                        </tr>
82                    </tbody>
83                </table>
84            </div>
85        </div>
86    </div>
87</div>