98 lines
4.5 KiB
HTML
98 lines
4.5 KiB
HTML
<div class="line-bot">
|
|
<time class="pull-right">{{tx.time * 1000 | date:'medium'}}</time>
|
|
<button class="btn-expand" data-ng-click="itemsExpanded = !itemsExpanded"><span class="glyphicon glyphicon-plus" data-ng-class="{'glyphicon-minus': itemsExpanded}" tooltip="Show/Hide items details" tooltip-placement="right"></span></button>
|
|
<a href="/tx/{{tx.txid}}">{{tx.txid}}</a>
|
|
<button class="btn-copy" clip-copy="tx.txid"><span class="glyphicon glyphicon-paperclip"></span></button>
|
|
</div>
|
|
<div class="row line-mid">
|
|
<div class="col-md-5">
|
|
<div class="row" data-ng-show="tx.isCoinBase">
|
|
<div class="col-md-12 transaction-vin-vout" data-ng-repeat="vin in tx.vin">
|
|
<div class="text-muted pull-right btc-value"><small>{{vin.reward}} BTC</small></div>
|
|
<div class="ellipsis">
|
|
<span>No Inputs (Newly Generated Coins)</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" data-ng-show="!tx.isCoinBase">
|
|
<div data-ng-repeat="vin in tx.vinSimple" data-ng-show="!itemsExpanded">
|
|
<div class="col-md-12 transaction-vin-vout">
|
|
<div class="text-muted pull-right btc-value"><small>{{vin.value}} BTC</small></div>
|
|
<div class="ellipsis">
|
|
<span data-ng-show="vin.notAddr">{{vin.addr}}</span>
|
|
<a href="/address/{{vin.addr}}" data-ng-show="!vin.notAddr">{{vin.addr}}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div data-ng-repeat="vin in tx.vin" data-ng-show="itemsExpanded">
|
|
<div class="col-md-12 transaction-vin-vout">
|
|
<div class="text-muted pull-right btc-value"><small>{{vin.value}} BTC</small></div>
|
|
<div class="ellipsis">
|
|
<a class="glyphicon glyphicon-chevron-right" href="/#!/tx/{{vin.txid}}" title="Outpoint: {{vin.txid}},{{vin.vout}}"></a>
|
|
<span data-ng-show="vin.notAddr">{{vin.addr}}</span>
|
|
<a href="/address/{{vin.addr}}" data-ng-show="!vin.notAddr">{{vin.addr}}</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-body" style="word-wrap:break-word">
|
|
<small>
|
|
<strong>scriptSig</strong>
|
|
{{vin.scriptSig.asm}}
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-1 text-center">
|
|
<span class="glyphicon glyphicon-chevron-right text-primary"></span>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="row">
|
|
<div data-ng-repeat="vout in tx.voutSimple" data-ng-show="!itemsExpanded">
|
|
<div class="col-md-12 transaction-vin-vout">
|
|
<div class="text-muted pull-right btc-value"><small>{{vout.value}} BTC</small></div>
|
|
<div class="ellipsis">
|
|
<span data-ng-show="vout.notAddr">{{vout.addr}}</span>
|
|
<a href="/address/{{address}}" data-ng-show="!vout.notAddr" data-ng-repeat="address in vout.addr.split(',')">{{address}}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div data-ng-repeat="vout in tx.vout" data-ng-show="itemsExpanded">
|
|
<div class="col-md-12 transaction-vin-vout">
|
|
<div class="text-muted pull-right btc-value"><small>{{vout.value}} BTC</small></div>
|
|
<div class="ellipsis">
|
|
<a href="/address/{{address}}" data-ng-repeat="address in vout.scriptPubKey.addresses">{{address}}</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-body" style="word-wrap:break-word">
|
|
<small>
|
|
<p>
|
|
<strong>Type</strong>
|
|
{{vout.scriptPubKey.type}}
|
|
</p>
|
|
<p>
|
|
<strong>scriptPubKey</strong>
|
|
{{vout.scriptPubKey.asm}}
|
|
</p>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="line-top">
|
|
<small data-ng-show="!tx.isCoinBase" class="text-muted">Fees: {{tx.fees}}</small>
|
|
<div class="pull-right">
|
|
<button data-ng-show="tx.confirmations" class="btn btn-success">{{tx.confirmations}} Confirmations</button>
|
|
<button data-ng-show="!tx.confirmations" class="btn btn-danger">Unconfirmed Transaction!</button>
|
|
<button class="btn btn-primary">{{tx.valueOut}} BTC</button>
|
|
</div>
|
|
</div>
|