add paypro modal

public/views/modals/paypro.html

@@ -1,63 +1,59 @@
-<nav class="tab-bar" ng-style="{'background-color':color}">
-  <section class="left-small">
-    <a ng-click="cancel()" class="p10">
-      <span class="text-close" translate>Close</span>
+<ion-modal-view ng-controller="payproController as payproC">
+  <ion-header-bar align-title="center" class="bar-stable">
+    <a class="m5t" ng-click="payproModal.hide()">
+      <span class="text-close">{{'Close'|translate}}</span>
     </a>
-  </section>
-  <section class="middle tab-bar-section">
-    <h1 class="title ellipsis" translate>
-      Payment request
-    </h1>
-  </section>
-</nav>
+    <h1 class="title" translate>Payment request</h1>
+  </ion-header-bar>
 
-<div class="modal-content fix-modals-touch">
-  <div class="header-modal text-center">
-    <div class="size-42">
-      {{unitTotal}}  {{unitName}}
+  <ion-content>
+    <div class="header-modal text-center">
+      <div class="size-42">
+        {{unitTotal}}  {{unitName}}
+      </div>
+      <div class="size-18 m5t text-gray" ng-show="alternative">
+        {{ alternative }} {{ alternativeIsoCode }}
+      </div>
     </div>
-    <div class="size-18 m5t text-gray" ng-show="alternative">
-      {{ alternative }} {{ alternativeIsoCode }}
-    </div>
-  </div>
 
-  <h4 class="title m0" translate>Details</h4>
-  <ul class="no-bullet size-14 m0">
-    <li class="line-b p10 oh">
-    <span class="text-gray" translate>Pay To</span>
-    <span class="right enable_text_select">{{paypro.domain}}</span>
-    </li>
-    <li class="line-b p10 oh" ng-if="paypro.toAddress">
-    <span class="text-gray" translate>Address</span>
-    <span class="right enable_text_select">{{paypro.toAddress}}</span>
-    </li>
-    <li class="line-b p10 oh">
-    <span class="text-gray" translate>Certified by</span>
-    <span class="right text-right">
-      <span ng-show="paypro.caTrusted">
-        <i class="fi-lock color-greeni"></i> 
-        {{paypro.caName}}<br>
-        <span translate>(Trusted)</span>
-      </span>
-      <span ng-show="!paypro.caTrusted">
-        <span ng-show="paypro.selfSigned">
-          <i class="fi-unlock color-yellowi"></i> <span translate>Self-signed Certificate</span>
+    <h4 class="title m10l" translate>Details</h4>
+    <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>
+      </li>
+      <li class="line-b p10 oh" ng-if="paypro.toAddress">
+      <span class="text-gray" translate>Address</span>
+      <span class="right enable_text_select">{{paypro.toAddress}}</span>
+      </li>
+      <li class="line-b p10 oh">
+      <span class="text-gray" translate>Certified by</span>
+      <span class="right text-right">
+        <span ng-show="paypro.caTrusted">
+          <i class="fi-lock color-greeni"></i>
+          {{paypro.caName}}<br>
+          <span translate>(Trusted)</span>
         </span>
-        <span ng-show="!paypro.selfSigned">
-          <i class="fi-unlock color-yellowi"></i>{{paypro.caName}}<br>
-          <span translate>WARNING: UNTRUSTED CERTIFICATE</span>
+        <span ng-show="!paypro.caTrusted">
+          <span ng-show="paypro.selfSigned">
+            <i class="fi-unlock color-yellowi"></i> <span translate>Self-signed Certificate</span>
+          </span>
+          <span ng-show="!paypro.selfSigned">
+            <i class="fi-unlock color-yellowi"></i>{{paypro.caName}}<br>
+            <span translate>WARNING: UNTRUSTED CERTIFICATE</span>
+          </span>
         </span>
       </span>
-    </span>
-    </li>
-    <li class="line-b p10 oh" ng-if="paypro.memo">
-    <span class="text-gray" translate>Memo</span>
-    <span class="right">{{paypro.memo}}</span>
-    </li>
-    <li class="line-b p10 oh" ng-if="paypro.expires">
-    <span class="text-gray" translate>Expires</span>
-    <span class="right">{{paypro.expires * 1000 | amTimeAgo }}</span>
-    </li>
-  </ul>
-  <div class="extra-margin-bottom"></div>
-</div>
+      </li>
+      <li class="line-b p10 oh" ng-if="paypro.memo">
+      <span class="text-gray" translate>Memo</span>
+      <span class="right">{{paypro.memo}}</span>
+      </li>
+      <li class="line-b p10 oh" ng-if="paypro.expires">
+      <span class="text-gray" translate>Expires</span>
+      <span class="right">{{paypro.expires * 1000 | amTimeAgo }}</span>
+      </li>
+    </ul>
+    <div class="extra-margin-bottom"></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>