2020-11-04 13:36:30 +01:00
|
|
|
<div *ngIf="transaction" class="mb-5">
|
2020-11-08 07:31:52 +01:00
|
|
|
<div class="card text-center">
|
|
|
|
<div class="card-header bg-dark text-white">
|
|
|
|
<strong>TRANSACTION DETAILS</strong>
|
2020-11-04 13:36:30 +01:00
|
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
|
|
<h4>Exchange: </h4>
|
|
|
|
<ul class="list-group list-group-flush">
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Sender: {{transaction.from}}</p>
|
|
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Recipient: {{transaction.to}}</p>
|
|
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Amount: {{transaction.value | currency: transaction.token.name + ' ' }}</p>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<h4 class="mt-2">Token: </h4>
|
|
|
|
<ul class="list-group list-group-flush">
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Address: {{transaction.token.address}}</p>
|
|
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Name: {{transaction.token.name}}</p>
|
|
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Symbol: {{transaction.token.symbol}}</p>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
|
|
<h4>Transaction: </h4>
|
|
|
|
<ul class="list-group list-group-flush">
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Block: {{transaction.tx.block}}</p>
|
|
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Index: {{transaction.tx.txIndex}}</p>
|
|
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Hash: {{transaction.tx.txHash}}</p>
|
|
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Success: {{transaction.tx.success}}</p>
|
|
|
|
</li>
|
|
|
|
<li class="list-group-item">
|
|
|
|
<p>Timestamp: {{transaction.tx.timestamp}}</p>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|