status page

This commit is contained in:
Bechi 2014-01-21 16:06:21 -03:00
parent 081b20e2fe
commit 30bdbf051e
2 changed files with 118 additions and 112 deletions

View File

@ -221,6 +221,10 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
border: 2px solid #6C0000; border: 2px solid #6C0000;
} }
#status .table {
margin-bottom: 45px;
}
/* Set the fixed height of the footer here */ /* Set the fixed height of the footer here */
#footer { #footer {
height: 51px; height: 51px;

View File

@ -1,13 +1,118 @@
<section data-ng-controller="StatusController"> <section data-ng-controller="StatusController">
<div id="status" class="row">
<div class="page-header"> <div class="page-header">
<h1> <h1>Status</h1>
Status
</h1>
</div> </div>
<div class="row"> <div class="col-md-9">
<div class="col-md-8 col-md-offset-2"> <h4>Sync Status</h4>
<h2>getInfo()</h2> <table class="table" data-ng-init="getSync()">
<table class="table table-striped" data-ng-init="getStatus('Info')"> <tbody>
<tr data-ng-show="syncError">
<td colspan="2"> <span class="text-danger"> {{ syncError }} </span>
<tr data-ng-show="sync.error">
<td colspan="2"> <span class="text-danger"> {{ sync.err }} </span>
</tr>
<tr>
<td>Sync Progress</td>
<td> {{(100 * sync.syncedBlocks/sync.blocksToSync)| number:2}}%
</tr>
<tr>
<td>blocksToSync</td>
<td>{{sync.blocksToSync}}</td>
</tr>
<tr>
<td>syncedBlocks</td>
<td>{{sync.syncedBlocks}}</td>
</tr>
<tr>
<td>start</td>
<td>
<a href="/#!/block/{{sync.start}}">{{sync.start}}</a>
<span data-ng-show="sync.isStartGenesis"> (genesisBlock)</span>
</td>
</tr>
<tr>
<td>end</td>
<td>
<a href="/#!/block/{{sync.end}}">{{sync.end}}</a>
<span data-ng-show="sync.isEndGenesis"> (genesisBlock)</span>
</td>
</tr>
<tr>
<td>Sync Type</td>
<td>
<ul>
<li data-ng-show="sync.upToExisting"> <span> Stops at existing block </span>
<li>
<span data-ng-show="sync.scanningBackward"> scanningBackward </span>
<span data-ng-hide="sync.scanningBackward"> scanningForward </span>
</ul>
</td>
</tr>
</tbody>
</table>
<h4>getTxOutSetInfo()</h4>
<table class="table" data-ng-init="getStatus('TxOutSetInfo')">
<tbody>
<tr data-ng-show="!txoutsetinfo &amp;&amp; !infoError">
<td colspan="2" class="text-center">Loading...</td>
</tr>
<tr data-ng-show="infoError">
<td colspan="2" class="text-danger">{{infoError}}</td>
</tr>
<tr>
<td>Height</td>
<td><a href="/#!/block-index/{{txoutsetinfo.height}}">{{txoutsetinfo.height}}</a></td>
</tr>
<tr>
<td>bestblock</td>
<td><a href="/#!/block/{{txoutsetinfo.bestblock}}">{{txoutsetinfo.bestblock}}</a></td>
</tr>
<tr>
<td>transactions</td>
<td>{{txoutsetinfo.transactions}}</td>
</tr>
<tr>
<td>txouts</td>
<td>{{txoutsetinfo.txouts}}</td>
</tr>
<tr>
<td>bytes_serialized</td>
<td>{{txoutsetinfo.bytes_serialized}}</td>
</tr>
<tr>
<td>hash_serialized</td>
<td>{{txoutsetinfo.hash_serialized}}</td>
</tr>
<tr>
<td>total_amount</td>
<td>{{txoutsetinfo.total_amount}}</td>
</tr>
</tbody>
</table>
<h4>getLastBlockHash()</h4>
<table class="table" data-ng-init="getStatus('LastBlockHash')">
<tbody>
<tr data-ng-show="!lastblockhash &amp;&amp; !infoError">
<td colspan="2" class="text-center">Loading...</td>
</tr>
<tr data-ng-show="infoError">
<td colspan="2" class="text-danger">{{infoError}}</td>
</tr>
<tr>
<td>Last block hash</td>
<td>{{lastblockhash}}</td>
</tr>
</tbody>
</table>
</div> <!-- END OF COL-8 -->
<div class="col-md-3">
<div class="col-gray">
<h4>getInfo()</h4>
<table class="table" data-ng-init="getStatus('Info')">
<tbody> <tbody>
<tr data-ng-show="!info &amp;&amp; !infoError"> <tr data-ng-show="!info &amp;&amp; !infoError">
<td colspan="2" class="text-center">Loading... <td colspan="2" class="text-center">Loading...
@ -72,96 +177,8 @@
</tbody> </tbody>
</table> </table>
<h2>Sync Status</h2> <h4>getDifficulty()</h4>
<table class="table table-striped" data-ng-init="getSync()"> <table class="table" data-ng-init="getStatus('Difficulty')">
<tbody>
<tr data-ng-show="syncError">
<td colspan="2"> <span class="text-danger"> {{ syncError }} </span>
<tr data-ng-show="sync.error">
<td colspan="2"> <span class="text-danger"> {{ sync.err }} </span>
</tr>
<tr>
<td>Sync Progress</td>
<td> {{(100 * sync.syncedBlocks/sync.blocksToSync)| number:2}}%
</tr>
<tr>
<td>blocksToSync</td>
<td>{{sync.blocksToSync}}</td>
</tr>
<tr>
<td>syncedBlocks</td>
<td>{{sync.syncedBlocks}}</td>
</tr>
<tr>
<td>start</td>
<td>
<a href="/#!/block/{{sync.start}}">{{sync.start}}</a>
<span data-ng-show="sync.isStartGenesis"> (genesisBlock)</span>
</td>
</tr>
<tr>
<td>end</td>
<td>
<a href="/#!/block/{{sync.end}}">{{sync.end}}</a>
<span data-ng-show="sync.isEndGenesis"> (genesisBlock)</span>
</td>
</tr>
<tr>
<td>Sync Type</td>
<td>
<ul>
<li data-ng-show="sync.upToExisting"> <span> Stops at existing block </span>
<li>
<span data-ng-show="sync.scanningBackward"> scanningBackward </span>
<span data-ng-hide="sync.scanningBackward"> scanningForward </span>
</ul>
</td>
</tr>
</tbody>
</table>
<h2>getTxOutSetInfo()</h2>
<table class="table table-striped" data-ng-init="getStatus('TxOutSetInfo')">
<tbody>
<tr data-ng-show="!txoutsetinfo &amp;&amp; !infoError">
<td colspan="2" class="text-center">Loading...</td>
</tr>
<tr data-ng-show="infoError">
<td colspan="2" class="text-danger">{{infoError}}</td>
</tr>
<tr>
<td>Height</td>
<td><a href="/#!/block-index/{{txoutsetinfo.height}}">{{txoutsetinfo.height}}</a></td>
</tr>
<tr>
<td>bestblock</td>
<td><a href="/#!/block/{{txoutsetinfo.bestblock}}">{{txoutsetinfo.bestblock}}</a></td>
</tr>
<tr>
<td>transactions</td>
<td>{{txoutsetinfo.transactions}}</td>
</tr>
<tr>
<td>txouts</td>
<td>{{txoutsetinfo.txouts}}</td>
</tr>
<tr>
<td>bytes_serialized</td>
<td>{{txoutsetinfo.bytes_serialized}}</td>
</tr>
<tr>
<td>hash_serialized</td>
<td>{{txoutsetinfo.hash_serialized}}</td>
</tr>
<tr>
<td>total_amount</td>
<td>{{txoutsetinfo.total_amount}}</td>
</tr>
</tbody>
</table>
<h2>getDifficulty()</h2>
<table class="table table-striped" data-ng-init="getStatus('Difficulty')">
<tbody> <tbody>
<tr data-ng-show="!difficulty &amp;&amp; !infoError"> <tr data-ng-show="!difficulty &amp;&amp; !infoError">
<td colspan="2" class="text-center">Loading...</td> <td colspan="2" class="text-center">Loading...</td>
@ -176,23 +193,8 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2>getLastBlockHash()</h2>
<table class="table table-striped" data-ng-init="getStatus('LastBlockHash')">
<tbody>
<tr data-ng-show="!lastblockhash &amp;&amp; !infoError">
<td colspan="2" class="text-center">Loading...</td>
</tr>
<tr data-ng-show="infoError">
<td colspan="2" class="text-danger">{{infoError}}</td>
</tr>
<tr>
<td>Last block hash</td>
<td>{{lastblockhash}}</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
</div> <!-- END OF COL-4 -->
</div> <!-- END OF ROW -->
</section> </section>