Improved bitpay account pairing and management of paired state and data.
This commit is contained in:
parent
15d12823ab
commit
63bc3d8f63
23 changed files with 691 additions and 208 deletions
|
|
@ -39,4 +39,11 @@
|
|||
</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
<account-selector
|
||||
account-selector-title="accountSelectorTitle"
|
||||
account-selector-accounts="accounts"
|
||||
account-selector-selected-account="account"
|
||||
account-selector-show="showAccounts"
|
||||
account-selector-on-select="onAccountSelect">
|
||||
</account-selector>
|
||||
</ion-view>
|
||||
|
|
|
|||
34
www/views/includes/accountSelector.html
Normal file
34
www/views/includes/accountSelector.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<action-sheet action-sheet-show="show" class="account-selector">
|
||||
<img class="back-arrow" src="img/icon-back-arrow.svg" ng-click="hide()">
|
||||
<div class="header">{{title}}</div>
|
||||
<a ng-repeat="a in accounts track by $index"
|
||||
class="item item-icon-left item-big-icon-left item-icon-right account" ng-click="selectAccount(a)">
|
||||
<i class="icon big-icon-svg">
|
||||
<img src="img/icon-account.svg" class="bg">
|
||||
</i>
|
||||
<div class="account-inner">
|
||||
<div class="account-details">
|
||||
<div class="account-name">
|
||||
{{a.firstName}} {{a.lastName}}
|
||||
</div>
|
||||
<p class="account-email" ng-if="a.email">
|
||||
<span>{{a.email}}</span>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a class="item item-icon-left item-big-icon-left item-icon-right account" ng-click="selectAccount()">
|
||||
<i class="icon big-icon-svg">
|
||||
<img src="img/icon-account-add.svg" class="bg icon-add">
|
||||
</i>
|
||||
<div class="account-inner">
|
||||
<div class="account-details">
|
||||
<div class="account-add" translate>
|
||||
Add account
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</action-sheet>
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
<ion-view id="bitpayCardPreferences">
|
||||
<ion-nav-bar class="bar-royal">
|
||||
<ion-nav-back-button>
|
||||
</ion-nav-back-button>
|
||||
<ion-nav-title>BitPay Visa® Cards</ion-nav-title>
|
||||
</ion-nav-bar>
|
||||
|
||||
<ion-content>
|
||||
<div class="list">
|
||||
<div class="item item-divider" translate>
|
||||
Cards
|
||||
</div>
|
||||
<div class="item item-icon-right" ng-repeat="card in bitpayCards">
|
||||
<span class="item-title">
|
||||
xxxx-xxxx-xxxx-{{card.lastFourDigits}}
|
||||
</span>
|
||||
<span class="item-subtitle">
|
||||
{{card.email}}
|
||||
</span>
|
||||
<i class="icon ion-trash-b icon-hotspot assertive" ng-click="remove(card)"></i>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
37
www/views/preferencesBitpayServices.html
Normal file
37
www/views/preferencesBitpayServices.html
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<ion-view id="bitpayServicesPreferences">
|
||||
<ion-nav-bar class="bar-royal">
|
||||
<ion-nav-back-button>
|
||||
</ion-nav-back-button>
|
||||
<ion-nav-title>BitPay</ion-nav-title>
|
||||
</ion-nav-bar>
|
||||
<ion-content>
|
||||
<div class="list" ng-if="bitpayCards.length > 0">
|
||||
<div class="item item-divider" translate>
|
||||
BitPay Visa® Cards
|
||||
</div>
|
||||
<div class="item item-icon-right" ng-repeat="card in bitpayCards">
|
||||
<span class="item-title">
|
||||
xxxx-xxxx-xxxx-{{card.lastFourDigits}}
|
||||
</span>
|
||||
<span class="item-subtitle">
|
||||
{{card.email}}
|
||||
</span>
|
||||
<div class="icon icon-unlink icon-hotspot" ng-click="removeCard(card)"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="item item-divider" translate>
|
||||
Accounts
|
||||
</div>
|
||||
<div class="item item-icon-right" ng-repeat="account in bitpayAccounts">
|
||||
<span class="item-title">
|
||||
{{account.firstName}} {{account.lastName}}
|
||||
</span>
|
||||
<span class="item-subtitle">
|
||||
{{account.email}}
|
||||
</span>
|
||||
<div class="icon icon-unlink icon-hotspot" ng-click="removeAccount(account)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
|
@ -117,12 +117,12 @@
|
|||
</a>
|
||||
|
||||
<a class=" item item-icon-left item-icon-right"
|
||||
ng-if="bitpayCards"
|
||||
ui-sref="tabs.preferences.bitpayCard">
|
||||
ng-if="bitpayAccounts || (bitpayCardEnabled && bitpayCards)"
|
||||
ui-sref="tabs.preferences.bitpayServices">
|
||||
<i class="icon big-icon-svg circle">
|
||||
<div class="bg icon-bitpay-card"></div>
|
||||
<div class="bg icon-bitpay"></div>
|
||||
</i>
|
||||
<span>BitPay Visa® Card</span>
|
||||
<span>BitPay</span>
|
||||
<i class="icon bp-arrow-right"></i>
|
||||
</a>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue