Better look and feel
This commit is contained in:
parent
1a0a7eb5ad
commit
49cd19bd1b
9 changed files with 239 additions and 69 deletions
60
public/views/modals/glidera-tx-details.html
Normal file
60
public/views/modals/glidera-tx-details.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<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>
|
||||
<span class="text-success" ng-if="tx.status == 'COMPLETE'">Completed</span>
|
||||
<span class="text-info" ng-if="tx.status == 'PENDING'">Pending</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}}</span>
|
||||
</li>
|
||||
|
||||
<li ng-show="tx.subtotal" class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Subtotal</span>:
|
||||
<span class="right">{{tx.subtotal}}</span>
|
||||
</li>
|
||||
|
||||
<li ng-show="tx.fees" class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Fees</span>:
|
||||
<span class="right">{{tx.fees}}</span>
|
||||
</li>
|
||||
|
||||
<li ng-show="tx.total" class="line-b p10 oh">
|
||||
<span class="text-gray" translate>Total</span>:
|
||||
<span class="right">{{tx.total}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue