wire wallet balance to wallet select component

This commit is contained in:
Marty Alcala 2016-10-12 17:40:53 -04:00
commit 444d25b9ee
4 changed files with 21 additions and 6 deletions

View file

@ -67,6 +67,7 @@ angular.module('copayApp.controllers').controller('confirmController', function(
if (err || !status) { if (err || !status) {
$log.error(err); $log.error(err);
} else { } else {
w.status = status;
if (!status.availableBalanceSat) $log.debug('No balance available in: ' + w.name); if (!status.availableBalanceSat) $log.debug('No balance available in: ' + w.name);
if (status.availableBalanceSat > $scope.toAmount) { if (status.availableBalanceSat > $scope.toAmount) {
filteredWallets.push(w); filteredWallets.push(w);
@ -113,6 +114,7 @@ angular.module('copayApp.controllers').controller('confirmController', function(
$scope.showWalletSelector = function() { $scope.showWalletSelector = function() {
console.log('showWalletSelector called'); console.log('showWalletSelector called');
console.log('$scope.wallets', $scope.wallets);
$scope.showWallets = true; $scope.showWallets = true;
}; };

View file

@ -45,12 +45,20 @@
padding-top: 16px; padding-top: 16px;
padding-bottom: 16px; padding-bottom: 16px;
.wallet-name {
padding-bottom: 5px;
}
.wallet-balance {
color: #3A3A3A;
font-family: "Roboto-Light";
}
&::after { &::after {
display: block; display: block;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 1px; height: 1px;
//background: rgba(221, 221, 221, 0.3);
background: $border-color; background: $border-color;
bottom: 0; bottom: 0;
right: 0; right: 0;

View file

@ -16,7 +16,7 @@ action-sheet {
padding-left: 2rem; padding-left: 2rem;
padding-right: .75rem; padding-right: .75rem;
color: #2f2f2f; color: #2f2f2f;
padding-bottom: 2rem; padding-bottom: 3.5rem;
&.slide-up { &.slide-up {
transform: translateY(0); transform: translateY(0);

View file

@ -86,12 +86,17 @@
<img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg"> <img src="img/icon-wallet.svg" ng-style="{'background-color': wallet.color}" class="bg">
</i> </i>
<div class="wallet-details"> <div class="wallet-details">
<span> <div class="wallet-name">
{{wallet.name}} {{wallet.name}}
</span> </div>
<p> <p class="wallet-balance">
<span ng-if="!wallet.isComplete()" class="assertive" translate>
Incomplete
</span>
<span ng-if="wallet.isComplete()"> <span ng-if="wallet.isComplete()">
<span ng-if="!wallet.balanceHidden" class="ng-binding">0.00 BTC</span> <span ng-if="!wallet.balanceHidden">{{wallet.status.availableBalanceStr}}</span>
<span ng-if="wallet.balanceHidden" translate>[Balance Hidden]</span>
</span>
</span> </span>
&nbsp; &nbsp;
</p> </p>