92 lines
3.5 KiB
HTML
92 lines
3.5 KiB
HTML
<div class="alert alert-danger" data-ng-show="flashMessage">
|
|
{{flashMessage}}
|
|
</div>
|
|
<div data-ng-include src="'/views/includes/connection.html'"></div>
|
|
<section data-ng-controller="IndexController" data-ng-init="index()">
|
|
<div class="container">
|
|
<div id="home" class="row">
|
|
<div class="col-xs-12 col-md-8">
|
|
<h1>Latest Blocks</h1>
|
|
<table class="table table-hover" style="table-layout: fixed">
|
|
<thead>
|
|
<tr>
|
|
<th>Height</th>
|
|
<th>Age</th>
|
|
<th><span class="ellipsis">Transactions</span></th>
|
|
<th>Size</th>
|
|
<th><span class="ellipsis">Confirmations</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr data-ng-show="!blocks.length"><td colspan="5">Waiting for blocks...</td></tr>
|
|
<tr class="fader" data-ng-repeat='b in blocks'>
|
|
<td>
|
|
<a href="/block/{{b.hash}}">{{b.height}}</a>
|
|
</td>
|
|
<td><span class="ellipsis">{{humanSince(b.time)}}</span></td>
|
|
<td>{{b.tx.length}}</td>
|
|
<td>{{b.size}}</td>
|
|
<td>{{b.confirmations}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h2> About </h2>
|
|
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, sint, neque harum libero eos maiores rerum rem fuga quae architecto ea incidunt dolore optio ullam sit placeat vero perferendis beatae?</p>
|
|
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, unde quidem commodi dolor asperiores ullam molestias sit a sapiente ipsa!</p>
|
|
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt tempora fugiat dolorem cupiditate perspiciatis praesentium.</p>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-md-4 col-gray">
|
|
<h3>Latest Transactions</h3>
|
|
|
|
<table class="table" style="table-layout: fixed;">
|
|
<thead>
|
|
<tr>
|
|
<th>Hash</th>
|
|
<th>Age</th>
|
|
<th>Value Out</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr data-ng-show="!txs.length"><td colspan="5">Waiting for transactions...</td></tr>
|
|
<tr class="fader" data-ng-repeat='tx in txs'>
|
|
<td>
|
|
<a class="ellipsis" href="/tx/{{tx.txid}}">{{tx.txid}}</a>
|
|
</td>
|
|
<td><span class="ellipsis">{{humanSince(tx.time)}}</span></td>
|
|
<td>{{tx.valueOut}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<h3> Other Bitcoin Links </h3>
|
|
<ul>
|
|
<li>
|
|
<a href="">Most Popular Addresses</a>
|
|
<small> - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores.</small>
|
|
</li>
|
|
<li>
|
|
<a href="">Addresses</a>
|
|
<small> - Addresses which have received the most payments</small>
|
|
</li>
|
|
<li>
|
|
<a href="">Lorem ipsum dolor.</a>
|
|
<small> - Lorem ipsum dolor sit amet.</small>
|
|
</li>
|
|
<li>
|
|
<a href="">Most Popular Addresses</a>
|
|
<small> - Addresses which have received the most payments</small>
|
|
</li>
|
|
<li>
|
|
<a href="">Lorem ipsum dolor sit.</a>
|
|
<small> - Lorem ipsum dolor sit amet, consectetur adipisicing.</small>
|
|
</li>
|
|
<li>
|
|
<a href="">Addresses</a>
|
|
<small> - Addresses which have received the most payments</small>
|
|
</li>
|
|
</ul>
|
|
</div> <!-- END OF COL-3 -->
|
|
</div>
|
|
</div>
|
|
</section>
|