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

Revert "use ios and android keyboard for entering amount"

Browse source 
This reverts commit a399023e00.
This commit is contained in:
Kadir Sekha 2017-12-20 14:42:49 +00:00
commit 2fb7a08be4
2 changed files with 68 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -18,11 +18,7 @@ angular.module('copayApp.controllers').controller('amountController', function($
var fixedUnit; var fixedUnit;
$scope.amountModel = { amount: 0 };
$scope.isChromeApp = platformInfo.isChromeApp; $scope.isChromeApp = platformInfo.isChromeApp;
$scope.isAndroid = platformInfo.isAndroid;
$scope.isIos = platformInfo.isIOS;
$scope.$on('$ionicView.leave', function() { $scope.$on('$ionicView.leave', function() {
angular.element($window).off('keydown'); angular.element($window).off('keydown');
@ -34,6 +30,7 @@ angular.module('copayApp.controllers').controller('amountController', function($
$scope.minShapeshiftAmount = parseFloat(data.stateParams.minShapeshiftAmount); $scope.minShapeshiftAmount = parseFloat(data.stateParams.minShapeshiftAmount);
$scope.maxShapeshiftAmount = parseFloat(data.stateParams.maxShapeshiftAmount); $scope.maxShapeshiftAmount = parseFloat(data.stateParams.maxShapeshiftAmount);
$scope.shapeshiftOrderId = data.stateParams.shapeshiftOrderId; $scope.shapeshiftOrderId = data.stateParams.shapeshiftOrderId;
//console.log($scope.shapeshiftOrderId);
} }
var config = configService.getSync().wallet.settings; var config = configService.getSync().wallet.settings;
@ -139,28 +136,25 @@ angular.module('copayApp.controllers').controller('amountController', function($
var reNr = /^[1234567890\.]$/; var reNr = /^[1234567890\.]$/;
var reOp = /^[\*\+\-\/]$/; var reOp = /^[\*\+\-\/]$/;
if (!$scope.isAndroid && !$scope.isIos) { var disableKeys = angular.element($window).on('keydown', function(e) {
var disableKeys = angular.element($window).on('keydown', function(e) { if (!e.key) return;
if (!e.key) return; if (e.which === 8) { // you can add others here inside brackets.
if (e.which === 8) { // you can add others here inside brackets. e.preventDefault();
e.preventDefault(); $scope.removeDigit();
$scope.removeDigit(); }
}
if (e.key.match(reNr)) { if (e.key.match(reNr)) {
$scope.pushDigit(e.key); $scope.pushDigit(e.key);
} else if (e.key.match(reOp)) { } else if (e.key.match(reOp)) {
$scope.pushOperator(e.key); $scope.pushOperator(e.key);
} else if (e.keyCode === 86) { } else if (e.keyCode === 86) {
if (e.ctrlKey || e.metaKey) processClipboard(); if (e.ctrlKey || e.metaKey) processClipboard();
} else if (e.keyCode === 13) $scope.finish(); } else if (e.keyCode === 13) $scope.finish();
$timeout(function() { $timeout(function() {
$scope.$apply(); $scope.$apply();
});
}); });
} });
$scope.specificAmount = $scope.specificAlternativeAmount = ''; $scope.specificAmount = $scope.specificAlternativeAmount = '';
$scope.isCordova = platformInfo.isCordova; $scope.isCordova = platformInfo.isCordova;
unitToSatoshi = config.unitToSatoshi; unitToSatoshi = config.unitToSatoshi;
@ -172,10 +166,10 @@ angular.module('copayApp.controllers').controller('amountController', function($
// in SAT ALWAYS // in SAT ALWAYS
if ($stateParams.toAmount) { if ($stateParams.toAmount) {
$scope.amountModel.amount = (($stateParams.toAmount) * satToUnit).toFixed(unitDecimals); $scope.amount = (($stateParams.toAmount) * satToUnit).toFixed(unitDecimals);
} }
$scope.processAmount(); processAmount();
$timeout(function() { $timeout(function() {
$ionicScrollDelegate.resize(); $ionicScrollDelegate.resize();
@ -196,8 +190,8 @@ angular.module('copayApp.controllers').controller('amountController', function($
} }
function paste(value) { function paste(value) {
$scope.amountModel.amount = value; $scope.amount = value;
$scope.processAmount(); processAmount();
$timeout(function() { $timeout(function() {
$scope.$apply(); $scope.$apply();
}); });
@ -221,8 +215,8 @@ angular.module('copayApp.controllers').controller('amountController', function($
$scope.toggleAlternative = function() { $scope.toggleAlternative = function() {
if ($scope.amountModel.amount && isExpression($scope.amountModel.amount)) { if ($scope.amount && isExpression($scope.amount)) {
var amount = evaluate(format($scope.amountModel.amount)); var amount = evaluate(format($scope.amount));
$scope.globalResult = '= ' + processResult(amount); $scope.globalResult = '= ' + processResult(amount);
} }
}; };
@ -231,7 +225,7 @@ angular.module('copayApp.controllers').controller('amountController', function($
$scope.unit = availableUnits[unitIndex].shortName; $scope.unit = availableUnits[unitIndex].shortName;
$scope.alternativeUnit = availableUnits[altUnitIndex].shortName; $scope.alternativeUnit = availableUnits[altUnitIndex].shortName;
$scope.processAmount(); processAmount();
$log.debug('Update unit coin @amount unit:' + $scope.unit + " alternativeUnit:" + $scope.alternativeUnit); $log.debug('Update unit coin @amount unit:' + $scope.unit + " alternativeUnit:" + $scope.alternativeUnit);
}; };
@ -273,23 +267,23 @@ angular.module('copayApp.controllers').controller('amountController', function($
}; };
function checkFontSize() { function checkFontSize() {
if ($scope.amountModel.amount && $scope.amountModel.amount.length >= SMALL_FONT_SIZE_LIMIT) $scope.smallFont = true; if ($scope.amount && $scope.amount.length >= SMALL_FONT_SIZE_LIMIT) $scope.smallFont = true;
else $scope.smallFont = false; else $scope.smallFont = false;
}; };
$scope.pushDigit = function(digit) { $scope.pushDigit = function(digit) {
if ($scope.amountModel.amount && $scope.amountModel.amount.length >= LENGTH_EXPRESSION_LIMIT) return; if ($scope.amount && $scope.amount.length >= LENGTH_EXPRESSION_LIMIT) return;
if (!$scope.isAndroid && !$scope.isIos && $scope.amountModel.amount.indexOf('.') > -1 && digit == '.') return; if ($scope.amount.indexOf('.') > -1 && digit == '.') return;
if (availableUnits[unitIndex].isFiat && $scope.amountModel.amount.indexOf('.') > -1 && $scope.amountModel.amount[$scope.amountModel.amount.indexOf('.') + 2]) return; if (availableUnits[unitIndex].isFiat && $scope.amount.indexOf('.') > -1 && $scope.amount[$scope.amount.indexOf('.') + 2]) return;
$scope.amountModel.amount = ($scope.amountModel.amount + digit).replace('..', '.'); $scope.amount = ($scope.amount + digit).replace('..', '.');
checkFontSize(); checkFontSize();
$scope.processAmount(); processAmount();
}; };
$scope.pushOperator = function(operator) { $scope.pushOperator = function(operator) {
if (!$scope.amountModel.amount || $scope.amountModel.amount.length == 0) return; if (!$scope.amount || $scope.amount.length == 0) return;
$scope.amountModel.amount = _pushOperator($scope.amountModel.amount); $scope.amount = _pushOperator($scope.amount);
function _pushOperator(val) { function _pushOperator(val) {
if (!isOperator(lodash.last(val))) { if (!isOperator(lodash.last(val))) {
@ -311,26 +305,26 @@ angular.module('copayApp.controllers').controller('amountController', function($
}; };
$scope.removeDigit = function() { $scope.removeDigit = function() {
$scope.amountModel.amount = ($scope.amountModel.amount).toString().slice(0, -1); $scope.amount = ($scope.amount).toString().slice(0, -1);
$scope.processAmount(); processAmount();
checkFontSize(); checkFontSize();
}; };
$scope.resetAmount = function() { $scope.resetAmount = function() {
$scope.amountModel.amount = $scope.alternativeAmount = $scope.globalResult = ''; $scope.amount = $scope.alternativeAmount = $scope.globalResult = '';
$scope.allowSend = false; $scope.allowSend = false;
checkFontSize(); checkFontSize();
}; };
$scope.processAmount = function() { function processAmount() {
var formatedValue = format($scope.amountModel.amount); var formatedValue = format($scope.amount);
var result = evaluate(formatedValue); var result = evaluate(formatedValue);
$scope.allowSend = lodash.isNumber(result) && +result > 0 $scope.allowSend = lodash.isNumber(result) && +result > 0
&& (!$scope.shapeshiftOrderId && (!$scope.shapeshiftOrderId
|| (result >= $scope.minShapeshiftAmount && result <= $scope.maxShapeshiftAmount)); || (result >= $scope.minShapeshiftAmount && result <= $scope.maxShapeshiftAmount));
if (lodash.isNumber(result)) { if (lodash.isNumber(result)) {
$scope.globalResult = isExpression($scope.amountModel.amount) ? '= ' + processResult(result) : ''; $scope.globalResult = isExpression($scope.amount) ? '= ' + processResult(result) : '';
if (availableUnits[unitIndex].isFiat) { if (availableUnits[unitIndex].isFiat) {
@ -390,7 +384,7 @@ angular.module('copayApp.controllers').controller('amountController', function($
$scope.finish = function() { $scope.finish = function() {
var unit = availableUnits[unitIndex]; var unit = availableUnits[unitIndex];
var _amount = evaluate(format($scope.amountModel.amount)); var _amount = evaluate(format($scope.amount));
var coin = unit.id; var coin = unit.id;
if (unit.isFiat) { if (unit.isFiat) {
coin = availableUnits[altUnitIndex].id; coin = availableUnits[altUnitIndex].id;

81
www/views/amount.html
View file

@ -11,6 +11,7 @@
</button> </button>
</ion-nav-buttons> </ion-nav-buttons>
</ion-nav-bar> </ion-nav-bar>
<ion-content scroll="false"> <ion-content scroll="false">
<div ng-if="!customAmount && !nextStep"> <div ng-if="!customAmount && !nextStep">
@ -36,51 +37,40 @@
</div> </div>
<div ng-class="{'amount-pane-recipient': !customAmount && !nextStep, <div ng-class="{'amount-pane-recipient': !customAmount && !nextStep,
'amount-pane-no-recipient': customAmount || nextStep}"> 'amount-pane-no-recipient': customAmount || nextStep}">
<div class="amount-bar oh"> <div class="amount-bar oh">
<div class="title"> <div class="title">
<span translate>Amount</span> <span translate>Amount</span>
</div>
</div>
<div ng-if="shapeshiftOrderId">
Minimum amount: {{minShapeshiftAmount}} <br/>
Maximum amount: {{maxShapeshiftAmount}}
</div>
<div class="amount">
<div ng-show="!isAndroid && !isIos" class="amount__editable" ng-class="{'amount__editable--minimize': smallFont, 'amount__editable--standard': !smallFont, 'amount__editable--placeholder': !amountModel.amount}">
<span class="amount__number">{{amountModel.amount || "0.00" }}</span>
<a class="amount__currency-toggle" ng-click="changeUnit()">{{unit}}</a>
</div>
<div ng-show="isAndroid || isIos" class="amount__editable" ng-class="{'amount__editable--minimize': smallFont, 'amount__editable--standard': !smallFont, 'amount__editable--placeholder': !amountModel.amount}">
<span style="display:inline;">
<input class="amount__number" style="float:left;" type="number" ng-model="amountModel.amount" ng-change="processAmount()" placeholder="Enter amount">
<a class="amount__currency-toggle" style="float:left;" ng-click="changeUnit()">{{unit}}</a>
</span>
</div>
<div ng-class="{'amount__results--minimize': smallFont, 'amount__results--standard': !smallFont, 'amount__results--placeholder': amountResult}" ng-click="changeAlternativeUnit()">
<div class="amount__result" ng-show="globalResult">{{globalResult}} {{unit}}</div>
<div class="amount__result-equiv" ng-show="alternativeAmount">&asymp; {{alternativeAmount || '0.00'}} {{alternativeUnit}}</div>
<div class="amount__result-equiv" ng-show="!alternativeAmount">&nbsp;</div>
</div>
<div ng-show="isAndroid || isIos">
<button class="button button-standard button-primary" ng-disabled="!allowSend" ng-click="finish()">
Send
</button>
</div>
</div>
<div ng-show="!isAndroid && !isIos">
<div class="keypad">
<div class="row">
<div class="col col-25 col-offset-75 operator-send"
ng-show="allowSend" ng-click="finish()">
<i class="icon ion-ios-arrow-thin-right"></i>
</div> </div>
</div> </div>
<div ng-if="shapeshiftOrderId">
Minimum amount: {{minShapeshiftAmount}} <br/>
Maximum amount: {{maxShapeshiftAmount}}
</div>
<div class="amount">
<div class="amount__editable" ng-class="{'amount__editable--minimize': smallFont, 'amount__editable--standard': !smallFont, 'amount__editable--placeholder': !amount}">
<span class="amount__number">{{amount || "0.00" }}</span>
<a class="amount__currency-toggle" ng-click="changeUnit()">{{unit}}</a>
</div>
<div ng-class="{'amount__results--minimize': smallFont, 'amount__results--standard': !smallFont, 'amount__results--placeholder': amountResult}" ng-click="changeAlternativeUnit()">
<div class="amount__result" ng-show="globalResult">{{globalResult}} {{unit}}</div>
<div class="amount__result-equiv" ng-show="alternativeAmount">&asymp; {{alternativeAmount || '0.00'}} {{alternativeUnit}}</div>
<div class="amount__result-equiv" ng-show="!alternativeAmount">&nbsp;</div>
</div>
</div>
</div>
<div class="keypad">
<div class="row">
<div class="col col-25 col-offset-75 operator-send"
ng-show="allowSend" ng-click="finish()">
<i class="icon ion-ios-arrow-thin-right"></i>
</div>
</div>
<div class="row"> <div class="row">
<div class="col digit" ng-click="pushDigit('7')">7</div> <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('8')">8</div>
@ -109,10 +99,9 @@
<div class="col operator" ng-click="pushOperator('-')">&minus;</div> <div class="col operator" ng-click="pushOperator('-')">&minus;</div>
</div> </div>
</div> </div>
</ion-content> </ion-content>
<item-selector <item-selector
item-selector-show="showSendMax" item-selector-show="showSendMax"
item-selector-on-select="sendMax"> item-selector-on-select="sendMax">
</item-selector> </item-selector>
</ion-view> </ion-view>