add paypro modal

public/views/modals/paypro.html

@@ -1,17 +1,12 @@
-<nav class="tab-bar" ng-style="{'background-color':color}">
+<ion-modal-view ng-controller="payproController as payproC">
-  <section class="left-small">
+  <ion-header-bar align-title="center" class="bar-stable">
-    <a ng-click="cancel()" class="p10">
+    <a class="m5t" ng-click="payproModal.hide()">
-      <span class="text-close" translate>Close</span>
+      <span class="text-close">{{'Close'|translate}}</span>
     </a>
-  </section>
+    <h1 class="title" translate>Payment request</h1>
-  <section class="middle tab-bar-section">
+  </ion-header-bar>
-    <h1 class="title ellipsis" translate>
-      Payment request
-    </h1>
-  </section>
-</nav>
 
-<div class="modal-content fix-modals-touch">
+  <ion-content>
     <div class="header-modal text-center">
       <div class="size-42">
         {{unitTotal}}  {{unitName}}
@@ -21,8 +16,8 @@
       </div>
     </div>
 
-  <h4 class="title m0" translate>Details</h4>
+    <h4 class="title m10l" translate>Details</h4>
-  <ul class="no-bullet size-14 m0">
+    <ul class="no-bullet size-14 m10t">
       <li class="line-b p10 oh">
       <span class="text-gray" translate>Pay To</span>
       <span class="right enable_text_select">{{paypro.domain}}</span>
@@ -60,4 +55,5 @@
       </li>
     </ul>
     <div class="extra-margin-bottom"></div>
-</div>
+  </ion-content>
+</ion-modal-view>

public/views/walletHome.html

@@ -154,7 +154,7 @@
 
           <!-- Activity -->
 
-          <h4 class="title" ng-click="index.startSearch(); openModal()" ng-show="!index.notAuthorized">
+          <h4 class="title" ng-click="index.startSearch(); openSearchModal()" ng-show="!index.notAuthorized">
             <span translate>Activity</span>
             <i class="dib m5l size-16 pointer fi-magnifying-glass"></i>
           </h4>

src/js/controllers/modals/paypro.js

@@ -0,0 +1,16 @@
+'use strict';
+
+angular.module('copayApp.controllers').controller('payproController', function($scope, profileService) {
+  var self = $scope.self;
+
+  $scope.alternative = self.alternativeAmount;
+  $scope.alternativeIsoCode = self.alternativeIsoCode;
+  $scope.isRateAvailable = self.isRateAvailable;
+  $scope.unitTotal = ($scope.paypro.amount * self.satToUnit).toFixed(self.unitDecimals);
+  $scope.unitName = self.unitName;
+
+  $scope.cancel = function() {
+    $scope.payproModal.hide();
+    $scope.payproModal.remove();
+  };
+});

src/js/controllers/walletHome.js

@@ -1071,7 +1071,7 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
     $scope.modal = modal;
   });
 
-  $scope.openModal = function() {
+  $scope.openSearchModal = function() {
     $scope.modal.show();
   };
 
@@ -1136,37 +1136,14 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
   };
 
   this.openPPModal = function(paypro) {
-    $rootScope.modalOpened = true;
-    var ModalInstanceCtrl = function($scope, $modalInstance) {
-      var fc = profileService.focusedClient;
-      var satToUnit = 1 / self.unitToSatoshi;
     $scope.paypro = paypro;
-      $scope.alternative = self.alternativeAmount;
+    $scope.self = self;
-      $scope.alternativeIsoCode = self.alternativeIsoCode;
-      $scope.isRateAvailable = self.isRateAvailable;
-      $scope.unitTotal = (paypro.amount * satToUnit).toFixed(self.unitDecimals);
-      $scope.unitName = self.unitName;
-      $scope.color = fc.backgroundColor;
 
-      $scope.cancel = function() {
+    $ionicModal.fromTemplateUrl('views/modals/paypro.html', {
-        $modalInstance.dismiss('cancel');
+      scope: $scope
-      };
+    }).then(function(modal) {
-    };
+      $scope.payproModal = modal;
-    var modalInstance = $modal.open({
+      $scope.payproModal.show();
-      templateUrl: 'views/modals/paypro.html',
-      windowClass: animationService.modalAnimated.slideUp,
-      controller: ModalInstanceCtrl,
-    });
-
-    var disableCloseModal = $rootScope.$on('closeModal', function() {
-      modalInstance.dismiss('cancel');
-    });
-
-    modalInstance.result.finally(function() {
-      $rootScope.modalOpened = false;
-      disableCloseModal();
-      var m = angular.element(document.getElementsByClassName('reveal-modal'));
-      m.addClass(animationService.modalAnimated.slideOutDown);
     });
   };
 
@@ -1346,8 +1323,6 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
 
     $ionicModal.fromTemplateUrl('views/modals/tx-details.html', {
       scope: $scope,
-      backdropClickToClose: false,
-      hardwareBackButtonClose: false,
       hideDelay: 500
     }).then(function(modal) {
       $scope.txDetailsModal = modal;

src/sass/main.scss

@@ -600,6 +600,10 @@ ul.manage li {
   margin-right: 10px;
 }
 
+.m10l {
+  margin-left: 10px;
+}
+
 .m5l {
   margin-left: 5px;
 }