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_deepPurpleG300to500" 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_deepPurpleG300to500" 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_deepPurpleG300to500" ng-style="txProgress"></div>
 28        </div>
 29      </div>
 30    </div>
 31  </div>
 32  <div class="col-sm-2">
 33    <div class="panel">
 34      <div class="panel-body">
 35        <round-progress
 36        max="max"
 37        current="current"
 38        color="#9575CD"
 39        bgcolor="#eaeaea"
 40        radius="100"
 41        stroke="20"
 42        semi="true"
 43        rounded="false"
 44        clockwise="true"
 45        responsive="true"
 46        duration="800"
 47        animation="easeInOutQuart"
 48        animation-delay="0">{{current}}/{{max}}</round-progress>
 49          <div class="o_textRoundProgress">{{ current }}/{{ max }}</div>
 50      </div>
 51    </div>
 52  </div>
 53  <div class="col-sm-2">
 54    <div class="panel">
 55      <div class="panel-body">
 56        <round-progress
 57        max="max"
 58        current="20"
 59        color="#673AB7"
 60        bgcolor="#eaeaea"
 61        radius="100"
 62        stroke="25"
 63        semi="true"
 64        rounded="false"
 65        clockwise="true"
 66        responsive="true"
 67        duration="800"
 68        animation="easeInOutQuart"
 69        animation-delay="0">{{current}}/{{max}}</round-progress>
 70          <div class="o_textRoundProgress">25%</div>
 71      </div>
 72    </div>
 73  </div>
 74</div>
 75<div class="row">
 76  <div class="col-sm-4">
 77    <div class="panel">
 78      <div class="panel-heading c_deepPurpleG300to500">
 79        <h3 class="panel-title">Last 24 hours Tx/Hour
 80                <a ng-href="#!/dateAnalysis" class="pull-right c_deepPurpleG300to500">View more</a></h3>
 81      </div>
 82      <div class="panel-body">
 83        <canvas id="line" class="chart chart-line" chart-data="last24hour.data" chart-labels="last24hour.labels">
 84                </canvas>
 85      </div>
 86    </div>
 87
 88    <div class="panel">
 89      <div class="panel-heading c_deepPurpleG300to500">
 90        <h3 class="panel-title">Tx/Day Last 7 Days</h3>
 91      </div>
 92      <div class="panel-body">
 93        <canvas id="horizontal-bar" class="chart chart-horizontal-bar" chart-data="last7day.data" chart-labels="last7day.labels" chart-series="last7day.series">
 94                </canvas>
 95      </div>
 96    </div>
 97  </div>
 98  <div class="col-sm-8">
 99    <div class="panel">
100      <div class="panel-heading c_deepPurpleG300to500">
101        <h3 class="panel-title">Last 7 days Tx/Hour
102                 <a ng-href="#!/dateAnalysis" class="pull-right c_deepPurpleG300to500">View more</a></h3>
103      </div>
104      <div class="panel-body">
105        <canvas id="line" class="chart chart-line" chart-data="last7dayhour.data" chart-labels="last7dayhour.labels" chart-series="last7dayhour.series">
106              </canvas>
107      </div>
108    </div>
109  </div>
110</div>
111<div class="row">
112  <div class="col-sm-4">
113    <div class="panel">
114      <div class="panel-heading c_deepPurpleG300to500">
115        <h3 class="panel-title">Last addresses used</h3>
116      </div>
117      <div class="panel-body" style="max-height: 250px;overflow-y: scroll;">
118        <div class="list-group-item" ng-repeat="address in addresses">
119          <div class="row-content">
120            <a ng-href="#!/address/{{address.hash}}" class="list-group-item-text">{{address.hash}}</a>
121          </div>
122        </div>
123      </div>
124    </div>
125
126  </div>
127  <div class="col-md-8">
128    <div class="panel">
129      <div class="panel-heading c_deepPurpleG300to500">
130        <h3 class="panel-title">Last Tx with amount</h3>
131      </div>
132      <div class="panel-body" style="max-height: 250px;overflow-y: scroll;">
133        <table class="table table-hover">
134          <!--<colgroup>
135                        <col class="col-md-2">
136                        <col class="col-md-2">
137                        <col class="col-md-2">
138                        <col class="col-md-2">
139                        <col class="col-md-2">
140                        <col class="col-md-2">
141                    </colgroup>-->
142          <thead>
143            <tr>
144              <th>BlockHeight</th>
145              <th>From</th>
146              <th>To</th>
147              <th>Amount</th>
148              <th></th>
149            </tr>
150          </thead>
151          <tbody>
152            <tr ng-repeat="tx in txs">
153              <td style="max-width:20px; overflow:hidden;">{{tx.blockheight}}</td>
154              <td style="max-width:20px; overflow:hidden;">{{tx.from}}</td>
155              <td style="max-width:20px; overflow:hidden;">{{tx.to}}</td>
156              <td>{{tx.amount}}</td>
157              <td><a ng-href="#!/tx/{{tx.id}}">View</a></td>
158            </tr>
159          </tbody>
160        </table>
161      </div>
162    </div>
163  </div>
164</div>