85 lines
No EOL
3.5 KiB
HTML
85 lines
No EOL
3.5 KiB
HTML
<ion-view id="view-amount" hide-tabs>
|
|
<ion-nav-bar class="bar-royal">
|
|
<ion-nav-title>
|
|
{{'Enter amount' | translate}}
|
|
</ion-nav-title>
|
|
<ion-nav-back-button ng-click="goBack()"></ion-nav-back-button>
|
|
</ion-nav-bar>
|
|
<ion-content scroll="false" style="background: #fff;">
|
|
|
|
<div ng-if="!customAmount && !nextStep" style="order: 0; position: relative;">
|
|
|
|
<div class="item send-amount">
|
|
<div ng-if="shapeshiftOrderId">
|
|
Minimum amount: {{minShapeshiftAmount}} <br/>
|
|
Maximum amount: {{maxShapeshiftAmount}} <br/>
|
|
</div>
|
|
<div class="send-amount-tool">
|
|
<div class="send-amount-tool-input amount">
|
|
<div class="primary-amount"
|
|
ng-class="{long: amountModel.amount.length > 5, 'very-long': amountModel.amount.length > 10}">
|
|
<span class="primary-amount-display">{{ amountModel.amount || 0 }}</span><span class="unit">{{unit}}</span>
|
|
</div>
|
|
<span ng-show="globalResult">{{globalResult}} {{unit}}</span>
|
|
<div class="alternative-amount">
|
|
<span>{{alternativeAmount || '0.00'}} {{alternativeUnit}}</span>
|
|
</div>
|
|
<div class="switch-currencies" ng-click="changeUnit()"><img src="img/icon-convert.svg"></div>
|
|
</div>
|
|
<div class="send-amount-actions text-center">
|
|
<button class="button button-sendmax" ng-click="sendMax()">
|
|
<span>
|
|
<i class="icon ion-ios-speedometer-outline"></i> 
|
|
<span translate>Send max amount</span>
|
|
</span>
|
|
</button>
|
|
<button class="button button-sendmax" ng-click="openPopup()">
|
|
<span>
|
|
<i class="icon ion-social-usd"></i> 
|
|
<span translate>Change currency</span>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="keypad-container" style="background: #fff; position: absolute; bottom: 0; margin-bottom: 57px; width: 100%;">
|
|
<div class="keypad" style="background: #f2f2f2; position: relative;">
|
|
|
|
<div class="row">
|
|
<div class="col digit" ng-click="pushDigit('7')">7</div>
|
|
<div class="col digit" ng-click="pushDigit('8')">8</div>
|
|
<div class="col digit" ng-click="pushDigit('9')">9</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col digit" ng-click="pushDigit('4')">4</div>
|
|
<div class="col digit" ng-click="pushDigit('5')">5</div>
|
|
<div class="col digit" ng-click="pushDigit('6')">6</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col digit" ng-click="pushDigit('1')">1</div>
|
|
<div class="col digit" ng-click="pushDigit('2')">2</div>
|
|
<div class="col digit" ng-click="pushDigit('3')">3</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col digit" ng-click="pushDigit('.')">.</div>
|
|
<div class="col digit" ng-click="pushDigit('0')">0</div>
|
|
<div class="col digit icon ion-backspace-outline" ng-click="removeDigit()"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button
|
|
class="button button-full button-primary no-margin"
|
|
ng-disabled="!allowSend"
|
|
ng-click="finish()"
|
|
style="position: absolute; bottom: 0;"
|
|
translate>
|
|
Next
|
|
</button>
|
|
</ion-content>
|
|
</ion-view> |