Merge pull request #311 from colkito/feature/status-start-end-date

added start date and finix date in status page
This commit is contained in:
Matias Alejo Garcia 2014-02-14 11:40:17 -02:00
commit b2d5350a28
1 changed files with 129 additions and 121 deletions

View File

@ -9,154 +9,162 @@
<div class="col-xs-12 col-md-8"> <div class="col-xs-12 col-md-8">
<h2>Sync Status</h2> <h2>Sync Status</h2>
<table class="table" data-ng-controller="StatusController" data-ng-init="getSync()"> <table class="table" data-ng-controller="StatusController" data-ng-init="getSync()">
<tbody>
<thead> <thead>
<span class="text-danger" data-ng-show="sync && sync.error">{{sync.error}}</span> <span class="text-danger" data-ng-show="sync && sync.error">{{sync.error}}</span>
</thead> </thead>
<tr> <tbody>
<td>Sync Progress</td> <tr>
<td> <td>Sync Progress</td>
<div class="progress"> <td>
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: {{ sync.syncPercentage}}%"> <div class="progress">
<span>{{sync.syncPercentage}}% Complete</span> <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: {{ sync.syncPercentage}}%">
<span>{{sync.syncPercentage}}% Complete</span>
</div>
</div> </div>
</div> </td>
</tr> </tr>
<tr> <tr>
<td>Current Sync Status</td> <td>Current Sync Status</td>
<td class="text-right">{{sync.status}}</td> <td class="text-right">{{sync.status}}</td>
</tr> </tr>
<tr>
<tr> <td>Start Date</td>
<td>Initial Block Chain Height</td> <td><time datetime="{{sync.startTs | date:'medium'}}">{{humanSince(sync.startTs)}}</time></td>
<td class="text-right">{{sync.blockChainHeight}}</td> </tr>
</tr> <tr data-ng-show="sync.endTs">
<tr> <td>Finish Date</td>
<td>Synced Blocks</td> <td><time datetime="{{sync.startTs | date:'medium'}}">{{humanSince(sync.endTs)}}</time></td>
<td class="text-right">{{sync.syncedBlocks}}</td> </tr>
<tr> <tr>
<td>Skipped Blocks (previously synced)</td> <td>Initial Block Chain Height</td>
<td class="text-right">{{sync.skippedBlocks}}</td> <td class="text-right">{{sync.blockChainHeight}}</td>
</tr>
<tr>
<td>Synced Blocks</td>
<td class="text-right">{{sync.syncedBlocks}}</td>
</tr>
<tr>
<td>Skipped Blocks (previously synced)</td>
<td class="text-right">{{sync.skippedBlocks}}</td>
</tr>
<tr>
<td>Sync Type</td>
<td class="text-right">{{sync.type}}</td>
</tr>
</tbody> </tbody>
</table> </table>
<h2>Last Block</h2> <h2>Last Block</h2>
<table class="table" style="table-layout: fixed" data-ng-controller="StatusController" data-ng-init="getStatus('LastBlockHash')"> <table class="table" style="table-layout: fixed" data-ng-controller="StatusController" data-ng-init="getStatus('LastBlockHash')">
<thead data-ng-include src="'/views/includes/infoStatus.html'"> </thead> <thead data-ng-include src="'/views/includes/infoStatus.html'"></thead>
<tr> <tbody>
<td>Last Block Hash (Bitcoind)</td> <tr>
<td class="text-right ellipsis"><a href="/block/{{lastblockhash}}">{{lastblockhash}}</a></td> <td>Last Block Hash (Bitcoind)</td>
</tr> <td class="text-right ellipsis"><a href="/block/{{lastblockhash}}">{{lastblockhash}}</a></td>
<tr> </tr>
<td>Current Blockchain Tip(insight)</td> <tr>
<td class="text-right ellipsis"><a href="/block/{{syncTipHash}}">{{syncTipHash}}</a></td> <td>Current Blockchain Tip(insight)</td>
<td class="text-right ellipsis"><a href="/block/{{syncTipHash}}">{{syncTipHash}}</a></td>
</tr>
</tbody> </tbody>
</table> </table>
<h2>Transaction Output Set Information</h2> <h2>Transaction Output Set Information</h2>
<div data-ng-controller="StatusController"> <div data-ng-controller="StatusController">
<button data-ng-click="txoutLoading=1;getStatus('TxOutSetInfo')" class="btn btn-default" data-ng-show="!txoutsetinfo.height"> <button data-ng-click="txoutLoading=1;getStatus('TxOutSetInfo')" class="btn btn-default" data-ng-show="!txoutsetinfo.height">
Show Transaction Output data Show Transaction Output data
<span data-ng-show="txoutLoading" class="glyphicon glyphicon-refresh icon-rotate"></span> <span data-ng-show="txoutLoading" class="glyphicon glyphicon-refresh icon-rotate"></span>
</button > </button >
<table class="table" data-ng-show="txoutsetinfo.height" style="table-layout: fixed" > <table class="table" data-ng-show="txoutsetinfo.height" style="table-layout: fixed" >
<thead data-ng-include src="'/views/includes/infoStatus.html'"> </thead> <thead data-ng-include src="'/views/includes/infoStatus.html'"></thead>
<tbody> <tbody>
<tr> <tr>
<td>Height</td> <td>Height</td>
<td class="text-right"><a href="/block-index/{{txoutsetinfo.height}}">{{txoutsetinfo.height}}</a></td> <td class="text-right"><a href="/block-index/{{txoutsetinfo.height}}">{{txoutsetinfo.height}}</a></td>
</tr> </tr>
<tr> <tr>
<td>Best Block</td> <td>Best Block</td>
<td class="text-right ellipsis"><a href="/block/{{txoutsetinfo.bestblock}}">{{txoutsetinfo.bestblock}}</a></td> <td class="text-right ellipsis"><a href="/block/{{txoutsetinfo.bestblock}}">{{txoutsetinfo.bestblock}}</a></td>
</tr> </tr>
<tr> <tr>
<td>Transactions</td> <td>Transactions</td>
<td class="text-right"> {{txoutsetinfo.transactions}}</td> <td class="text-right"> {{txoutsetinfo.transactions}}</td>
</tr> </tr>
<tr> <tr>
<td>Transaction Outputs</td> <td>Transaction Outputs</td>
<td class="text-right">{{txoutsetinfo.txouts}}</td> <td class="text-right">{{txoutsetinfo.txouts}}</td>
</tr> </tr>
<tr> <tr>
<td>Bytes Serialized</td> <td>Bytes Serialized</td>
<td class="text-right">{{txoutsetinfo.bytes_serialized}}</td> <td class="text-right">{{txoutsetinfo.bytes_serialized}}</td>
</tr> </tr>
<tr> <tr>
<td>Hash Serialized</td> <td>Hash Serialized</td>
<td class="text-right ellipsis">{{txoutsetinfo.hash_serialized}}</td> <td class="text-right ellipsis">{{txoutsetinfo.hash_serialized}}</td>
</tr> </tr>
<tr> <tr>
<td>Total Amount</td> <td>Total Amount</td>
<td class="text-right">{{txoutsetinfo.total_amount}}</td> <td class="text-right">{{txoutsetinfo.total_amount}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> <!-- END OF COL-8 --> </div> <!-- END OF COL-8 -->
<div class="col-xs-12 col-md-4 col-gray"> <div class="col-xs-12 col-md-4 col-gray">
<h2>Bitcoin node information</h2> <h2>Bitcoin node information</h2>
<table class="table" data-ng-controller="StatusController" data-ng-init="getStatus('Info')"> <table class="table" data-ng-controller="StatusController" data-ng-init="getStatus('Info')">
<thead data-ng-include src="'/views/includes/infoStatus.html'"> </thead> <thead data-ng-include src="'/views/includes/infoStatus.html'"></thead>
<tbody> <tbody>
<tr> <tr>
<td>Version</td> <td>Version</td>
<td class="text-right">{{info.version}}</td> <td class="text-right">{{info.version}}</td>
</tr> </tr>
<tr> <tr>
<td>Protocol version</td> <td>Protocol version</td>
<td class="text-right">{{info.protocolversion}}</td> <td class="text-right">{{info.protocolversion}}</td>
</tr> </tr>
<tr> <tr>
<td>Blocks</td> <td>Blocks</td>
<td class="text-right"><a href="/block-index/{{info.blocks}}">{{info.blocks}}</a></td> <td class="text-right"><a href="/block-index/{{info.blocks}}">{{info.blocks}}</a></td>
</tr> </tr>
<tr> <tr>
<td>Time Offset</td> <td>Time Offset</td>
<td class="text-right">{{info.timeoffset}}</td> <td class="text-right">{{info.timeoffset}}</td>
</tr> </tr>
<tr> <tr>
<td>Connections to other nodes</td> <td>Connections to other nodes</td>
<td class="text-right">{{info.connections}}</td> <td class="text-right">{{info.connections}}</td>
</tr> </tr>
<tr> <tr>
<td>Mining Difficulty</td> <td>Mining Difficulty</td>
<td class="text-right">{{info.difficulty}}</td> <td class="text-right">{{info.difficulty}}</td>
</tr> </tr>
<tr> <tr>
<td>Testnet</td> <td>Testnet</td>
<td class="text-right">{{info.testnet}}</td> <td class="text-right">{{info.testnet}}</td>
</tr> </tr>
<tr> <tr>
<td>Proxy setting</td> <td>Proxy setting</td>
<td class="text-right">{{info.proxy}}</td> <td class="text-right">{{info.proxy}}</td>
</tr> </tr>
<tr> <tr>
<td>Info Errors</td> <td>Info Errors</td>
<td class="text-right">{{info.infoErrors}}</td> <td class="text-right">{{info.infoErrors}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h4>Difficulty</h4> <h4>Difficulty</h4>
<table class="table" data-ng-controller="StatusController" data-ng-init="getStatus('Difficulty')"> <table class="table" data-ng-controller="StatusController" data-ng-init="getStatus('Difficulty')">
<thead data-ng-include src="'/views/includes/infoStatus.html'"> </thead> <thead data-ng-include src="'/views/includes/infoStatus.html'"></thead>
<tbody <tbody>
<tr> <tr>
<td>Mining Difficulty</td> <td>Mining Difficulty</td>
<td>{{difficulty}}</td> <td>{{difficulty}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> <!-- END OF COL-GRAY --> </div> <!-- END OF COL-GRAY -->