|
|
@ -5,12 +5,13 @@ |
|
|
|
<div *ngIf="transaction != null"> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.transactionId' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{transaction.txid}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{transaction.id}}</label> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.confirmations' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{transaction.confirmations}}</label> |
|
|
|
</div> |
|
|
|
<!-- TODO: Add link to block view --> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.blockhash' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{transaction.blockhash}}</label> |
|
|
@ -19,29 +20,44 @@ |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.blocktime' | translate}}</label> |
|
|
|
<label class="col-sm-3 col-md-2 col-xs-2 col-lg-2">{{transaction.blocktime * 1000 | date:'MMMM d, y, h:mm:ss a'}}</label> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.fee' | translate}}</label> |
|
|
|
<label class="col-sm-3 col-md-2 col-xs-2 col-lg-2">{{getFee(transaction)}} {{'label.coinName' | translate}}</label> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- TODO: Add amounts --> |
|
|
|
<!-- Input --> |
|
|
|
<div> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.inputAddresses' | translate}}</label> |
|
|
|
<div *ngIf="transaction.input == null"> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.noInput' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.coinbase' | translate}}</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div *ngFor="let item of inputAddresses(transaction)"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1"></label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{item}}</label> |
|
|
|
<div *ngIf="transaction.input != null"> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.from' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{transaction.input.address}}</label> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.value' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{transaction.input.value}} {{'label.coinName' | translate}}</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- TODO: Add amounts --> |
|
|
|
|
|
|
|
<!-- Output --> |
|
|
|
<div> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.outputAddresses' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1"><strong>{{'label.output' | translate}}</strong></label> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div *ngFor="let item of outputAddresses(transaction)"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1"></label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{item}}</label> |
|
|
|
<div *ngFor="let item of transaction.output"> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.to' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{item.address}}</label> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{'label.value' | translate}}</label> |
|
|
|
<label class="col-sm-2 col-md-1 col-xs-1 col-lg-1">{{item.value}} {{'label.coinName' | translate}}</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|