send flow

public/views/modals/inputAmount.html

@@ -18,7 +18,16 @@
   </ion-header-bar>
 
   <ion-pane>
-    <ion-content class="calculator" scroll="false" ng-show="!specificAmount">
+    <ion-content class="calculator" scroll="false" ng-show="!specificAmount && !sending">
+      <div>
+        <h2>Recipient</h2>
+
+        <a class="item item-icon-left item-icon-right">
+          <i class="icon ion-person-stalker"></i>
+          Javier
+          <i class="icon ion-close"></i>
+        </a>
+      </div>
       <div class="header-calc">
         <div class="text-light text-black" ng-class="{'size-28': smallFont, 'size-36': !smallFont}">{{amount || '-'}}</div>
         <div class="text-light text-black" ng-class="{'size-16': smallFont, 'size-17': !smallFont}" ng-show="!showAlternativeAmount">
@@ -75,7 +84,7 @@
       </div>
     </ion-content>
 
-    <ion-content ng-show="specificAmount" ng-style="{'background-color':'#f6f7f9'}">
+    <ion-content ng-show="specificAmount && !sending" ng-style="{'background-color':'#f6f7f9'}">
       <section class="modal-content m20b">
         <h4 class="title m10l" translate>QR Code</h4>
         <ul class="no-bullet size-14 m0">
@@ -110,5 +119,35 @@
         <div class="extra-margin-bottom"></div>
       </section>
     </ion-content>
+
+    <ion-content ng-show="sending">
+      <i class="icon ion-arrow-up-c"></i> <span>Sending</span>
+      <h3>{{sendingAmount}} {{unitName}}</h3>
+      <h4>{{sendingAlternativeAmount}} {{alternativeIsoCode}}</h4>
+      <div class="list">
+        <span class="item">Fee: Economy (97 bits)</span>
+        <span>To</span>
+        <span class="item item-icon-left">
+          <i class="icon ion-person-stalker"></i>
+          Javier
+        </span>
+        <span>From</span>
+        <span class="item item-icon-left item-icon-right">
+          <i class="icon icon-wallet size-21"></i>
+          Personal Wallet
+          <i class="icon ion-chevron-right size-21"></i>
+        </span>
+        <span class="item item-icon-right">
+          Add Memo
+          <i class="icon ion-chevron-right size-21"></i>
+        </span>
+        <div class="card">
+          <div class="item item-text-wrap item-icon-right">
+            Slide to complete
+            <i class="icon ion-arrow-right-c size-21"></i>
+          </div>
+        </div>
+      </div>
+    </ion-content>
   </ion-pane>
 </ion-modal-view>

public/views/tab-send.html

@@ -1,5 +1,45 @@
 <ion-view view-title="Home">
-  <ion-content class="send">
-    <h2>Welcome to Send</h2>
+  <ion-content class="send" ng-controller="tabSendController">
+    <h2>Recipient</h2>
+
+    <label class="item item-input">
+      <i class="icon ion-search placeholder-icon"></i>
+      <input type="text" placeholder="Search">
+    </label>
+
+    <h2>Recently used</h2>
+
+    <div class="list card">
+      <a class="item item-icon-left" href="#">
+        <i class="icon icon-wallet size-21"></i>
+        Personal Wallet
+        <span class="item-note">
+          123,424.91 bits
+        </span>
+      </a>
+      <a class="item item-icon-left" href="#">
+        <i class="icon icon-wallet size-21"></i>
+        Testnet Wallet
+        <span class="item-note">
+          123,424.91 bits
+        </span>
+      </a>
+    </div>
+
+    <h2>Contacts</h2>
+
+    <div class="list card">
+      <a class="item item-icon-left item-icon-right" ng-click="openInputAmountModal()">
+        <i class="icon ion-person-stalker"></i>
+        Javier
+        <i class="icon ion-chevron-right size-21"></i>
+      </a>
+      <a class="item item-icon-left item-icon-right" ng-click="openInputAmountModal()">
+        <i class="icon ion-person-stalker"></i>
+        Javier 2
+        <i class="icon ion-chevron-right size-21"></i>
+      </a>
+    </div>
+
   </ion-content>
-</ion-view> 
+</ion-view>