129 lines
3.8 KiB
HTML
129 lines
3.8 KiB
HTML
<section data-ng-controller="transactionsController" data-ng-init="findOne()">
|
|
<div class="page-header">
|
|
<h1>
|
|
Transaction
|
|
<small>View information about a bitcoin transaction</small>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="well well-sm">
|
|
{{tx.txid}}
|
|
</div>
|
|
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Input</th>
|
|
<th> </th>
|
|
<th>Output</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td width="45%">
|
|
<ul class="list-unstyled" data-ng-repeat="vin in tx.vin" data-ng-show="!tx.isCoinBase">
|
|
<li>
|
|
<span data-ng-show="!vin.addr">Address could not be parsed</span>
|
|
<a data-ng-show="vin.addr" href="/#!/address/{{vin.addr}}">{{vin.addr}}</a>
|
|
<span class="pull-right badge">{{vin.value}} BTC</span>
|
|
</li>
|
|
|
|
<li>
|
|
Outpoint: <a href="/#!/tx/{{vin.txid}}">{{vin.txid}},{{vin.vout}}</a>
|
|
</ul>
|
|
<div data-ng-show="tx.isCoinBase">
|
|
<ul class="list-unstyled" data-ng-repeat="vinn in tx.vin">
|
|
<li>
|
|
No Inputs (Newly Generated isCoinBasens)
|
|
<span class="pull-right badge">{{vinn.reward}} BTC</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
<td width="10%" style="text-align: center;"><span class="glyphicon glyphicon-chevron-right"> </span></td>
|
|
<td width="45%">
|
|
<table class="table table-condensed">
|
|
<tbody>
|
|
<tr data-ng-repeat="vout in tx.vout">
|
|
<td><b>{{vout.scriptPubKey.type}}</b></td>
|
|
<td>
|
|
<ul class="list-unstyled" data-ng-repeat="addr in vout.scriptPubKey.addresses">
|
|
<li><a href="/#!/address/{{addr}}">{{addr}}</a> <span class="pull-right badge">{{vout.value}} BTC</span></li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="3" style="text-align: right;">
|
|
<button data-ng-show="tx.confirmations" type="button" class="btn btn-primary">
|
|
{{tx.confirmations}} Confirmations
|
|
</button>
|
|
<button data-ng-show="!tx.confirmations" type="button" class="btn btn-danger">
|
|
Unconfirmed Transaction!
|
|
</button>
|
|
<button type="button" class="btn btn-success">{{tx.valueOut}} BTC</button>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Summary</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table table-striped">
|
|
<tbody>
|
|
<tr>
|
|
<td>Size</td>
|
|
<td>{{tx.size}} (bytes)</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Received Time</td>
|
|
<td>{{tx.time * 1000|date:'medium'}}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Block</td>
|
|
<td><a href="/#!/block/{{tx.blockhash}}">Block</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="panel panel-default" data-ng-show="!tx.isCoinBase">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title">Inputs and Outputs</h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table table-striped">
|
|
<tbody>
|
|
<tr>
|
|
<td>Total Input</td>
|
|
<td>{{tx.valueIn}} BTC</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Total Output</td>
|
|
<td>{{tx.valueOut}} BTC</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Fees</td>
|
|
<td>{{tx.feeds}} BTC</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|