Activate caching for bitpay card

src/js/controllers/bitpayCard.js

@@ -6,13 +6,15 @@ angular.module('copayApp.controllers').controller('bitpayCardController', functi
   $scope.dateRange = 'last30Days';
   $scope.network = bitpayCardService.getEnvironment();
 
-  /*
-  bitpayCardService.getCacheData(function(err, data) {
-    if (err || lodash.isEmpty(data)) return;
-    self.bitpayCardTransactionHistory = data.transactions;
-    self.bitpayCardCurrentBalance = data.balance;
-  });
-  */
+  var getFromCache = function() {
+    bitpayCardService.getBitpayDebitCardsHistory($scope.cardId, function(err, data) {
+      if (err || lodash.isEmpty(data)) return;
+      $scope.historyCached = true;
+      self.bitpayCardTransactionHistory = data.transactions;
+      self.bitpayCardCurrentBalance = data.balance;
+      $scope.$apply();
+    });
+  };
 
   var setDateRange = function(preset) {
     var startDate, endDate;
@@ -54,10 +56,17 @@ angular.module('copayApp.controllers').controller('bitpayCardController', functi
       self.bitpayCardTransactionHistory = history.transactionList;
       self.bitpayCardCurrentBalance = history.currentCardBalance;
 
-      var cacheData = {
+      var cacheHistory = {
         balance: self.bitpayCardCurrentBalance,
         transactions: self.bitpayCardTransactionHistory
       };
+      bitpayCardService.setBitpayDebitCardsHistory($scope.cardId, cacheHistory, {}, function(err) {
+        if (err) $log.error(err);
+        $scope.historyCached = true;
+      });
+      $timeout(function() {
+        $scope.$apply();
+      });
     });
   };
 
@@ -93,6 +102,7 @@ angular.module('copayApp.controllers').controller('bitpayCardController', functi
       $state.go('tabs.home');
       popupService.showAlert(null, msg);
     } else {
+      getFromCache();
       self.update();
     }
   });

src/js/controllers/tab-home.js

@@ -206,12 +206,10 @@ angular.module('copayApp.controllers').controller('tabHomeController',
         if (err) return;
         $scope.bitpayCards = data.cards;
       });
-      /*
-      bitpayCardService.getCacheData(function(err, data) {
+      bitpayCardService.getBitpayDebitCardsHistory(null, function(err, data) {
         if (err ||  lodash.isEmpty(data)) return;
-        $scope.bitpayCard = data;
+        $scope.cardsHistory = data;
       });
-      */
     };
 
     $scope.onRefresh = function() {

src/js/services/bitpayCardService.js

@@ -278,6 +278,49 @@ angular.module('copayApp.services').factory('bitpayCardService', function($http,
     });
   };
 
