60 lines
2 KiB
HTML
60 lines
2 KiB
HTML
<nav class="tab-bar">
|
|
<section class="left-small">
|
|
<a ng-click="cancel()">
|
|
<i class="icon-arrow-left3 icon-back"></i>
|
|
<span class="text-back" translate>Back</span>
|
|
</a>
|
|
</section>
|
|
<section class="middle tab-bar-section">
|
|
<h1 class="title ellipsis" ng-style="{'color':color}" translate>
|
|
Transaction
|
|
</h1>
|
|
</section>
|
|
</nav>
|
|
|
|
<div class="modal-content fix-modals-touch">
|
|
<div class="header-modal text-center">
|
|
<span class="label tu radius" ng-show="tx.type == 'BUY'"
|
|
ng-style="{'background-color':color}" translate>Bought</span>
|
|
<span class="label tu gray radius" ng-show="tx.type == 'SELL'" translate>Sold</span>
|
|
<div class="size-42">
|
|
{{tx.subtotal}} {{tx.currency}}
|
|
</div>
|
|
<div class="size-12 text-gray">
|
|
<span class="text-success" ng-if="tx.status == 'COMPLETE'">Completed</span>
|
|
<span class="text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
|
|
<span class="text-warning" ng-if="tx.status == 'ERROR'">Error</span>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="title m0" translate>Details</h4>
|
|
|
|
<ul class="no-bullet size-14 m0">
|
|
|
|
<li ng-show="tx.transactionDate" class="line-b p10 oh">
|
|
<span class="text-gray" translate>Date</span>:
|
|
<span class="right">{{tx.transactionDate | amCalendar}}</span>
|
|
</li>
|
|
|
|
<li ng-show="tx.price" class="line-b p10 oh">
|
|
<span class="text-gray" translate>Price</span>:
|
|
<span class="right">${{tx.price}} {{tx.currency}}</span>
|
|
</li>
|
|
|
|
<li ng-show="tx.subtotal" class="line-b p10 oh">
|
|
<span class="text-gray" translate>Subtotal</span>:
|
|
<span class="right">${{tx.subtotal}} {{tx.currency}}</span>
|
|
</li>
|
|
|
|
<li ng-show="tx.fees" class="line-b p10 oh">
|
|
<span class="text-gray" translate>Fees</span>:
|
|
<span class="right">${{tx.fees}} {{tx.currency}}</span>
|
|
</li>
|
|
|
|
<li ng-show="tx.total" class="line-b p10 oh">
|
|
<span class="text-gray" translate>Total</span>:
|
|
<span class="right">${{tx.total}} {{tx.currency}}</span>
|
|
</li>
|
|
</ul>
|
|
<div class="extra-margin-bottom"></div>
|
|
</div>
|