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

Space around amount, and added "Not Enough Funds" warning.

Browse source
This commit is contained in:
Brendon Duncan 2018-07-25 17:32:07 -07:00
commit e539f0e713
2 changed files with 35 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -244,6 +244,15 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
.send-amount-header-footer {
flex: 1 1 auto;
min-height: 10px;
.warning {
text-align:center;
}
}
.send-amount-tool { .send-amount-tool {
flex: 0 1 auto; flex: 0 1 auto;

43
www/views/amountNew.html
View file

@ -1,7 +1,7 @@
<ion-view id="view-amount-new" hide-tabs> <ion-view id="view-amount-new" hide-tabs>
<ion-nav-bar class="bar-royal"> <ion-nav-bar class="bar-royal">
<ion-nav-title> <ion-nav-title>
{{'Enter amount (New)' | translate}} {{'Enter Amount' | translate}}
</ion-nav-title> </ion-nav-title>
<ion-nav-back-button ng-click="vm.goBack()"></ion-nav-back-button> <ion-nav-back-button ng-click="vm.goBack()"></ion-nav-back-button>
</ion-nav-bar> </ion-nav-bar>
@ -9,10 +9,12 @@
<div style="order: 0; position: relative;"> <div style="order: 0; position: relative;">
<div class="item send-amount"> <div class="card item send-amount">
<div ng-if="vm.shapeshiftOrderId"> <div class="send-amount-header-footer">
Minimum amount: {{vm.minShapeshiftAmount}} <br/> <div ng-if="vm.shapeshiftOrderId">
Maximum amount: {{vm.maxShapeshiftAmount}} <br/> Minimum amount: {{vm.minShapeshiftAmount}} <br/>
Maximum amount: {{vm.maxShapeshiftAmount}} <br/>
</div>
</div> </div>
<div class="send-amount-tool"> <div class="send-amount-tool">
<div class="send-amount-tool-input amount"> <div class="send-amount-tool-input amount">
@ -26,22 +28,27 @@
</div> </div>
<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-actions text-center"> <div class="send-amount-header-footer">
<button class="button button-sendmax" ng-if="!vm.isRequestingSpecificAmount" ng-click="vm.sendMax()"> <div class="warning">
<span> Not enough available funds
<i class="icon ion-ios-speedometer-outline"></i>&emsp; </div>
<span translate>Send max amount</span>
</span>
</button>
<button class="button button-sendmax" ng-click="vm.openPopup()">
<span>
<i class="icon ion-social-usd"></i>&emsp;
<span translate>Change currency</span>
</span>
</button>
</div> </div>
</div> </div>
</div> </div>
<div class="send-amount-actions text-center">
<button class="button button-sendmax" ng-if="!vm.isRequestingSpecificAmount" ng-click="vm.sendMax()">
<span>
<i class="icon ion-ios-speedometer-outline"></i>&emsp;
<span translate>Send max amount</span>
</span>
</button>
<button class="button button-sendmax" ng-click="vm.openPopup()">
<span>
<i class="icon ion-social-usd"></i>&emsp;
<span translate>Change currency</span>
</span>
</button>
</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%;">