arnaucube
arnaucube/goBlockchainDataAnalysisPublic Self-hosted repository
goBlockchainDataAnalysis/web/views/main/main.html
web/views/main/main.htmlRaw
 1<div class="row">
 2    <div class="col-sm-4">
 3        <div class="panel">
 4            <div class="panel-heading c_blueGrey300">
 5                <h3 class="panel-title">Last addresses used</h3>
 6            </div>
 7            <div class="panel-body" style="max-height: 300px;overflow-y: scroll;">
 8                <div class="list-group-item" ng-repeat="address in addresses">
 9                    <div class="row-content">
10                        <p class="list-group-item-text">{{address.hash}}</p>
11                    </div>
12                </div>
13            </div>
14        </div>
15
16    </div>
17    <div class="col-sm-4">
18        <div class="panel-heading c_blueGrey300">
19            <h3 class="panel-title">Last 24 hours Tx/Hour
20            <a ng-href="#!/dateAnalysis" class="pull-right c_blueGrey300">View more</a></h3>
21        </div>
22        <div class="panel-body">
23            <canvas id="line" class="chart chart-line" chart-data="last24hour.data" chart-labels="last24hour.labels">
24            </canvas>
25        </div>
26        <div class="panel-heading c_blueGrey300">
27            <h3 class="panel-title">Last 7 days Tx/Hour
28                <a ng-href="#!/dateAnalysis" class="pull-right c_blueGrey300">View more</a></h3>
29        </div>
30        <div class="panel-body">
31            <canvas id="line" class="chart chart-line" chart-data="last7dayhour.data" chart-labels="last7dayhour.labels" chart-series="last7dayhour.series">
32            </canvas>
33        </div>
34    </div>
35    <div class="col-sm-4">
36        <div class="panel">
37            <div class="panel-heading c_blueGrey300">
38                <h3 class="panel-title">Hours</h3>
39            </div>
40            <div class="panel-body">
41                <canvas id="doughnut" class="chart chart-doughnut" chart-data="last24hour.data" chart-labels="last24hour.labels">
42                      </canvas>
43            </div>
44        </div>
45    </div>
46</div>
47<div class="row">
48    <div class="col-md-12">
49        <div class="panel">
50            <div class="panel-heading c_blueGrey300">
51                <h3 class="panel-title">Last Tx with amount</h3>
52            </div>
53            <div class="panel-body" style="max-height: 350px;overflow-y: scroll;">
54                <table class="table table-striped table-hover">
55                    <!--<colgroup>
56                        <col class="col-md-2">
57                        <col class="col-md-2">
58                        <col class="col-md-2">
59                        <col class="col-md-2">
60                        <col class="col-md-2">
61                        <col class="col-md-2">
62                    </colgroup>-->
63                    <thead>
64                        <tr>
65                            <th>BlockHeight</th>
66                            <th>From</th>
67                            <th>To</th>
68                            <th>Amount</th>
69                            <th></th>
70                        </tr>
71                    </thead>
72                    <tbody>
73                        <tr ng-repeat="tx in txs">
74                            <td>{{tx.blockheight}}</td>
75                            <td>{{tx.from}}</td>
76                            <td>{{tx.to}}</td>
77                            <td>{{tx.label}}</td>
78                            <td><a ng-href="#!/tx/{{tx.id}}">View</a></td>
79                        </tr>
80                    </tbody>
81                </table>
82            </div>
83        </div>
84    </div>
85</div>