mirror of https://github.com/BTCPrivate/copay.git
refactor
This commit is contained in:
parent
12a6907af6
commit
0d3f2bc802
|
@ -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,
|
||||
|
|
|
@ -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() {
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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";
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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>
|
Loading…
Reference in New Issue