58 lines
1.9 KiB
HTML
58 lines
1.9 KiB
HTML
|
<div *ngIf="transaction" class="mb-5">
|
||
|
<div class="card">
|
||
|
<div class="card-header text-center bg-dark text-white">
|
||
|
<strong>TRANSACTIONS DETAILS</strong>
|
||
|
</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>
|