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-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>