From 55dc423db070ef7de0c37df9b5b2b2fb166e50a5 Mon Sep 17 00:00:00 2001
From: Javier <javier@bitpay.com>
Date: Tue, 22 Mar 2016 16:37:55 -0300
Subject: [PATCH] Fix remaining time paypro

---
 public/views/modals/txp-details.html |  4 +-
 public/views/walletHome.html         |  8 ++--
 src/js/controllers/walletHome.js     | 58 ++++++++++++++--------------
 3 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/public/views/modals/txp-details.html b/public/views/modals/txp-details.html
index 595f4b563..847585874 100644
--- a/public/views/modals/txp-details.html
+++ b/public/views/modals/txp-details.html
@@ -54,7 +54,7 @@
       <div class="large-6 medium-6 small-6 columns text-right" ng-show="canSign">
         <button class="button primary round expand" ng-click="sign(tx)"
                                                     ng-style="{'background-color':color}"
-                                                    ng-disabled="loading || (paymentExpired && usePaypro)">
+                                                    ng-disabled="loading || paymentExpired">
           <i class="fi-check"></i>
           <span translate>Accept</span>
         </button>
@@ -149,7 +149,7 @@
       <li class="line-b p10" ng-if="!paymentExpired">
         <span class="text-gray" translate>Expires</span>
         <span class="right">
-          <time>{{expires * 1000 | amTimeAgo }}</time>
+          <time>{{expires}}</time>
         </span>
       </li>
       <li class="line-b p10">
diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index dc3e4875a..cebf7229c 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -279,13 +279,13 @@
           <a class="text-gray size-12"
              ng-show="index.historyShowMore"
              ng-click="index.showMore()">
-            <span translate>Show more</span> 
+            <span translate>Show more</span>
             <span ng-if="!index.isSearching">
               ({{index.completeHistory.length - index.txHistory.length}})
-            </span> 
+            </span>
             <span ng-if="index.isSearching">
               ({{index.result.length - index.txHistorySearchResults.length}})
-            </span> 
+            </span>
             <i class="icon-arrow-down4"></i>
           </a>
         </div>
@@ -394,7 +394,7 @@
           </a>
           <div ng-show="!home.paymentExpired && home._paypro">
             <span translate>Payment expires</span>
-            <time> {{home.timeToExpire * 1000 | amTimeAgo}}</time>
+            <time> {{home.remainingTimeStr}}</time>
           </div>
         </h4>
         <div class="camera-icon" ng-show="index.isComplete">
diff --git a/src/js/controllers/walletHome.js b/src/js/controllers/walletHome.js
index 0cf5c7cc9..01a15c929 100644
--- a/src/js/controllers/walletHome.js
+++ b/src/js/controllers/walletHome.js
@@ -336,23 +336,26 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
           }, function(err, paypro) {
             if (err) return;
             tx.paypro = paypro;
-            $scope.paymentExpired = tx.paypro.expires <= now;
-            if (!$scope.paymentExpired)
-              paymentTimeControl(tx.paypro.expires);
-            $scope.$apply();
+            paymentTimeControl(tx.paypro.expires);
           });
         }
       };
 
-      function paymentTimeControl(timeToExpire) {
-        $scope.expires = timeToExpire;
-        var countDown = $interval(function() {
-          if ($scope.expires <= now) {
-            $scope.paymentExpired = true;
-            $interval.cancel(countDown);
-          }
-          $scope.expires--;
+      function paymentTimeControl(expirationTime) {
+        $scope.paymentExpired = false;
+        var countDown;
+        setExpirationTime();
+        countDown = $interval(function() {
+          setExpirationTime();
         }, 1000);
+
+        function setExpirationTime() {
+          if (moment().isAfter(expirationTime * 1000)) {
+            $scope.paymentExpired = true;
+            if (countDown) $interval.cancel(countDown);
+          }
+          $scope.expires = moment(expirationTime * 1000).fromNow();
+        };
       };
 
       lodash.each(['TxProposalRejectedBy', 'TxProposalAcceptedBy', 'transactionProposalRemoved', 'TxProposalRemoved', 'NewOutgoingTx', 'UpdateTx'], function(eventName) {
@@ -1107,26 +1110,25 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
     }, 1);
   };
 
-  function _paymentTimeControl(timeToExpire) {
-    var now = Math.floor(Date.now() / 1000);
-
-    if (timeToExpire <= now) {
-      setExpiredPaymentValues();
-      return;
-    }
-
-    self.timeToExpire = timeToExpire;
-    var countDown = $interval(function() {
-      if (self.timeToExpire <= now) {
-        setExpiredPaymentValues();
-        $interval.cancel(countDown);
-      }
-      self.timeToExpire--;
+  function _paymentTimeControl(expirationTime) {
+    self.paymentExpired = false;
+    var countDown;
+    setExpirationTime();
+    countDown = $interval(function() {
+      setExpirationTime();
     }, 1000);
 
+    function setExpirationTime() {
+      if (moment().isAfter(expirationTime * 1000)) {
+        setExpiredPaymentValues();
+        if (countDown) $interval.cancel(countDown);
+      }
+      self.remainingTimeStr = moment(expirationTime * 1000).fromNow();
+    };
+
     function setExpiredPaymentValues() {
       self.paymentExpired = true;
-      self.timeToExpire = null;
+      self.remainingTimeStr = null;
       self._paypro = null;
       self.error = gettext('Cannot sign: The payment request has expired');
     };