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

use radio buttons - refactor

Browse source
This commit is contained in:
JDonadio 2017-04-04 15:14:42 -03:00
commit b6f8013880
2 changed files with 86 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

137
src/js/controllers/lock.js
View file

@ -1,18 +1,38 @@
'use strict';
angular.module('copayApp.controllers').controller('lockController', function($state, $scope, $timeout, $log, configService, popupService, gettextCatalog, appConfigService, fingerprintService, profileService, lodash) {
var NONE = 'none';
var PIN = 'pin';
var FINGERPRINT = 'fingerprint';
$scope.$on("$ionicView.beforeEnter", function(event) {
var config = configService.getSync();
$scope.fingerprintAvailable = fingerprintService.isAvailable();
$scope.locking = config.lock.method != PIN;
$scope.usePin = {
enabled: config.lock && config.lock.method == 'pin' ? true : false
};
$scope.useFingerprint = {
enabled: config.lock && config.lock.method == 'fingerprint' ? true : false
};
$scope.options = [
{
method: NONE,
label: gettextCatalog.getString('Disabled'),
value: config.lock.method == '',
},
{
method: PIN,
label: gettextCatalog.getString('Enable PIN'),
value: config.lock.method == PIN,
needsBackup: null,
},
];
if (fingerprintService.isAvailable()) {
$scope.options.push({
method: FINGERPRINT,
label: gettextCatalog.getString('Enable Fingerprint'),
value: config.lock.method == FINGERPRINT,
needsBackup: null,
});
}
$scope.currentOption = lodash.find($scope.options, 'value');
processWallets();
});
@ -25,66 +45,73 @@ angular.module('copayApp.controllers').controller('lockController', function($st
if (singleLivenetWallet) {
$scope.errorMsg = gettextCatalog.getString('Backup your wallet before using this function');
disableOptsUntilBackup();
} else if (atLeastOneLivenetWallet) {
$scope.errorMsg = gettextCatalog.getString('Backup all livenet wallets before using this function');
} else $scope.errorMsg = null;
disableOptsUntilBackup();
} else {
enableOptsAfterBackup();
$scope.errorMsg = null;
}
function enableOptsAfterBackup() {
$scope.options[1].needsBackup = false;
if ($scope.options[2]) $scope.options[2].needsBackup = false;
};
function disableOptsUntilBackup() {
$scope.options[1].needsBackup = true;
if ($scope.options[2]) $scope.options[2].needsBackup = true;
};
$timeout(function() {
$scope.$apply();
});
};
$scope.usePinChange = function() {
$scope.usePin.enabled = !$scope.usePin.enabled;
$state.transitionTo('tabs.lock.pin', {
fromSettings: true,
locking: !$scope.usePin.enabled
}).then(function() {
$timeout(function() {
$scope.usePin.enabled = !$scope.usePin.enabled;
}, 1000);
$scope.select = function(method) {
if (method == NONE)
saveConfig();
else if (method == FINGERPRINT) {
var config = configService.getSync();
if (config.lock.method == PIN) {
askForDisablePin(function(disablePin) {
if (disablePin) saveConfig(FINGERPRINT);
});
} else saveConfig(FINGERPRINT);
} else if (method == PIN) {
$state.transitionTo('tabs.lock.pin', {
fromSettings: true,
locking: $scope.locking
});
}
$timeout(function() {
$scope.$apply();
});
};
$scope.useFingerprintChange = function() {
if ($scope.usePin.enabled) {
var message = gettextCatalog.getString('{{appName}} is protected by Pin. Are you sure you want to disable it?', {
appName: appConfigService.nameCase
});
var okText = gettextCatalog.getString('Continue');
var cancelText = gettextCatalog.getString('Cancel');
popupService.showConfirm(null, message, okText, cancelText, function(ok) {
if (!ok) {
$scope.useFingerprint = {
enabled: false
};
$timeout(function() {
$scope.$apply();
});
return;
}
saveConfig();
});
} else
saveConfig();
function askForDisablePin(cb) {
var message = gettextCatalog.getString('{{appName}} is protected by Pin. Are you sure you want to disable it?', {
appName: appConfigService.nameCase
});
var okText = gettextCatalog.getString('Continue');
var cancelText = gettextCatalog.getString('Cancel');
popupService.showConfirm(null, message, okText, cancelText, function(ok) {
if (!ok) return cb(false);
return cb(true);
});
};
function saveConfig() {
$scope.usePin = {
enabled: false
};
$timeout(function() {
$scope.$apply();
});
var opts = {
lock: {
method: $scope.useFingerprint.enabled ? 'fingerprint' : '',
value: '',
}
};
configService.set(opts, function(err) {
if (err) $log.debug(err);
});
function saveConfig(method) {
var opts = {
lock: {
method: method || '',
value: '',
}
};
configService.set(opts, function(err) {
if (err) $log.debug(err);
});
};
});

14
www/views/lock.html
View file

@ -6,17 +6,11 @@
</ion-nav-bar>
<ion-content>
<ion-toggle ng-model="usePin.enabled" toggle-class="toggle-balanced" ng-change="usePinChange()" ng-disabled="errorMsg && !usePin.enabled">
<span class="toggle-label" ng-class="{'disabled': errorMsg && !usePin.enabled}" translate>Enable Pin</span>
</ion-toggle>
<ion-radio ng-repeat="opt in options" ng-value="opt" ng-model="currentOption" ng-click="select(opt.method)" ng-disabled="opt.needsBackup">
<span ng-class="{'disabled': opt.needsBackup}" translate>{{opt.label}}</span>
</ion-radio>
<div ng-show="fingerprintAvailable">
<ion-toggle ng-model="useFingerprint.enabled" toggle-class="toggle-balanced" ng-change="useFingerprintChange()" ng-disabled="errorMsg && !useFingerprint.enabled">
<span class="toggle-label" ng-class="{'disabled': errorMsg && !useFingerprint.enabled}" translate>Enable Fingerprint</span>
</ion-toggle>
</div>
<div class="assertive" style="text-align: center; margin: 4rem" ng-if="errorMsg && !usePin.enabled && !useFingerprint.enabled">
<div class="assertive" style="text-align: center; margin: 4rem" ng-if="errorMsg">
{{errorMsg}}
</div>
</ion-content>