+  root.getBitpayDebitCardsHistory = function(cardId, cb) {
+    _setCredentials();
+    storageService.getBitpayDebitCardsHistory(credentials.NETWORK, function(err, data) {
+      if (err) return cb(err);
+      if (lodash.isString(data)) {
+        data = JSON.parse(data);
+      }
+      data = data || {};
+      if (cardId) data = data[cardId];
+      return cb(null, data);
+    });
+  };
+
+  root.setBitpayDebitCardsHistory = function(cardId, data, opts, cb) {
+    _setCredentials();
+    storageService.getBitpayDebitCardsHistory(credentials.NETWORK, function(err, oldData) {
+      if (lodash.isString(oldData)) {
+        oldData = JSON.parse(oldData);
+      }
+      if (lodash.isString(data)) {
+        data = JSON.parse(data);
+      }
+      var inv = oldData || {};
+      inv[cardId] = data;
+      if (opts && opts.remove) {
+        delete(inv[cardId]);
+      }
+      inv = JSON.stringify(inv);
+
+      storageService.setBitpayDebitCardsHistory(credentials.NETWORK, inv, function(err) {
+        return cb(err);
+      });
+    });
+  };
+
+  root.removeBitpayDebitCardsHistory = function(cb) {
+    _setCredentials();
+    storageService.removeBitpayDebitCardsHistory(credentials.NETWORK, function(err) {
+      if (err) return cb(err);
+      return cb();
+    });
+  };
+
   root.logout = function(cb) {
     _setCredentials();
     storageService.removeBitpayDebitCards(credentials.NETWORK, function(err) {

src/js/services/storageService.js

@@ -325,16 +325,16 @@ angular.module('copayApp.services')
       storage.remove('coinbaseTxs-' + network, cb);
     };
 
-    root.setBitpayCard = function(network, data, cb) {
-      storage.set('bitpayCard-' + network, data, cb);
+    root.setBitpayDebitCardsHistory = function(network, data, cb) {
+      storage.set('bitpayDebitCardsHistory-' + network, data, cb);
     };
 
-    root.getBitpayCard = function(network, cb) {
-      storage.get('bitpayCard-' + network, cb);
+    root.getBitpayDebitCardsHistory = function(network, cb) {
+      storage.get('bitpayDebitCardsHistory-' + network, cb);
     };
 
-    root.removeBitpayCard = function(network, cb) {
-      storage.remove('bitpayCard-' + network, cb);
+    root.removeBitpayDebitCardsHistory = function(network, cb) {
+      storage.remove('bitpayDebitCardsHistory-' + network, cb);
     };
 
     root.setBitpayDebitCards = function(network, data, cb) {

www/views/tab-home.html

@@ -78,40 +78,41 @@
               {{wallet.m}}-of-{{wallet.n}}
             </span>
           </span>
-          <p>
-          <span ng-if="!wallet.isComplete()" class="assertive" translate>
-            Incomplete
-          </span>
-          <span ng-if="wallet.isComplete()">
-            <span ng-if="!wallet.balanceHidden">{{wallet.status.availableBalanceStr}}</span>
-            <span ng-if="wallet.balanceHidden" translate>[Balance Hidden]</span>
-          </span>
-          &nbsp;
-          </p>
-          <i class="icon bp-arrow-right"></i>
-        </a>
-        <a ng-repeat="card in bitpayCards"
-           ui-sref="tabs.bitpayCard({id:card.id})"
-           ng-if="bitpayCardEnabled && bitpayCards[0]"
-           class="item item-icon-left item-big-icon-left item-icon-right">
-          <i class="icon big-icon-svg">
-            <div class="bg icon-bitpay-card"></div>
-          </i>
-          <h2>BitPay Visa&reg; Card</h2>
-          <p>{{card.lastFourDigits}}</p>
-          <i class="icon bp-arrow-right"></i>
-        </a>
-        <a ui-sref="tabs.bitpayCardIntro"
-           ng-if="bitpayCardEnabled && !bitpayCards[0]"
-           class="item item-icon-left item-big-icon-left item-icon-right">
-          <i class="icon big-icon-svg">
-            <div class="bg icon-bitpay-card"></div>
-          </i>
-          <h2>BitPay Visa&reg; Card</h2>
-          <p translate>Add your cards</p>
-          <i class="icon bp-arrow-right"></i>
-        </a>
-      </div>
+        </span>
+
+        <p>
+        <span ng-if="!wallet.isComplete()" class="assertive" translate>
+          Incomplete
+        </span>
+        <span ng-if="wallet.isComplete()">
+          <span ng-if="!wallet.balanceHidden">{{wallet.status.availableBalanceStr}}</span>
+          <span ng-if="wallet.balanceHidden" translate>[Balance Hidden]</span>
+        </span>
+        &nbsp;
+        </p>
+        <i class="icon bp-arrow-right"></i>
+      </a>
+      <a ng-repeat="card in bitpayCards"
+         ui-sref="tabs.bitpayCard({id:card.id})"
+         ng-if="bitpayCardEnabled && bitpayCards[0]"
+         class="item item-icon-left item-big-icon-left item-icon-right">
+        <i class="icon big-icon-svg">
+          <div class="bg icon-bitpay-card"></div>
+        </i>
+        <h2>BitPay Visa&reg; Card</h2>
+        <p>{{!cardsHistory[card.id].balance ? '$' + cardsHistory[card.id].balance : 'Add funds to get started'|translate}}</p>
+        <i class="icon bp-arrow-right"></i>
+      </a>
+      <a ui-sref="tabs.bitpayCardIntro"
+         ng-if="bitpayCardEnabled && !bitpayCards[0]"
+         class="item item-icon-left item-big-icon-left item-icon-right">
+        <i class="icon big-icon-svg">
+          <div class="bg icon-bitpay-card"></div>
+        </i>
+        <h2>BitPay Visa&reg; Card</h2>
+        <p translate>Add your cards</p>
+        <i class="icon bp-arrow-right"></i>
+      </a>
     </div>
 
     <div class="list card" ng-if="wallets[0] && externalServices.BuyAndSell && (glideraEnabled || coinbaseEnabled)">