anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Warning colour for insufficient funds.

Browse source
This commit is contained in:
Brendon Duncan 2018-07-28 19:20:12 -07:00
commit 9781f90f2b
3 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/js/controllers/amount.js
View file

@ -12,6 +12,7 @@ function amountController(configService, $filter, $ionicHistory, $ionicModal, $i
vm.amountModel = { amount: 0 }; vm.amountModel = { amount: 0 };
vm.availableFunds = '251.00 USD'; vm.availableFunds = '251.00 USD';
vm.fromWalletId = ''; vm.fromWalletId = '';
vm.fundsAreInsufficient = true;
vm.globalResult = ''; vm.globalResult = '';
vm.isRequestingSpecificAmount = false; vm.isRequestingSpecificAmount = false;
vm.listComplete = false; vm.listComplete = false;

6
src/sass/views/amountNew.scss
View file

@ -377,10 +377,14 @@
justify-content: space-between; justify-content: space-between;
margin: 0 14px; margin: 0 14px;
.availableFunds { .available-funds {
color: #6F6F70; color: #6F6F70;
} }
.warning {
color: $v-warning-color-2;
}
.extra, .extra,
button.extra { button.extra {
display: flex; display: flex;

8
www/views/amountNew.html
View file

@ -29,7 +29,7 @@
<div class="switch-currencies" ng-click="vm.changeUnit()"><img src="img/icon-convert.svg"></div> <div class="switch-currencies" ng-click="vm.changeUnit()"><img src="img/icon-convert.svg"></div>
</div> </div>
<div class="send-amount-header-footer"> <div class="send-amount-header-footer">
<div class="warning"> <div class="warning" ng-show="vm.fundsAreInsufficient">
Not enough available funds Not enough available funds
</div> </div>
</div> </div>
@ -44,15 +44,15 @@
<span translate>Change Currency</span> <span translate>Change Currency</span>
</span> </span>
</button> </button>
<div class="extra availableFunds" translate> <div class="extra available-funds" ng-class="{warning: vm.fundsAreInsufficient}" translate>
Available Funds: {{vm.availableFunds}}</span> Available Funds: {{vm.availableFunds}}</span>
</div> </div>
</div> </div>
</div> </div>
<div class="keypad-container" style="background: #fff; position: absolute; bottom: 0; margin-bottom: 57px; width: 100%;"> <div class="keypad-container" style="background: #fff; position: absolute; bottom: 0; margin-bottom: 57px; width: 100%;">
<div class="sendmax"> <div class="sendmax" ng-if="vm.availableFunds && !vm.isRequestingSpecificAmount">
<button class="button button-sendmax" ng-if="!vm.isRequestingSpecificAmount" ng-click="vm.sendMax()"> <button class="button button-sendmax" ng-click="vm.sendMax()">
<span> <span>
<span translate>Use All Available Funds</span>&ensp; <span translate>Use All Available Funds</span>&ensp;
<span class="available-funds-amount">({{vm.availableFunds}})</span> <span class="available-funds-amount">({{vm.availableFunds}})</span>