Merge pull request #1228 from eordano/feature/fiat

Allow user to select an alternative currency and specify amount of money in a fiat currency

js/controllers/send.js

@@ -2,14 +2,67 @@
 var bitcore = require('bitcore');
 
 angular.module('copayApp.controllers').controller('SendController',
-  function($scope, $rootScope, $window, $timeout, $anchorScroll, $modal, isMobile, notification, controllerUtils) {
+  function($scope, $rootScope, $window, $timeout, $anchorScroll, $modal, isMobile, notification, controllerUtils, rateService) {
     $scope.title = 'Send';
     $scope.loading = false;
     var satToUnit = 1 / config.unitToSatoshi;
     $scope.defaultFee = bitcore.TransactionBuilder.FEE_PER_1000B_SAT * satToUnit;
     $scope.unitToBtc = config.unitToSatoshi / bitcore.util.COIN;
+    $scope.unitToSatoshi = config.unitToSatoshi;
     $scope.minAmount = config.limits.minAmountSatoshi * satToUnit;
 
+    $scope.alternativeName = config.alternativeName;
+    $scope.alternativeIsoCode = config.alternativeIsoCode;
+
+    $scope.isRateAvailable = false;
+    $scope.rateService = rateService;
+
+    rateService.whenAvailable(function() {
+      $scope.isRateAvailable = true;
+      $scope.$digest();
+    });
+
+    /**
+     * Setting the two related amounts as properties prevents an infinite
+     * recursion for watches while preserving the original angular updates
+     */
+    Object.defineProperty($scope,
+      "alternative", {
+      get: function () {
+        return this._alternative;
+      },
+      set: function (newValue) {
+        this._alternative = newValue;
+        if (typeof(newValue) === 'number' && $scope.isRateAvailable) {
+          this._amount = Number.parseFloat(
+            (rateService.fromFiat(newValue, config.alternativeIsoCode) * satToUnit
+          ).toFixed(config.unitDecimals), 10);
+        } else {
+          this._amount = 0;
+        }
+      },
+      enumerable: true,
+      configurable: true
+    });
+    Object.defineProperty($scope,
+      "amount", {
+      get: function () {
+        return this._amount;
+      },
+      set: function (newValue) {
+        this._amount = newValue;
+        if (typeof(newValue) === 'number' && $scope.isRateAvailable) {
+          this._alternative = Number.parseFloat(
+            (rateService.toFiat(newValue * config.unitToSatoshi, config.alternativeIsoCode)
+          ).toFixed(2), 10);
+        } else {
+          this._alternative = 0;
+        }
+      },
+      enumerable: true,
+      configurable: true
+    });
+
     $scope.loadTxs = function() {
       var opts = {
         pending: true,

js/controllers/settings.js

@@ -1,6 +1,6 @@
 'use strict';
 
-angular.module('copayApp.controllers').controller('SettingsController', function($scope, $rootScope, $window, $location, controllerUtils) {
+angular.module('copayApp.controllers').controller('SettingsController', function($scope, $rootScope, $window, $location, controllerUtils, rateService) {
 
   controllerUtils.redirIfLogged();
   $scope.title = 'Settings';
@@ -14,21 +14,41 @@ angular.module('copayApp.controllers').controller('SettingsController', function
   $scope.unitOpts = [{
     name: 'Satoshis (100,000,000 satoshis = 1BTC)',
     shortName: 'SAT',
-    value: 1
+    value: 1,
+    decimals: 0
   }, {
     name: 'bits (1,000,000 bits = 1BTC)',
     shortName: 'bits',
-    value: 100
+    value: 100,
+    decimals: 2
   }, {
     name: 'mBTC (1,000 mBTC = 1BTC)',
     shortName: 'mBTC',
-    value: 100000
+    value: 100000,
+    decimals: 5
   }, {
     name: 'BTC',
     shortName: 'BTC',
-    value: 100000000
+    value: 100000000,
+    decimals: 8
   }];
 
+  $scope.selectedAlternative = {
+    name: config.alternativeName,
+    isoCode: config.alternativeIsoCode
+  };
+  $scope.alternativeOpts = rateService.isAvailable ?
+    rateService.listAlternatives() : [$scope.selectedAlternative];
+
+  rateService.whenAvailable(function() {
+    $scope.alternativeOpts = rateService.listAlternatives();
+    for (var ii in $scope.alternativeOpts) {
+      if (config.alternativeIsoCode === $scope.alternativeOpts[ii].isoCode) {
+        $scope.selectedAlternative = $scope.alternativeOpts[ii];
+      }
+    }
+  });
+
   for (var ii in $scope.unitOpts) {
     if (config.unitName === $scope.unitOpts[ii].shortName) {
       $scope.selectedUnit = $scope.unitOpts[ii];
@@ -68,7 +88,11 @@ angular.module('copayApp.controllers').controller('SettingsController', function
       disableVideo: $scope.disableVideo,
       unitName: $scope.selectedUnit.shortName,
       unitToSatoshi: $scope.selectedUnit.value,
-      version: copay.version,
+      unitDecimals: $scope.selectedUnit.decimals,
+      alternativeName: $scope.selectedAlternative.name,
+      alternativeIsoCode: $scope.selectedAlternative.isoCode,
+
+      version: copay.version
     }));
 
     // Go home reloading the application