allow user to cancel a transaction when using the slide to pay component

src/js/controllers/confirm.js

@@ -297,13 +297,19 @@ angular.module('copayApp.controllers').controller('confirmController', function(
       if (!spendingPassEnabled && !touchIdEnabled) {
         if (isCordova && bigAmount) {
           popupService.showConfirm(null, message, okText, cancelText, function(ok) {
-            if (!ok) return;
+            if (!ok) {
+              $scope.sendStatus = '';
+              return;
+            }
             publishAndSign(wallet, txp, onSendStatusChange);
           });
         }
         else {
           popupService.showConfirm(null, message, okText, cancelText, function(ok) {
-            if (!ok) return;
+            if (!ok) {
+              $scope.sendStatus = '';
+              return;
+            }
             publishAndSign(wallet, txp, onSendStatusChange);
           });
         }

src/js/directives/slideToAccept.js

@@ -33,9 +33,13 @@ angular.module('copayApp.directives')
         scope.displaySendStatus = '';
 
         scope.$watch('sendStatus', function() {
-          if(scope.sendStatus === 'success') {
+          if(!scope.sendStatus) {
-            scope.displaySendStatus = '';
             reset();
+          } else if(scope.sendStatus === 'success') {
+            scope.displaySendStatus = '';
+            $timeout(function() {
+              reset();
+            }, 500);
           } else {
             scope.displaySendStatus = scope.sendStatus;
           }
@@ -79,13 +83,11 @@ angular.module('copayApp.directives')
         }
 
         function reset() {
-          $timeout(function() {
+          scope.isSlidFully = false;
-            scope.isSlidFully = false;
+          isSliding = false;
-            isSliding = false;
+          setNewSliderStyle(getKnobWidthPercentage());
-            setNewSliderStyle(getKnobWidthPercentage());
+          setNewBitcoinStyle(0);
-            setNewBitcoinStyle(0);
+          setNewTextStyle(0);
-            setNewTextStyle(0);
-          }, 500);
         }
 
         function setNewSliderStyle(pct) {

src/sass/views/includes/slideToAccept.scss

@@ -93,9 +93,9 @@ slide-to-accept {
       text-transform: capitalize;
       transform: translateY(2rem);
       opacity: 0;
-      transition: transform 250ms ease, opacity 250ms ease;
 
       &.enter {
+        transition: transform 250ms ease, opacity 250ms ease;
         transform: translateY(0);
         opacity: 1;
       }