mirror of https://github.com/BTCPrivate/copay.git
Merge pull request #193 from gabrielbazan7/feat/nextStepCollapse
next steps card should be collapsable
This commit is contained in:
commit
9f10219691
|
@ -116,37 +116,41 @@
|
||||||
|
|
||||||
<div class="list card"
|
<div class="list card"
|
||||||
ng-show="!externalServices.AmazonGiftCards || !externalServices.BitpayCard || !externalServices.BuyAndSell || !wallets[0]">
|
ng-show="!externalServices.AmazonGiftCards || !externalServices.BitpayCard || !externalServices.BuyAndSell || !wallets[0]">
|
||||||
<div class="item item-heading" translate>
|
<div class="item item-icon-right item-heading" ng-click="shouldHideNextSteps()" translate>
|
||||||
Next steps
|
Next steps
|
||||||
|
<i class="icon nav-item-arrow-down" ng-show="!hideNextSteps"></i>
|
||||||
|
<i class="icon nav-item-arrow-up" ng-show="hideNextSteps"></i>
|
||||||
|
</div>
|
||||||
|
<div ng-show="hideNextSteps">
|
||||||
|
<a ng-if="!wallets[0]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right next-step">
|
||||||
|
<i class="icon big-icon-svg">
|
||||||
|
<div class="bg icon-create-wallet"></div>
|
||||||
|
</i>
|
||||||
|
<span translate>Create a bitcoin wallet</span>
|
||||||
|
<i class="icon nav-item-arrow-right"></i>
|
||||||
|
</a>
|
||||||
|
<a ui-sref="bitpayCard.main" ng-if="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right next-step">
|
||||||
|
<i class="icon big-icon-svg">
|
||||||
|
<div class="bg icon-bitpay-card"></div>
|
||||||
|
</i>
|
||||||
|
<span translate>Add BitPay Card</span>
|
||||||
|
<i class="icon nav-item-arrow-right"></i>
|
||||||
|
</a>
|
||||||
|
<a ng-if="!externalServices.BuyAndSell" ui-sref="tabs.buyandsell" class="item item-icon-left item-big-icon-left item-icon-right next-step">
|
||||||
|
<i class="icon big-icon-svg">
|
||||||
|
<div class="bg icon-buy-bitcoin"></div>
|
||||||
|
</i>
|
||||||
|
<span translate>Buy or Sell Bitcoin</span>
|
||||||
|
<i class="icon nav-item-arrow-right"></i>
|
||||||
|
</a>
|
||||||
|
<a ui-sref="tabs.giftcards.amazon" ng-if="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right next-step">
|
||||||
|
<i class="icon big-icon-svg">
|
||||||
|
<div class="bg icon-gift"></div>
|
||||||
|
</i>
|
||||||
|
<span translate>Buy Amazon.com Gift Card</span>
|
||||||
|
<i class="icon nav-item-arrow-right"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<a ng-if="!wallets[0]" ui-sref="tabs.add" class="item item-icon-left item-big-icon-left item-icon-right next-step">
|
|
||||||
<i class="icon big-icon-svg">
|
|
||||||
<div class="bg icon-create-wallet"></div>
|
|
||||||
</i>
|
|
||||||
<span translate>Create a bitcoin wallet</span>
|
|
||||||
<i class="icon nav-item-arrow-right"></i>
|
|
||||||
</a>
|
|
||||||
<a ui-sref="bitpayCard.main" ng-if="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right next-step">
|
|
||||||
<i class="icon big-icon-svg">
|
|
||||||
<div class="bg icon-bitpay-card"></div>
|
|
||||||
</i>
|
|
||||||
<span translate>Add BitPay Card</span>
|
|
||||||
<i class="icon nav-item-arrow-right"></i>
|
|
||||||
</a>
|
|
||||||
<a ng-if="!externalServices.BuyAndSell" ui-sref="tabs.buyandsell" class="item item-icon-left item-big-icon-left item-icon-right next-step">
|
|
||||||
<i class="icon big-icon-svg">
|
|
||||||
<div class="bg icon-buy-bitcoin"></div>
|
|
||||||
</i>
|
|
||||||
<span translate>Buy or Sell Bitcoin</span>
|
|
||||||
<i class="icon nav-item-arrow-right"></i>
|
|
||||||
</a>
|
|
||||||
<a ui-sref="tabs.giftcards.amazon" ng-if="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right next-step">
|
|
||||||
<i class="icon big-icon-svg">
|
|
||||||
<div class="bg icon-gift"></div>
|
|
||||||
</i>
|
|
||||||
<span translate>Buy Amazon.com Gift Card</span>
|
|
||||||
<i class="icon nav-item-arrow-right"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="padding" style="text-align:center; color:#999">
|
<p class="padding" style="text-align:center; color:#999">
|
||||||
|
|
|
@ -180,6 +180,11 @@ angular.module('copayApp.controllers').controller('tabHomeController',
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
$scope.shouldHideNextSteps = function() {
|
||||||
|
$scope.hideNextSteps = !$scope.hideNextSteps;
|
||||||
|
$ionicScrollDelegate.resize();
|
||||||
|
};
|
||||||
|
|
||||||
var listeners = [
|
var listeners = [
|
||||||
$rootScope.$on('bwsEvent', function(e, walletId, type, n) {
|
$rootScope.$on('bwsEvent', function(e, walletId, type, n) {
|
||||||
var wallet = profileService.getWallet(walletId);
|
var wallet = profileService.getWallet(walletId);
|
||||||
|
|
|
@ -4,6 +4,18 @@
|
||||||
@extend .ion-ios-arrow-right;
|
@extend .ion-ios-arrow-right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.icon.nav-item-arrow-down {
|
||||||
|
color: #666;
|
||||||
|
font-size: 26px;
|
||||||
|
@extend .ion-ios-arrow-down;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon.nav-item-arrow-up {
|
||||||
|
color: #666;
|
||||||
|
font-size: 26px;
|
||||||
|
@extend .ion-ios-arrow-up;
|
||||||
|
}
|
||||||
|
|
||||||
.item.item-heading {
|
.item.item-heading {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue