make wallet selector a standalone directive

src/js/controllers/confirm.js

@@ -113,16 +113,11 @@ angular.module('copayApp.controllers').controller('confirmController', function(
   });
 
   $scope.showWalletSelector = function() {
-    console.log('showWalletSelector called');
-    console.log('$scope.wallets', $scope.wallets);
     $scope.showWallets = true;
   };
 
-  $scope.selectWallet = function(w) {
-    $timeout(function() {
-      $scope.showWallets = false;
-    }, 100);
-    setWallet(w);
+  $scope.onWalletSelect = function(wallet) {
+    setWallet(wallet);
   };
 
 

src/js/directives/actionSheet.js

@@ -10,11 +10,6 @@ angular.module('copayApp.directives')
         show: '=actionSheetShow',
       },
       link: function(scope, element, attrs) {
-        console.log('action sheet instantiated');
-        scope.$watch('show', function() {
-          console.log('show called', scope.show);
-        });
-
         scope.hide = function() {
           scope.show = false;
         };

src/js/directives/walletSelector.js

@@ -0,0 +1,27 @@
+'use strict';
+
+angular.module('copayApp.directives')
+  .directive('walletSelector', function($timeout) {
+    return {
+      restrict: 'E',
+      templateUrl: 'views/includes/walletSelector.html',
+      transclude: true,
+      scope: {
+        show: '=walletSelectorShow',
+        wallets: '=walletSelectorWallets',
+        selectedWallet: '=walletSelectorSelectedWallet',
+        onSelect: '=walletSelectorOnSelect'
+      },
+      link: function(scope, element, attrs) {
+        scope.hide = function() {
+          scope.show = false;
+        };
+        scope.selectWallet = function(wallet) {
+          $timeout(function() {
+            scope.hide();
+          }, 100);
+          scope.onSelect(wallet);
+        };
+      }
+    };
+  });

src/sass/views/confirm.scss

@@ -1,60 +1,3 @@
 #view-confirm {
-  $border-color: #EFEFEF;
-  height: auto;
-  .wallet-selector {
-    .wallet {
-      border: 0;
-      padding-right: 0;
-      padding-top: 0;
-      padding-left: 65px;
-      padding-bottom: 0;
-      margin-bottom: 1px;
-      overflow: visible;
-
-      > i {
-        padding: 0;
-        margin-left: -5px;
-
-        > img {
-          height: 39px;
-          width: 39px;
-          padding: 4px;
-        }
-      }
-    }
-    .wallet-inner {
-      display: flex;
-      position: relative;
-      padding-top: 16px;
-      padding-bottom: 16px;
-
-      &::after {
-        display: block;
-        position: absolute;
-        width: 100%;
-        height: 1px;
-        background: $border-color;
-        bottom: 0;
-        right: 0;
-        content: '';
-      }
-
-      .check {
-        padding: 0 1.2rem;
-      }
-    }
-    .wallet-details {
-      flex-grow: 1;
-
-      .wallet-name {
-        padding-bottom: 5px;
-      }
-
-      .wallet-balance {
-        color: #3A3A3A;
-        font-family: "Roboto-Light";
-      }
-
-    }
-  }
+  
 }

src/sass/views/includes/walletSelector.scss

@@ -0,0 +1,62 @@
+wallet-selector {
+  
+  $border-color: #EFEFEF;
+
+  .wallet-selector {
+    .wallet {
+      border: 0;
+      padding-right: 0;
+      padding-top: 0;
+      padding-left: 65px;
+      padding-bottom: 0;
+      margin-bottom: 1px;
+      overflow: visible;
+
+      > i {
+        padding: 0;
+        margin-left: -5px;
+
+        > img {
+          height: 39px;
+          width: 39px;
+          padding: 4px;
+        }
+      }
+    }
+    .wallet-inner {
+      display: flex;
+      position: relative;
+      padding-top: 16px;
+      padding-bottom: 16px;
+
+      &::after {
+        display: block;
+        position: absolute;
+        width: 100%;
+        height: 1px;
+        background: $border-color;
+        bottom: 0;
+        right: 0;
+        content: '';
+      }
+
+      .check {
+        padding: 0 1.2rem;
+      }
+    }
+    .wallet-details {
+      flex-grow: 1;
+
+      .wallet-name {
+        padding-bottom: 5px;
+      }
+
+      .wallet-balance {
+        color: #3A3A3A;
+        font-family: "Roboto-Light";
+      }
+
+    }
+  }
+
+}

src/sass/views/views.scss

@@ -27,4 +27,5 @@
 @import "includes/tx-details";
 @import "includes/txp-details";
 @import "includes/tx-status";
+@import "includes/walletSelector";
 @import "integrations/coinbase.scss";