message of current loading insted the empty box
This commit is contained in:
parent
88e39d0c1b
commit
afe5c2421c
|
@ -3,54 +3,59 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12 col-gray col-gray-fixed">
|
<div class="col-xs-12 col-gray col-gray-fixed">
|
||||||
<h1 class="text-center">Address</h1>
|
<h1 class="text-center">Address</h1>
|
||||||
<div class="text-center">
|
<div class="m20v text-center text-muted" data-ng-if="!address.addrStr">
|
||||||
<qrcode size="160" data="{{address.addrStr}}"></qrcode>
|
<span>Loading Address Information...</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="m10v">
|
<div class="ng-cloak" data-ng-cloak data-ng-if="address.addrStr">
|
||||||
<button class="pull-right btn-copy" clip-copy="address.addrStr"></button>
|
<div class="text-center">
|
||||||
<a class="ellipsis" href="/address/{{address.addrStr}}">{{address.addrStr}}</a>
|
<qrcode size="160" data="{{address.addrStr}}"></qrcode>
|
||||||
</div>
|
</div>
|
||||||
<div class="m20v">
|
<div class="m10v">
|
||||||
<h4>Summary</h4>
|
<button class="pull-right btn-copy" clip-copy="address.addrStr"></button>
|
||||||
<h5>Confirmed</h5>
|
<a class="ellipsis" href="/address/{{address.addrStr}}">{{address.addrStr}}</a>
|
||||||
<table class="table">
|
</div>
|
||||||
<tbody>
|
<div class="m20v">
|
||||||
<tr>
|
<h4>Summary</h4>
|
||||||
<td class="small">Total Received</td>
|
<h5>Confirmed</h5>
|
||||||
<td class="address ellipsis text-right">{{$root.currency.getConvertion(address.totalReceived)}}</td>
|
<table class="table ng-cloak" data-ng-hide="!address.addrStr" data-ng-cloak>
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="small">Total Sent</td>
|
|
||||||
<td class="address ellipsis text-right">{{$root.currency.getConvertion(address.totalSent)}}</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="small">Final Balance</td>
|
|
||||||
<td class="address ellipsis text-right">{{$root.currency.getConvertion(address.balance)}}</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td class="small">No. Transactions</td>
|
|
||||||
<td class="address ellipsis text-right">{{address.txApperances}}</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<div data-ng-show="address.unconfirmedTxApperances">
|
|
||||||
<h5>Unconfirmed</h5>
|
|
||||||
<table class="table">
|
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="small">Unconfirmed Txs Balance</td>
|
<td class="small">Total Received</td>
|
||||||
<td class="address ellipsis text-right">{{$root.currency.getConvertion(address.unconfirmedBalance)}}</td>
|
<td class="address ellipsis text-right">{{$root.currency.getConvertion(address.totalReceived)}}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="small">Total Sent</td>
|
||||||
|
<td class="address ellipsis text-right">{{$root.currency.getConvertion(address.totalSent)}}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="small">Final Balance</td>
|
||||||
|
<td class="address ellipsis text-right">{{$root.currency.getConvertion(address.balance)}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="small">No. Transactions</td>
|
<td class="small">No. Transactions</td>
|
||||||
<td class="address ellipsis text-right">{{address.unconfirmedTxApperances}}</td>
|
<td class="address ellipsis text-right">{{address.txApperances}}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
</tbody>
|
||||||
</tbody>
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
<div data-ng-show="address.unconfirmedTxApperances">
|
||||||
|
<h5>Unconfirmed</h5>
|
||||||
|
<table class="table">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="small">Unconfirmed Txs Balance</td>
|
||||||
|
<td class="address ellipsis text-right">{{$root.currency.getConvertion(address.unconfirmedBalance)}}</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="small">No. Transactions</td>
|
||||||
|
<td class="address ellipsis text-right">{{address.unconfirmedTxApperances}}</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
</div> <!-- END OF TRANSACTIONS TABLE -->
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- END OF TRANSACTIONS TABLE -->
|
||||||
|
</div>
|
||||||
<div data-ng-include src="'/views/includes/currency.html'"></div>
|
<div data-ng-include src="'/views/includes/currency.html'"></div>
|
||||||
</div> <!-- END OF COL-MD-3 -->
|
</div> <!-- END OF COL-MD-3 -->
|
||||||
<div class="col-xs-12 col-md-9 col-md-offset-3">
|
<div class="col-xs-12 col-md-9 col-md-offset-3">
|
||||||
|
|
|
@ -3,18 +3,22 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-12 col-gray col-gray-fixed">
|
<div class="col-xs-12 col-gray col-gray-fixed">
|
||||||
<h1 class="text-center">Block</h1>
|
<h1 class="text-center">Block</h1>
|
||||||
<div class="block-id">
|
<div class="m20v text-center text-muted" data-ng-if="!block.hash">
|
||||||
<span class="glyphicon glyphicon-list-alt"></span>
|
<span>Loading Block...</span>
|
||||||
<h2 data-ng-if="block">#{{block.height}}</h2>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="m10v">
|
<div class="ng-cloak" data-ng-cloak data-ng-if="block.hash">
|
||||||
<button class="pull-right btn-copy" clip-copy="block.hash"></button>
|
<div class="block-id">
|
||||||
<a class="ellipsis" href="/block/{{block.hash}}">{{block.hash}}</a>
|
<span class="glyphicon glyphicon-list-alt"></span>
|
||||||
</div>
|
<h2 data-ng-if="block">#{{block.height}}</h2>
|
||||||
<div class="m20v" data-ng-show="!tx.isCoinBase">
|
</div>
|
||||||
<h4>Hashes</h4>
|
<div class="m10v">
|
||||||
<table class="table" style="table-layout: fixed">
|
<button class="pull-right btn-copy" clip-copy="block.hash"></button>
|
||||||
<tbody class="small">
|
<a class="ellipsis" href="/block/{{block.hash}}">{{block.hash}}</a>
|
||||||
|
</div>
|
||||||
|
<div class="m20v" data-ng-show="!tx.isCoinBase">
|
||||||
|
<h4>Hashes</h4>
|
||||||
|
<table class="table" style="table-layout: fixed">
|
||||||
|
<tbody class="small">
|
||||||
<tr data-ng-show="block.previousblockhash">
|
<tr data-ng-show="block.previousblockhash">
|
||||||
<td> Previous Block</td>
|
<td> Previous Block</td>
|
||||||
<td class="text-right"><a href="/block/{{block.previousblockhash}}">{{block.height-1}}</a></td>
|
<td class="text-right"><a href="/block/{{block.previousblockhash}}">{{block.height-1}}</a></td>
|
||||||
|
@ -23,15 +27,21 @@
|
||||||
<td> Next Block</td>
|
<td> Next Block</td>
|
||||||
<td class="text-right"><a href="/block/{{block.nextblockhash}}">{{block.height+1}}</a></td>
|
<td class="text-right"><a href="/block/{{block.nextblockhash}}">{{block.height+1}}</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div> <!-- END OF TRANSACTIONS TABLE -->
|
</div> <!-- END OF TRANSACTIONS TABLE -->
|
||||||
|
</div>
|
||||||
<div data-ng-include src="'/views/includes/currency.html'"></div>
|
<div data-ng-include src="'/views/includes/currency.html'"></div>
|
||||||
</div> <!-- END OF COL-GRAY -->
|
</div> <!-- END OF COL-GRAY -->
|
||||||
|
|
||||||
<div class="col-xs-12 col-md-9 col-md-offset-3">
|
<div class="col-xs-12 col-md-9 col-md-offset-3">
|
||||||
<h2>Summary</h2>
|
<h2>Summary</h2>
|
||||||
<div class="row">
|
<div class="progress progress-striped active" data-ng-if="!block.hash">
|
||||||
|
<div class="progress-bar progress-bar-info" style="width: 100%">
|
||||||
|
<span>Loading Block Details...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row ng-cloak" data-ng-cloak data-ng-if="block.hash">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
|
@ -8,18 +8,23 @@
|
||||||
<h3>Blocks <br> mined on:</h3>
|
<h3>Blocks <br> mined on:</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="lead text-center m20v">
|
<div class="m20v text-center text-muted" data-ng-if="!pagination.current">
|
||||||
|
<span>Loading Selected Date...</span>
|
||||||
|
</div>
|
||||||
|
<div class="ng-cloak" data-ng-cloak data-ng-if="pagination.current">
|
||||||
|
<p class="lead text-center m20v">
|
||||||
{{pagination.current}} UTC
|
{{pagination.current}} UTC
|
||||||
<a href="#" class="btn btn-primary btn-xs" datepicker-popup show-button-bar="false" data-ng-click="openCalendar($event)" data-ng-model="dt" is-open="opened" data-ng-required="true"><span class="glyphicon glyphicon-calendar"></span></a>
|
<a href="#" class="btn btn-primary btn-xs" datepicker-popup show-button-bar="false" data-ng-click="openCalendar($event)" data-ng-model="dt" is-open="opened" data-ng-required="true"><span class="glyphicon glyphicon-calendar"></span></a>
|
||||||
</p>
|
</p>
|
||||||
<p class="lead text-center m20v" data-ng-show="loading"> </p>
|
<p class="lead text-center m20v" data-ng-show="loading"> </p>
|
||||||
<p class="text-center m20v" data-ng-show="pagination.isToday && !loading">Today</p>
|
<p class="text-center m20v" data-ng-show="pagination.isToday && !loading">Today</p>
|
||||||
<p class="text-center m20v" data-ng-show="!pagination.isToday && !loading">{{humanSince(pagination.currentTs)}}
|
<p class="text-center m20v" data-ng-show="!pagination.isToday && !loading">{{humanSince(pagination.currentTs)}}
|
||||||
<p class="text-center m20v" data-ng-show="loading"> </p>
|
<p class="text-center m20v" data-ng-show="loading"> </p>
|
||||||
|
|
||||||
<div class="m50v text-center">
|
<div class="m50v text-center">
|
||||||
<a class="btn btn-primary" href="/blocks-date/{{pagination.prev}}"><small>← {{pagination.prev}}</small></a>
|
<a class="btn btn-primary" href="/blocks-date/{{pagination.prev}}"><small>← {{pagination.prev}}</small></a>
|
||||||
<a class="btn btn-primary" href="/blocks-date/{{pagination.next}}" data-ng-show="!pagination.isToday"><small>{{pagination.next}} →</small></a>
|
<a class="btn btn-primary" href="/blocks-date/{{pagination.next}}" data-ng-show="!pagination.isToday"><small>{{pagination.next}} →</small></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-12 col-md-9 col-md-offset-3">
|
<div class="col-xs-12 col-md-9 col-md-offset-3">
|
||||||
|
|
|
@ -1,49 +1,60 @@
|
||||||
<div data-ng-include src="'/views/includes/connection.html'"></div>
|
<div data-ng-include src="'/views/includes/connection.html'"></div>
|
||||||
<section data-ng-controller="transactionsController" data-ng-init="findThis()">
|
<section data-ng-controller="transactionsController" data-ng-init="findThis()">
|
||||||
<div class="row">
|
|
||||||
<div class="col-xs-12 col-gray col-gray-fixed">
|
|
||||||
<h1 class="text-center">Transaction</h1>
|
|
||||||
<div class="tx-id">
|
|
||||||
<span class="glyphicon glyphicon-retweet"></span>
|
|
||||||
</div>
|
|
||||||
<div class="m10v">
|
|
||||||
<button class="btn-copy pull-right" clip-copy="tx.txid"></button>
|
|
||||||
<div class="ellipsis">
|
|
||||||
<a class="txid" href="/tx/{{tx.txid}}">{{tx.txid}}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<h4>Summary</h4>
|
|
||||||
<table class="table" style="table-layout: fixed">
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td><strong> Size </strong></td>
|
|
||||||
<td class="text-muted text-right">{{tx.size}} (bytes)</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><strong>Received Time </strong></td>
|
|
||||||
<td data-ng-show="tx.firstSeenTs" class="text-muted text-right">{{tx.firstSeenTs * 1000|date:'medium'}}</td>
|
|
||||||
<td data-ng-show="!tx.firstSeenTs" class="text-muted text-right">N/A</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><strong>Mined Time </strong></td>
|
|
||||||
<td data-ng-show="tx.time" class="text-muted text-right">{{tx.time * 1000|date:'medium'}}</td>
|
|
||||||
<td data-ng-show="!tx.time" class="text-muted text-right">N/A</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody>
|
<div class="row ng-cloak" data-ng-clock data-ng-if="tx.txid">
|
||||||
</table>
|
<div class="col-xs-12 col-gray col-gray-fixed">
|
||||||
<div data-ng-include src="'/views/includes/currency.html'"></div>
|
<h1 class="text-center">Transaction</h1>
|
||||||
</div>
|
<div class="m20v text-center text-muted" data-ng-if="!tx.txid">
|
||||||
<div class="col-xs-12 col-md-9 col-md-offset-3">
|
<span>Loading Transaction...</span>
|
||||||
<h2>
|
</div>
|
||||||
Details
|
<div class="ng-cloak" data-ng-cloak data-ng-if="tx.txid">
|
||||||
<small>View information about a bitcoin transaction</small>
|
<div class="tx-id">
|
||||||
</h2>
|
<span class="glyphicon glyphicon-retweet"></span>
|
||||||
<div class="block-tx">
|
</div>
|
||||||
<div data-ng-include src="'/views/transaction/tx.html'"></div>
|
<div class="m10v">
|
||||||
|
<button class="btn-copy pull-right" clip-copy="tx.txid"></button>
|
||||||
|
<div class="ellipsis">
|
||||||
|
<a class="txid" href="/tx/{{tx.txid}}">{{tx.txid}}</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h4>Summary</h4>
|
||||||
|
<table class="table" style="table-layout: fixed">
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><strong> Size </strong></td>
|
||||||
|
<td class="text-muted text-right">{{tx.size}} (bytes)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Received Time </strong></td>
|
||||||
|
<td data-ng-show="tx.firstSeenTs" class="text-muted text-right">{{tx.firstSeenTs * 1000|date:'medium'}}</td>
|
||||||
|
<td data-ng-show="!tx.firstSeenTs" class="text-muted text-right">N/A</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Mined Time </strong></td>
|
||||||
|
<td data-ng-show="tx.time" class="text-muted text-right">{{tx.time * 1000|date:'medium'}}</td>
|
||||||
|
<td data-ng-show="!tx.time" class="text-muted text-right">N/A</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<div data-ng-include src="'/views/includes/currency.html'"></div>
|
||||||
</div>
|
</div>
|
||||||
<div data-ng-show="!tx.isCoinBase">
|
<div class="col-xs-12 col-md-9 col-md-offset-3">
|
||||||
<h2>Inputs and Outputs</h2>
|
<h2>
|
||||||
|
Details
|
||||||
|
<small>View information about a bitcoin transaction</small>
|
||||||
|
</h2>
|
||||||
|
<div class="progress progress-striped active" data-ng-if="!tx.txid">
|
||||||
|
<div class="progress-bar progress-bar-info" style="width: 100%">
|
||||||
|
<span>Loading Transaction Details...</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="block-tx ng-cloak" data-ng-cloak data-ng-if="tx.txid">
|
||||||
|
<div data-ng-include src="'/views/transaction/tx.html'"></div>
|
||||||
|
</div>
|
||||||
|
<div class="ng-cloak" data-ng-cloak data-ng-if="tx.txid && !tx.isCoinBase">
|
||||||
|
<h2>Inputs and Outputs</h2>
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -60,6 +71,7 @@
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
@ -4,6 +4,6 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="progress progress-striped active" data-ng-show="loading">
|
<div class="progress progress-striped active" data-ng-show="loading">
|
||||||
<div class="progress-bar progress-bar-info" style="width: 100%">
|
<div class="progress-bar progress-bar-info" style="width: 100%">
|
||||||
<span>Loading...</span>
|
<span>Loading Transactions...</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue