refactor

src/js/controllers/amount.js

@@ -98,6 +98,7 @@ angular.module('copayApp.controllers').controller('amountController', function($
   };
 
   $scope.sendMax = function() {
+    $scope.showSendMax = false;
     $state.transitionTo('tabs.send.confirm', {
       isWallet: $scope.isWallet,
       toAmount: null,

src/js/directives/itemSelector.js

@@ -1,14 +1,14 @@
 'use strict';
 
 angular.module('copayApp.directives')
-  .directive('sendMax', function($timeout) {
+  .directive('itemSelector', function($timeout) {
     return {
       restrict: 'E',
-      templateUrl: 'views/includes/sendMax.html',
+      templateUrl: 'views/includes/itemSelector.html',
       transclude: true,
       scope: {
-        show: '=sendMaxShow',
-        onSelect: '=sendMaxOnSelect'
+        show: '=itemSelectorShow',
+        onSelect: '=itemSelectorOnSelect'
       },
       link: function(scope, element, attrs) {
         scope.hide = function() {

src/sass/views/includes/itemSelector.scss

@@ -1,4 +1,4 @@
-send-max-selector {
+item-selector {
 
   $border-color: #EFEFEF;
 
@@ -7,18 +7,18 @@ send-max-selector {
     padding-right: .75rem;
   }
 
-  .send-max-selector {
+  .item-selector {
     .option {
       border: 0;
       padding-right: 0;
       padding-top: 0;
-      padding-left: 65px;
       padding-bottom: 0;
       margin-bottom: 1px;
       overflow: visible;
 
       > i {
-        padding: 0;
+        color: #647ce8;
+        padding: 0 0 5px 0;
         margin-left: -5px;
 
         > img {
@@ -28,7 +28,7 @@ send-max-selector {
         }
       }
     }
-    .send-max-inner {
+    .item-selector-inner {
       display: flex;
       position: relative;
       padding-top: 16px;
@@ -49,10 +49,10 @@ send-max-selector {
         padding: 0 1.2rem;
       }
     }
-    .send-max-details {
+    .item-selector-details {
       flex-grow: 1;
 
-      .send-max-name {
+      .item-selector-name {
         padding-bottom: 5px;
       }
     }

src/sass/views/views.scss

@@ -39,6 +39,7 @@
 @import "includes/tx-details";
 @import "includes/txp-details";
 @import "includes/tx-status";
+@import "includes/itemSelector";
 @import "includes/walletSelector";
 @import "integrations/coinbase";
 @import "integrations/glidera";

www/views/amount.html

@@ -120,8 +120,8 @@
       </div>
     </div>
   </ion-content>
-  <send-max
-    send-max-show="showSendMax"
-    send-max-on-select="sendMax">
-  </send-max>
+  <item-selector
+    item-selector-show="showSendMax"
+    item-selector-on-select="sendMax">
+  </item-selector>
 </ion-view>

www/views/includes/itemSelector.html

@@ -0,0 +1,12 @@
+<action-sheet action-sheet-show="show" class="item-selector">
+  <img class="back-arrow" src="img/icon-back-arrow.svg" ng-click="hide()">
+  <div class="header">{{title}}</div>
+  <a class="item item-icon-left option no-border" ng-click="onSelect()">
+    <i class="icon ion-ios-speedometer-outline"></i>
+    <div class="item-selector-inner">
+      <div class="item-selector-details">
+        <div class="item-selector-name" translate>Send max amount</div>
+      </div>
+    </div>
+  </a>
+</action-sheet>

www/views/includes/sendMax.html

@@ -1,14 +0,0 @@
-<action-sheet action-sheet-show="show" class="send-max-selector">
-  <img class="back-arrow" src="img/icon-back-arrow.svg" ng-click="hide()">
-  <a class="item item-icon-left item-big-icon-left item-icon-right send-max no-border" ng-click="onSelect()">
-    <i class="icon ion-ios-speedometer-outline"></i>
-    <div class="send-max-inner">
-      <div class="send-max-details">
-        <div class="send-max-name" translate>Send max amount</div>
-      </div>
-      <i class="icon">
-        <img class="check" src="img/icon-check-selected.svg">
-      </i>
-    </div>
-  </a>
-</action-sheet>