Initial implementation for balance modal.

This commit is contained in:
Andy Phillipson 2016-12-09 16:42:11 -05:00
commit 4d3ff6c2f0
9 changed files with 273 additions and 34 deletions

View file

@ -0,0 +1,91 @@
<ion-modal-view id="wallet-balance" ng-controller="walletBalanceController" ng-init="init()">
<ion-header-bar align-title="center" class="bar-royal">
<button class="button button-clear" ng-click="close()">
Close
</button>
<div class="title" translate>
Balance
</div>
</ion-header-bar>
<ion-content>
<div class="wallet-balance__heading" translate>All of your bitcoin wallet balance may not be available for immediate spending.</div>
<div class="wallet-balance__list list">
<div class="wallet-balance__description" translate>Total is the total amount of bitcoin stored in this wallet. It is the sum of Available, Confirming, and Locked balances.</div>
<div class="wallet-balance__item item">
<img class="wallet-balance__icon" src="img/icon-sigma.svg" height="18"\>
<div class="wallet-balance__content no-border">
<div class="wallet-balance__title">Total</div>
<span class="item-note text-right wallet-balance__amount">
<span class="wallet-balance__amount wallet-balance__amount--available">
{{status.totalBalanceStr}}
</span>
<div>
<span class="wallet-balance__amount--alternative ng-binding">
{{status.totalBalanceAlternative}} {{status.alternativeIsoCode}}
</span>
</div>
</span>
</div>
</div>
<div class="wallet-balance__description" translate>Available is the immediatley spendable amount of bitcoin stored in this wallet. It is the Total less Confirming and Locked balances. If you have enabled Use Unconfirmed Funds setting then the Available amount is the Total less Locked balance.</div>
<div class="wallet-balance__item item">
<i class="wallet-balance__icon icon ion-ios-checkmark-outline"></i>
<div class="wallet-balance__content no-border">
<div class="wallet-balance__title">Available</div>
<span class="item-note text-right wallet-balance__amount">
<span class="wallet-balance__amount wallet-balance__amount--available">
{{status.spendableBalanceStr}}
</span>
<div>
<span class="wallet-balance__amount--alternative ng-binding">
{{status.spendableBalanceAlternative}} {{status.alternativeIsoCode}}
</span>
</div>
</span>
</div>
</div>
<div class="wallet-balance__description" translate>Confirming is the amount of bitcoin stored in this wallet with fewer than 3 block chain confirmations.</div>
<div class="wallet-balance__item item">
<i class="wallet-balance__icon icon ion-more"></i>
<div class="wallet-balance__content no-border">
<div class="wallet-balance__title">Confirming</div>
<span class="item-note text-right wallet-balance__amount">
<span class="wallet-balance__amount wallet-balance__amount--available">
{{status.pendingBalanceStr}}
</span>
<div>
<span class="wallet-balance__amount--alternative ng-binding">
{{status.pendingBalanceAlternative}} {{status.alternativeIsoCode}}
</span>
</div>
</span>
</div>
</div>
<div class="wallet-balance__description" translate>Locked is the amount of bitcoin stored in this wallet that is allocated as inputs to pending transaction proposals. This amount is determined using unspent transaction outputs associated with the wallet and may be more than the actual amounts associated with your pending transaction proposals.</div>
<div class="wallet-balance__item item">
<i class="wallet-balance__icon icon ion-ios-locked-outline"></i>
<div class="wallet-balance__content no-border">
<div class="wallet-balance__title">Locked</div>
<span class="item-note text-right wallet-balance__amount">
<span class="wallet-balance__amount wallet-balance__amount--available">
{{status.lockedBalanceStr}}
</span>
<div>
<span class="wallet-balance__amount--alternative ng-binding">
{{status.lockedBalanceAlternative}} {{status.alternativeIsoCode}}
</span>
</div>
</span>
</div>
</div>
</div>
</ion-content>
</ion-modal-view>