From b42bf01f6a2e8b2fb30f1387b97a9b213d355c8c Mon Sep 17 00:00:00 2001
From: Marty Alcala <marty@bitpay.com>
Date: Wed, 12 Oct 2016 17:20:06 -0400
Subject: [PATCH] populate wallet list

---
 src/sass/views/confirm.scss              | 31 ++++++++++++++++++++++++
 src/sass/views/includes/actionSheet.scss | 19 ++++++++++++---
 www/views/confirm.html                   | 21 ++++++++++++++--
 www/views/includes/actionSheet.html      |  2 ++
 4 files changed, 67 insertions(+), 6 deletions(-)

diff --git a/src/sass/views/confirm.scss b/src/sass/views/confirm.scss
index 00f4f0f20..127a13c5e 100644
--- a/src/sass/views/confirm.scss
+++ b/src/sass/views/confirm.scss
@@ -28,3 +28,34 @@
 //     margin-right: 20px;
 //   }
 // }
+
+#view-confirm {
+  $border-color: #EFEFEF;
+  height: auto;
+  .wallet-selector {
+    .wallet {
+      border: 0;
+      padding-right: 0;
+      padding-top: 0;
+      padding-bottom: 0;
+      margin-bottom: 1px;
+    }
+    .wallet-details {
+      position: relative;
+      padding-top: 16px;
+      padding-bottom: 16px;
+
+      &::after {
+        display: block;
+        position: absolute;
+        width: 100%;
+        height: 1px;
+        //background: rgba(221, 221, 221, 0.3);
+        background: $border-color;
+        bottom: 0;
+        right: 0;
+        content: '';
+      }
+    }
+  }
+}
diff --git a/src/sass/views/includes/actionSheet.scss b/src/sass/views/includes/actionSheet.scss
index 174c63671..9b482cac0 100644
--- a/src/sass/views/includes/actionSheet.scss
+++ b/src/sass/views/includes/actionSheet.scss
@@ -1,9 +1,10 @@
 action-sheet {
   .bp-action-sheet {
+    $border-color: #EFEFEF;
 
     &__sheet {
       background: #fff;
-      height: 300px;
+      //height: 300px;
       width: 100%;
       position: fixed;
       bottom: 0;
@@ -11,6 +12,11 @@ action-sheet {
       transform: translateY(100%);
       transition: transform 250ms cubic-bezier(0.4, 0.0, 0.2, 1);
       z-index: 100;
+      padding-top: 1.75rem;
+      padding-left: 2rem;
+      padding-right: .75rem;
+      color: #2f2f2f;
+      padding-bottom: 2rem;
 
       &.slide-up {
         transform: translateY(0);
@@ -18,11 +24,16 @@ action-sheet {
       }
 
       .back-arrow {
-        padding: 1rem;
-        padding-top: 1.5rem;
-        padding-left: 2rem;
+        padding-bottom: 1rem;
         cursor: pointer;
       }
+
+      .header {
+        font-weight: 600;
+        padding-bottom: 1rem;
+        border-bottom: 1px solid $border-color;
+        margin-bottom: 1px;
+      }
     }
 
     &__backdrop {
diff --git a/www/views/confirm.html b/www/views/confirm.html
index dcbf0ce33..4fb7dbc1b 100644
--- a/www/views/confirm.html
+++ b/www/views/confirm.html
@@ -79,8 +79,25 @@
     <span ng-hide="wallet.m > 1">Payment Sent</span>
     <span ng-show="wallet.m > 1">Proposal Created</span>
   </slide-to-accept-success>
-  <action-sheet action-sheet-show="showWallets">
-
+  <action-sheet action-sheet-show="showWallets" class="wallet-selector">
+    <!-- <div ng-repeat="wallet in wallets">{{wallet.name}}</div> -->
+    <a ng-repeat="wallet in wallets track by $index" class="item item-icon-left item-big-icon-left item-icon-right wallet" ng-click="openWallet(wallet)">
+        <i class="icon big-icon-svg">
+          <img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg">
+        </i>
+        <div class="wallet-details">
+          <span>
+            {{wallet.name}}
+          </span>
+          <p>
+            <span ng-if="wallet.isComplete()">
+            <span ng-if="!wallet.balanceHidden" class="ng-binding">0.00 BTC</span>
+          </span>
+          &nbsp;
+          </p>
+        </div>
+        <!-- <i class="icon bp-arrow-right"></i> -->
+      </a>
   </action-sheet>
 </ion-view>
 <!-- <ion-view id="view-confirm">
diff --git a/www/views/includes/actionSheet.html b/www/views/includes/actionSheet.html
index b4abfffae..df159bc2b 100644
--- a/www/views/includes/actionSheet.html
+++ b/www/views/includes/actionSheet.html
@@ -5,4 +5,6 @@
 </div>
 <div class="bp-action-sheet__sheet" ng-class="{'slide-up': show}">
   <img class="back-arrow" src="img/icon-back-arrow.svg" ng-click="hide()">
+  <div class="header">Send from</div>
+  <ng-transclude></ng-transclude>
 </div>