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-body">
5 <h4>{{stats.realblockcount}}/{{stats.blockcount}} Blocks with content</h4>
6 <div class="progress" style="margin:0;">
7 <div class="progress-bar c_blueGrey500" ng-style="blockProgress"></div>
8 </div>
9 </div>
10 </div>
11 </div>
12 <div class="col-sm-2">
13 <div class="panel">
14 <div class="panel-body">
15 <h4>{{stats.txcount}} Txs</h4>
16 <div class="progress" style="margin:0;">
17 <div class="progress-bar c_blueGrey500" ng-style="txProgress"></div>
18 </div>
19 </div>
20 </div>
21 </div>
22 <div class="col-sm-2">
23 <div class="panel">
24 <div class="panel-body">
25 <h4>{{stats.addrcount}} Addr</h4>
26 <div class="progress" style="margin:0;">
27 <div class="progress-bar c_blueGrey500" ng-style="txProgress"></div>
28 </div>
29 </div>
30 </div>
31 </div>
32 <div class="col-sm-4">
33 <div class="panel">
34 <div class="panel-body">
35 <h4>300-500 Min-Max Block Size</h4>
36 <div class="progress" style="margin:0;">
37 <div class="progress-bar c_blueGrey500" ng-style="txProgress"></div>
38 </div>
39 </div>
40 </div>
41 </div>
42</div>
43<div class="row">
44 <div class="col-sm-4">
45 <div class="panel">
46 <div class="panel-heading c_blueGrey300">
47 <h3 class="panel-title">Last addresses used</h3>
48 </div>
49 <div class="panel-body" style="max-height: 300px;overflow-y: scroll;">
50 <div class="list-group-item" ng-repeat="address in addresses">
51 <div class="row-content">
52 <p class="list-group-item-text">{{address.hash}}</p>
53 </div>
54 </div>
55 </div>
56 </div>
57
58 </div>
59 <div class="col-sm-4">
60 <div class="panel">
61 <div class="panel-heading c_blueGrey300">
62 <h3 class="panel-title">Last 24 hours Tx/Hour
63 <a ng-href="#!/dateAnalysis" class="pull-right c_blueGrey300">View more</a></h3>
64 </div>
65 <div class="panel-body">
66 <canvas id="line" class="chart chart-line" chart-data="last24hour.data" chart-labels="last24hour.labels">
67 </canvas>
68 </div>
69 </div>
70 <div class="panel">
71 <div class="panel-heading c_blueGrey300">
72 <h3 class="panel-title">Last 7 days Tx/Hour
73 <a ng-href="#!/dateAnalysis" class="pull-right c_blueGrey300">View more</a></h3>
74 </div>
75 <div class="panel-body">
76 <canvas id="line" class="chart chart-line" chart-data="last7dayhour.data" chart-labels="last7dayhour.labels" chart-series="last7dayhour.series">
77 </canvas>
78 </div>
79 </div>
80 </div>
81 <div class="col-sm-4">
82 <div class="panel">
83 <div class="panel-heading c_blueGrey300">
84 <h3 class="panel-title">Tx/Day Last 7 Days</h3>
85 </div>
86 <div class="panel-body">
87 <canvas id="horizontal-bar" class="chart chart-horizontal-bar" chart-data="last7day.data" chart-labels="last7day.labels" chart-series="last7day.series">
88 </canvas>
89 </div>
90 </div>
91 </div>
92</div>
93<div class="row">
94 <div class="col-md-12">
95 <div class="panel">
96 <div class="panel-heading c_blueGrey300">
97 <h3 class="panel-title">Last Tx with amount</h3>
98 </div>
99 <div class="panel-body" style="max-height: 200px;overflow-y: scroll;">
100 <table class="table table-striped table-hover">
101 <!--<colgroup>
102 <col class="col-md-2">
103 <col class="col-md-2">
104 <col class="col-md-2">
105 <col class="col-md-2">
106 <col class="col-md-2">
107 <col class="col-md-2">
108 </colgroup>-->
109 <thead>
110 <tr>
111 <th>BlockHeight</th>
112 <th>From</th>
113 <th>To</th>
114 <th>Amount</th>
115 <th></th>
116 </tr>
117 </thead>
118 <tbody>
119 <tr ng-repeat="tx in txs">
120 <td>{{tx.blockheight}}</td>
121 <td>{{tx.from}}</td>
122 <td>{{tx.to}}</td>
123 <td>{{tx.label}}</td>
124 <td><a ng-href="#!/tx/{{tx.id}}">View</a></td>
125 </tr>
126 </tbody>
127 </table>
128 </div>
129 </div>
130 </div>
131</div>