goBlockchainDataAnalysis/web/views/main/main.html

<div class="row">
    <div class="col-sm-4">
        <div class="panel">
            <div class="panel-body">
                <h4>{{stats.realblockcount}}/{{stats.blockcount}} Blocks with content</h4>
                <div class="progress" style="margin:0;">
                    <div class="progress-bar c_blueGrey500" ng-style="blockProgress"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-2">
        <div class="panel">
            <div class="panel-body">
                <h4>{{stats.txcount}} Txs</h4>
                <div class="progress" style="margin:0;">
                        <div class="progress-bar c_blueGrey500" ng-style="txProgress"></div>
                    </div>
            </div>
        </div>
    </div>
    <div class="col-sm-2">
        <div class="panel">
            <div class="panel-body">
                <h4>{{stats.addrcount}} Addr</h4>
                <div class="progress" style="margin:0;">
                        <div class="progress-bar c_blueGrey500" ng-style="txProgress"></div>
                    </div>
            </div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="panel">
            <div class="panel-body">
                <h4>300-500 Min-Max Block Size</h4>
                <div class="progress" style="margin:0;">
                        <div class="progress-bar c_blueGrey500" ng-style="txProgress"></div>
                    </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-4">
        <div class="panel">
            <div class="panel-heading c_blueGrey300">
                <h3 class="panel-title">Last addresses used</h3>
            </div>
            <div class="panel-body" style="max-height: 300px;overflow-y: scroll;">
                <div class="list-group-item" ng-repeat="address in addresses">
                    <div class="row-content">
                        <p class="list-group-item-text">{{address.hash}}</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="col-sm-4">
        <div class="panel">
            <div class="panel-heading c_blueGrey300">
                <h3 class="panel-title">Last 24 hours Tx/Hour
                <a ng-href="#!/dateAnalysis" class="pull-right c_blueGrey300">View more</a></h3>
            </div>
            <div class="panel-body">
                <canvas id="line" class="chart chart-line" chart-data="last24hour.data" chart-labels="last24hour.labels">
                </canvas>
            </div>
        </div>
        <div class="panel">
            <div class="panel-heading c_blueGrey300">
                <h3 class="panel-title">Last 7 days Tx/Hour
                    <a ng-href="#!/dateAnalysis" class="pull-right c_blueGrey300">View more</a></h3>
            </div>
            <div class="panel-body">
                <canvas id="line" class="chart chart-line" chart-data="last7dayhour.data" chart-labels="last7dayhour.labels" chart-series="last7dayhour.series">
                </canvas>
            </div>
    </div>
    </div>
    <div class="col-sm-4">
        <div class="panel">
            <div class="panel-heading c_blueGrey300">
                <h3 class="panel-title">Tx/Day Last 7 Days</h3>
            </div>
            <div class="panel-body">
                <canvas id="horizontal-bar" class="chart chart-horizontal-bar" chart-data="last7day.data" chart-labels="last7day.labels" chart-series="last7day.series">
                    </canvas>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="panel">
            <div class="panel-heading c_blueGrey300">
                <h3 class="panel-title">Last Tx with amount</h3>
            </div>
            <div class="panel-body" style="max-height: 200px;overflow-y: scroll;">
                <table class="table table-striped table-hover">
                    <!--<colgroup>
                        <col class="col-md-2">
                        <col class="col-md-2">
                        <col class="col-md-2">
                        <col class="col-md-2">
                        <col class="col-md-2">
                        <col class="col-md-2">
                    </colgroup>-->
                    <thead>
                        <tr>
                            <th>BlockHeight</th>
                            <th>From</th>
                            <th>To</th>
                            <th>Amount</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="tx in txs">
                            <td>{{tx.blockheight}}</td>
                            <td>{{tx.from}}</td>
                            <td>{{tx.to}}</td>
                            <td>{{tx.label}}</td>
                            <td><a ng-href="#!/tx/{{tx.id}}">View</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>