implement slide to pay

www/views/confirm.html

@@ -61,5 +61,16 @@
     </div>
     <button class="button button-block button-positive" ng-click="approve()" ng-if="!isCordova" translate>Click to pay</button>
   </ion-content>
-  <accept class="accept-slide" ng-if="isCordova"></accept>
+  <slide-to-accept
+    ng-if="isCordova || true"
+    slide-on-confirm="onConfirm()"
+    slide-send-status="sendStatus">
+    Slide to pay
+  </slide-to-accept>
+  <slide-to-accept-success
+    slide-success-show="sendStatus === 'success'"
+    slide-success-on-confirm="onSuccessConfirm()"
+    >
+    Payment Sent
+  </slide-to-accept-success>
 </ion-view>

www/views/includes/acceptSlide.html

@@ -1,9 +0,0 @@
-<ion-slides options="{loop: false, effect: 'flip', speed: 500, pagination: false, initialSlide: 1}" slider="data.slider">
- <ion-slide-page></ion-slide-page>
- <ion-slide-page>
-   <div>
-     <i class="icon ion-ios-arrow-thin-right"></i>
-     <span translate>Slide to accept</span>
-   </div>
- </ion-slide-page>
-</ion-slides>

www/views/includes/slideToAccept.html

@@ -0,0 +1,38 @@
+<div class="slide__listener"
+  ng-touchstart="onTouchstart($event);"
+  ng-touchmove="onTouchmove($event);"
+  ng-touchend="onTouchend($event);"
+  ng-mousedown="onTouchstart($event);"
+  ng-mousemove="onTouchmove($event);"
+  ng-mouseup="onTouchend($event);"
+>
+  <div
+    class="slide__slider"
+    ng-style="sliderStyle"
+  >
+    <div class="slide__slider__tip"></div>
+  </div>
+  <div
+    class="slide__bitcoin"
+    ng-style="bitcoinStyle"
+  >
+    <img src="img/icon-bitcoin-white.svg">
+  </div>
+  <div
+    class="slide__button-text"
+    ng-style="textStyle"
+  >
+    <ng-transclude></ng-transclude>
+  </div>
+  <div
+    class="slide__status-text"
+    ng-class="{enter: isSlidFully}"
+    ng-hide="sendStatus === 'success'"
+  >
+    <img src="img/spinner.png">
+    {{displaySendStatus}}
+  </div>
+  <div class="slide__arrow">
+    <img src="img/icon-arrow-right.svg">
+  </div>
+</div>

www/views/includes/slideToAcceptSuccess.html

@@ -0,0 +1,15 @@
+<div
+  class="slide-success__background"
+  ng-class="{'fill-screen': fillScreen}">
+</div>
+
+<div class="slide-success__content">
+  <img src="img/onboarding-success.svg" ng-class="{reveal: fillScreen}">
+  <div class="slide-success__content__header" ng-class="{reveal: fillScreen}">
+    <ng-transclude>Payment Sent</ng-transclude>
+  </div>
+</div>
+
+<div class="slide-success__footer" ng-class="{reveal: fillScreen}">
+  <a class="slide-success__footer__btn" ng-click="onConfirmButtonClick()">OK</a>
+</div>