Refactor preferences-fee

src/js/controllers/preferencesFee.js

@@ -1,38 +1,47 @@
 'use strict';
 
-angular.module('copayApp.controllers').controller('preferencesFeeController', function($scope, $timeout, $ionicHistory, gettextCatalog, configService, feeService, ongoingProcess, popupService) {
-
-  ongoingProcess.set('gettingFeeLevels', true);
-  feeService.getFeeLevels(function(err, levels) {
-    ongoingProcess.set('gettingFeeLevels', false);
-    if (err) {
-      popupService.showAlert(gettextCatalog.getString('Error'), err);
-      return;
-    }
-    $scope.feeLevels = levels;
-    $scope.$apply();
-  });
+angular.module('copayApp.controllers').controller('preferencesFeeController', function($scope, $timeout, $ionicHistory, lodash, gettextCatalog, configService, feeService, ongoingProcess, popupService) { 
 
   $scope.save = function(newFee) {
     var opts = {
       wallet: {
         settings: {
-          feeLevel: newFee.level
+          feeLevel: newFee
         }
       }
     };
 
     configService.set(opts, function(err) {
       if (err) $log.debug(err);
-      $scope.currentFeeLevel = newFee.level;
+      $scope.currentFeeLevel = newFee;
+      updateCurrentValues();
       $timeout(function() {
         $scope.$apply();
       });
     });
   };
 
-  $scope.$on("$ionicView.enter", function(event, data) {
+  $scope.$on("$ionicView.beforeEnter", function(event, data) {
     $scope.feeOpts = feeService.feeOpts;
     $scope.currentFeeLevel = feeService.getCurrentFeeLevel();
+    $scope.loadingFee = true;
+    feeService.getFeeLevels(function(err, levels) {
+      $scope.loadingFee = false;
+      if (err) {
+        popupService.showAlert(gettextCatalog.getString('Error'), err);
+        return;
+      }
+      $scope.feeLevels = levels;
+      updateCurrentValues();
+      $scope.$apply();
+    });
   });
+
+  var updateCurrentValues = function() {
+    var feeLevelValue = lodash.find($scope.feeLevels['livenet'], {
+      level: $scope.currentFeeLevel
+    });
+    $scope.feePerKBUnit = feeLevelValue.feePerKBUnit;
+    $scope.avgConfirmationTime = feeLevelValue.nbBlocks * 10;
+  };
 });

src/sass/views/tab-settings.scss

@@ -138,11 +138,10 @@
   .estimates {
     font-size: 15px;
     color: $dark-gray;
+    margin-bottom: .5rem;
   }
   .fee-minutes, .fee-rate {
     font-weight: bold;
-    display: block;
-    margin-bottom: .5rem;
   }
   .fee-policies {
     border-color: #fff;