62 lines
2.1 KiB
HTML
62 lines
2.1 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">Back</span>
|
|
</a>
|
|
</section>
|
|
<section class="middle tab-bar-section">
|
|
<h1 class="title ellipsis" ng-style="{'color':color}">
|
|
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}">Bought</span>
|
|
<span class="label tu gray radius" ng-show="tx.type == 'SELL'">Sold</span>
|
|
<div class="size-42">
|
|
{{tx.subtotal|currency:'':2}} {{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">Details</h4>
|
|
|
|
<ul class="no-bullet size-14 m0">
|
|
|
|
<li ng-show="tx.transactionDate" class="line-b p10 oh">
|
|
<span class="text-gray">Date</span>
|
|
<span class="right">{{tx.transactionDate | amCalendar}}</span>
|
|
</li>
|
|
|
|
<li ng-show="tx.price" class="line-b p10 oh">
|
|
<span class="text-gray">Exchange rate</span>
|
|
<span class="right">{{tx.price|currency:'':2}} {{tx.currency}}/BTC</span>
|
|
</li>
|
|
</ul>
|
|
<h4 class="title m0"> </h4>
|
|
<ul class="no-bullet size-14 m0">
|
|
<li ng-show="tx.subtotal" class="line-b p10 oh">
|
|
<span class="text-gray">Subtotal</span>
|
|
<span class="right">{{tx.subtotal|currency:'':2}} {{tx.currency}}</span>
|
|
</li>
|
|
|
|
<li ng-show="tx.fees" class="line-b p10 oh">
|
|
<span class="text-gray">Fees</span>
|
|
<span class="right">{{tx.fees|currency:'':2}} {{tx.currency}}</span>
|
|
</li>
|
|
|
|
<li ng-show="tx.total" class="line-b p10 oh text-bold">
|
|
<span class="text-gray">Total</span>
|
|
<span class="right">{{tx.total|currency:'':2}} {{tx.currency}}</span>
|
|
</li>
|
|
</ul>
|
|
<div class="extra-margin-bottom"></div>
|
|
</div>
|