Improved bitpay account pairing and management of paired state and data.

This commit is contained in:
Andy Phillipson 2017-01-06 12:11:47 -05:00
commit 63bc3d8f63
23 changed files with 691 additions and 208 deletions

View file

@ -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>

View 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>
&nbsp;
</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>

View file

@ -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&reg; 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>

View 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&reg; 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>

View file

@ -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&reg; Card</span>
<span>BitPay</span>
<i class="icon bp-arrow-right"></i>
</a>