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              <thead>
135                  <tr>
136                      <th>BlockHeight</th>
137                      <th>Txid</th>
138                      <th>Input</th>
139                      <th>Output</th>
140                  </tr>
141              </thead>
142              <tbody>
143                  <tr ng-repeat="tx in txs">
144                      <td style="max-width:20px; overflow:hidden;">
145                          <a ng-href="#!/block/{{tx.blockheight}}" class="list-group-item-text">
146                              {{tx.blockheight}}
147                          </a>
148                      </td>
149                      <td style="max-width:20px; overflow:hidden;">
150                          <a ng-href="#!/address/{{tx.from}}" class="list-group-item-text">
151                              {{tx.txid}}
152                          </a>
153                      </td>
154                      <td style="max-width:20px; overflow:hidden;">
155                          <table><tbody><tr ng-repeat="vin in tx.vin"><td>
156                              <a ng-href="#!/address/{{vin.address}}" class="list-group-item-text">
157                                  {{vin.address}}
158                              </a>
159                              :{{vin.amount}}
160                          </td></tr></tbody></table>
161                      </td>
162                      <td style="max-width:20px; overflow:hidden;">
163                          <table><tbody><tr ng-repeat="vout in tx.vout"><td>
164                              <a ng-href="#!/address/{{vout.address}}" class="list-group-item-text">
165                                  {{vout.address}}
166                              </a>
167                              :{{vout.value}}
168                          </td></tr></tbody></table>
169                      </td>
170                  </tr>
171              </tbody>
172          </table>
173      </div>
174    </div>
175  </div>
176</div>