flosight-api/public/views/index.html
2014-02-11 09:54:07 -03:00

81 lines
3.0 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 table-striped" style="table-layout: fixed">
<thead>
<tr>
<th>Height</th>
<th>Age</th>
<th class="text-right"><span class="ellipsis">Transactions</span></th>
<th class="text-right">Size</th>
</tr>
</thead>
<tbody>
<tr data-ng-show="!blocks.length"><td colspan="4">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 class="text-right">{{b.tx.length}}</td>
<td class="text-right">{{b.size}}</td>
</tr>
</tbody>
</table>
<div class="btn-more">
<a href="/blocks" class="btn btn-default">See all blocks</a>
</div>
<h2>Latest Transactions</h2>
<table class="table table-hover table-striped" style="table-layout: fixed;">
<thead>
<tr>
<th>Hash</th>
<th class="text-right">Size</th>
<th class="text-right">Value Out</th>
</tr>
</thead>
<tbody>
<tr data-ng-show="!txs.length"><td colspan="3">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 class="text-right"><span class="ellipsis">{{tx.size}} bytes</span></td>
<td class="text-right"><span class="ellipsis">{{tx.valueOut}} BTC</span></td>
</tr>
</tbody>
</table>
</div>
<div class="col-xs-12 col-md-4 col-gray">
<h2> About </h2>
<p> Insight is an open-source Bitcoin blockchain explorer with complete REST
and websocket APIs that can be used for writing web wallets and other apps
that need more advanced blockchain queries than provided by bitcoind RPC.
Check out the <a href="http://github.com/bitpay/insight" target="_blank">source code</a>.
<p> Power by
<p class="text-center">
<a href="http://bitcore.io/"><img src="http://bitcore.io/images/logo.svg" width="150px"></a>
<p class="text-center">
<a href="https://code.google.com/p/leveldb/">LevelDB</a>
&middot;
<a href="http://angularjs.org/">AngularJS</a>
&middot;
<a href="http://www.nodejs.org">NodeJS</a>
</div> <!-- END OF COL-3 -->
</div>
</div>
</section>