use accept slider directive

public/views/confirm.html

@@ -1,11 +1,11 @@
-<ion-view id="view-confirm">
+<ion-view id="view-confirm" ng-controller="confirmController" ng-init="init()">
   <ion-nav-bar class="bar-royal">
     <ion-nav-back-button>
       <i class="icon ion-ios-arrow-thin-left"></i>
     </ion-nav-back-button>
   </ion-nav-bar>
 
-  <ion-content scroll="false" ng-controller="confirmController" ng-init="init()">
+  <ion-content>
 
     <div class="list card">
       <div class="item item-text-wrap">
@@ -49,9 +49,7 @@
         <i ng-show="!description" class="icon ion-ios-plus-empty size-21"></i>
       </div>
     </div>
-
-    <button class="item button button-block button-positive" ng-click="approve()">
-      <span translate>Send</span>
-    </button>
   </ion-content>
+   <accept class="accept-slide"></accept>
+ </div>
 </ion-view>

public/views/includes/acceptSlide.html

@@ -0,0 +1,7 @@
+<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><h1>Slide to accept</h1><i class="icon-arrow-right3 size-24 right"></i></div>
+ </ion-slide-page>
+</ion-slides>

public/views/modals/txp-details.html

@@ -161,13 +161,5 @@
       </button>
     </div>
   </ion-content>
-  <div class="accept-slide" ng-disabled="loading || paymentExpired" ng-if="tx.pendingForUs && canSign && !hideSlider">
-    <ion-slides  options="options" slider="data.slider">
-      <ion-slide-page>
-      </ion-slide-page>
-      <ion-slide-page>
-        <div><h1>Slide to accept</h1><i class="icon-arrow-right3 size-24 right"></i></div>
-      </ion-slide-page>
-    </ion-slides>
-  </div>
+    <accept class="accept-slide" ng-disabled="loading || paymentExpired" ng-if="tx.pendingForUs && canSign && !hideSlider"></accept>
 </ion-modal-view>