Refactor Glidera Authorization process
This commit is contained in:
Gustavo Maximiliano Cortez
parent
fc52a8cf87
commit
fcae682954
6 changed files with 230 additions and 229 deletions
|
|
@ -4,30 +4,24 @@
|
|||
</ion-nav-back-button>
|
||||
<ion-nav-title>Glidera</ion-nav-title>
|
||||
<ion-nav-buttons side="secondary">
|
||||
<button class="button button-clear button-small ng-hide" ng-show="!token && !connectingGlidera" ng-click="toggleOauthForm()">
|
||||
<span ng-hide="showOauthForm" translate>Enter Code</span>
|
||||
<span ng-show="showOauthForm" translate>Restart</span>
|
||||
<button class="button button-clear button-small ng-hide" ng-show="!account.token" ng-click="toggleOauthForm()">
|
||||
<span ng-hide="showOauthForm">Enter Code</span>
|
||||
<span ng-show="showOauthForm">Restart</span>
|
||||
</button>
|
||||
<button class="button button-clear button-small ng-hide" ng-show="token && !connectingGlidera && status && !status.userCanTransact" ng-click="retry()" translate>
|
||||
<button class="button button-clear button-small ng-hide" ng-show="account.token && account.status && !account.status.userCanTransact" ng-click="retry()">
|
||||
Refresh
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
<ion-content scroll="false" class="ng-hide" ng-show="!token && !connectingGlidera">
|
||||
<div class="box-notification error m0" ng-show="!network">
|
||||
The Glidera integration is currently disabled.
|
||||
</div>
|
||||
<div class="box-notification warning m0" ng-show="network == 'testnet'">
|
||||
Testnet wallets only work with Glidera Sandbox Accounts.
|
||||
</div>
|
||||
<ion-content scroll="false" class="ng-hide" ng-show="!account.token">
|
||||
<div class="integration-onboarding">
|
||||
<div class="integration-onboarding-logo">
|
||||
<img src="img/glidera-logo.png">
|
||||
</div>
|
||||
<div class="integration-onboarding-description" ng-hide="showOauthForm" translate>Glidera's exchange service is available in the United States, and can take 1-2 weeks to buy or sell bitcoin.</div>
|
||||
<div class="integration-onboarding-description" ng-show="showOauthForm" translate>If you have trouble, contact Glidera support for direct assistance.</div>
|
||||
<div class="integration-onboarding-description" ng-hide="showOauthForm">Glidera's exchange service is available in the United States, and can take 1-2 weeks to buy or sell bitcoin.</div>
|
||||
<div class="integration-onboarding-description" ng-show="showOauthForm">If you have trouble, contact Glidera support for direct assistance.</div>
|
||||
<div class="integration-onboarding-cta" ng-show="!showOauthForm">
|
||||
<button class="button button-standard button-primary" ng-click="openAuthenticateWindow()" translate>Connect to Glidera</button>
|
||||
<button type="button" class="button button-standard button-secondary" ng-click="openSupportWindow()" translate>Glidera Support →</button>
|
||||
<button class="button button-standard button-primary" ng-click="openAuthenticateWindow()">Connect to Glidera</button>
|
||||
<button type="button" class="button button-standard button-secondary" ng-click="openSupportWindow()">Glidera Support →</button>
|
||||
</div>
|
||||
|
||||
<div ng-show="showOauthForm" class="integration-onboarding-oauthform">
|
||||
|
|
@ -43,13 +37,13 @@
|
|||
<input
|
||||
class="button button-standard button-primary"
|
||||
type="submit" value="Connect Glidera Account" ng-disabled="oauthCodeForm.$invalid">
|
||||
<button type="button" class="button button-standard button-secondary" ng-click="openSupportWindow()" translate>Glidera Support →</button>
|
||||
<button type="button" class="button button-standard button-secondary" ng-click="openSupportWindow()">Glidera Support →</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
|
||||
<ion-content scroll="false" class="ng-hide" ng-show="token && !connectingGlidera && status && !status.userCanTransact">
|
||||
<ion-content scroll="false" class="ng-hide" ng-show="account.token && account.status && !account.status.userCanTransact">
|
||||
<div class="integration-onboarding">
|
||||
<div class="integration-onboarding-logo">
|
||||
<img src="img/glidera-logo.png">
|
||||
|
|
@ -62,35 +56,41 @@
|
|||
</div>
|
||||
</ion-content>
|
||||
|
||||
<ion-content class="ng-hide" ng-show="token && !connectingGlidera && status && status.userCanTransact">
|
||||
<ion-content class="ng-hide" ng-show="account.token && account.status && account.status.userCanTransact">
|
||||
<div class="text-center m20v">
|
||||
<img src="img/glidera-logo.png" width="170">
|
||||
</div>
|
||||
|
||||
<div class="list card"
|
||||
ng-show="status && status.userCanTransact">
|
||||
<a ng-show="status.userCanBuy"
|
||||
<div class="list card">
|
||||
<a ng-show="account.status.userCanBuy"
|
||||
class="item item-icon-right"
|
||||
href ui-sref="tabs.buyandsell.glidera.amount({isGlidera: 'buy', glideraAccessToken: token})">
|
||||
<img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="45" class="item-img-buy">
|
||||
href ui-sref="tabs.buyandsell.glidera.amount({isGlidera: 'buy', glideraAccessToken: account.token})">
|
||||
<img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="25" class="item-img-buy">
|
||||
Buy Bitcoin
|
||||
<span class="item-note" ng-show="account.price.buy">
|
||||
${{account.price.buy}}/BTC
|
||||
</span>
|
||||
<i class="icon bp-arrow-right"></i>
|
||||
</a>
|
||||
<a class="item item-icon-right"
|
||||
ng-show="status.userCanSell"
|
||||
href ui-sref="tabs.buyandsell.glidera.amount({isGlidera: 'sell', glideraAccessToken: token})">
|
||||
<img src="img/sell-bitcoin.svg" alt="buy bitcoin" width="45" class="item-img-sell">
|
||||
ng-show="account.status.userCanSell"
|
||||
href ui-sref="tabs.buyandsell.glidera.amount({isGlidera: 'sell', glideraAccessToken: account.token})">
|
||||
<img src="img/sell-bitcoin.svg" alt="buy bitcoin" width="25" class="item-img-sell">
|
||||
Sell Bitcoin
|
||||
<span class="item-note" ng-show="account.price.sell">
|
||||
${{account.price.sell}}/BTC
|
||||
</span>
|
||||
<i class="icon bp-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="list card" ng-show="permissions && permissions.transaction_history && txs.length > 0">
|
||||
<div class="list card">
|
||||
<div class="item item-heading">
|
||||
Activity
|
||||
</div>
|
||||
<a ng-repeat="tx in txs"
|
||||
ng-click="openTxModal(token, tx)"
|
||||
<a ng-repeat="tx in account.txs"
|
||||
ng-click="openTxModal(tx)"
|
||||
ng-show="account.txs && account.txs.length > 0"
|
||||
class="item">
|
||||
|
||||
<span class="item-note">
|
||||
|
|
|
|||
|
|
@ -8,55 +8,55 @@
|
|||
<ion-content>
|
||||
|
||||
<ul class="list">
|
||||
<div ng-if="token">
|
||||
<div ng-if="account.token">
|
||||
<div class="item item-divider">
|
||||
Permissions
|
||||
</div>
|
||||
<li class="item">
|
||||
<span>Email</span>
|
||||
<span class="item-note">
|
||||
{{permissions.view_email_address}}
|
||||
{{account.permissions.view_email_address}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Personal Information</span>
|
||||
<span class="item-note">
|
||||
{{permissions.personal_info}}
|
||||
{{account.permissions.personal_info}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Buy/Sell</span>
|
||||
<span class="item-note">
|
||||
{{permissions.transact}}
|
||||
{{account.permissions.transact}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Transaction History</span>
|
||||
<span class="item-note">
|
||||
{{permissions.transaction_history}}
|
||||
{{account.permissions.transaction_history}}
|
||||
</span>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div ng-if="permissions.view_email_address">
|
||||
<div ng-if="account.permissions.view_email_address">
|
||||
<div class="item item-divider">
|
||||
Email
|
||||
</div>
|
||||
<li class="item">
|
||||
<span>Email</span>
|
||||
<span class="item-note">
|
||||
{{email.email}}
|
||||
{{account.email.email}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Active</span>
|
||||
<span class="item-note">
|
||||
{{email.userEmailIsSetup}}
|
||||
{{account.email.userEmailIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
<div ng-if="permissions.personal_info">
|
||||
<div ng-if="account.permissions.personal_info">
|
||||
<div class="item item-divider">
|
||||
Personal Information
|
||||
</div>
|
||||
|
|
@ -64,73 +64,73 @@
|
|||
<li class="item">
|
||||
<span>First Name</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.firstName}}
|
||||
{{account.personalInfo.firstName}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Middle Name</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.middleName}}
|
||||
{{account.personalInfo.middleName}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Last Name</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.lastName}}
|
||||
{{account.personalInfo.lastName}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Birth Date</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.birthDate}}
|
||||
{{account.personalInfo.birthDate}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Address 1</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.address1}}
|
||||
{{account.personalInfo.address1}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Address 2</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.address2}}
|
||||
{{account.personalInfo.address2}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>City</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.city}}
|
||||
{{account.personalInfo.city}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>State</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.state}}
|
||||
{{account.personalInfo.state}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>ZIP Code</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.zipCode}}
|
||||
{{account.personalInfo.zipCode}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Country</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.countryCode}}
|
||||
{{account.personalInfo.countryCode}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Occupation</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.occupation}}
|
||||
{{account.personalInfo.occupation}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Basic Information State</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.basicInfoState}}
|
||||
{{account.personalInfo.basicInfoState}}
|
||||
</span>
|
||||
</li>
|
||||
</div>
|
||||
|
|
@ -143,56 +143,56 @@
|
|||
<li class="item">
|
||||
<span>Buy/Sell</span>
|
||||
<span class="item-note">
|
||||
{{status.userCanTransact}}
|
||||
{{account.status.userCanTransact}}
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li class="item">
|
||||
<span>Buy</span>
|
||||
<span class="item-note">
|
||||
{{status.userCanBuy}}
|
||||
{{account.status.userCanBuy}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Sell</span>
|
||||
<span class="item-note">
|
||||
{{status.userCanSell}}
|
||||
{{account.status.userCanSell}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Email Is Setup</span>
|
||||
<span class="item-note">
|
||||
{{status.userEmailIsSetup}}
|
||||
{{account.status.userEmailIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Phone Is Setup</span>
|
||||
<span class="item-note">
|
||||
{{status.userPhoneIsSetup}}
|
||||
{{account.status.userPhoneIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Bank Account Is Setup</span>
|
||||
<span class="item-note">
|
||||
{{status.userBankAccountIsSetup}}
|
||||
{{account.status.userBankAccountIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Personal Information State</span>
|
||||
<span class="item-note">
|
||||
{{status.personalInfoState}}
|
||||
{{account.status.personalInfoState}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Bank Account State</span>
|
||||
<span class="item-note">
|
||||
{{status.bankAccountState}}
|
||||
{{account.status.bankAccountState}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Country</span>
|
||||
<span class="item-note">
|
||||
{{status.country}}
|
||||
{{account.status.country}}
|
||||
</span>
|
||||
</li>
|
||||
</div>
|
||||
|
|
@ -205,55 +205,55 @@
|
|||
<li class="item">
|
||||
<span>Daily Buy</span>
|
||||
<span class="item-note">
|
||||
{{limits.dailyBuy|currency:'':2}} {{limits.currency}}
|
||||
{{account.limits.dailyBuy|currency:'':2}} {{limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Daily Sell</span>
|
||||
<span class="item-note">
|
||||
{{limits.dailySell|currency:'':2}} {{limits.currency}}
|
||||
{{account.limits.dailySell|currency:'':2}} {{limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Monthly Buy</span>
|
||||
<span class="item-note">
|
||||
{{limits.monthlyBuy|currency:'':2}} {{limits.currency}}
|
||||
{{account.limits.monthlyBuy|currency:'':2}} {{limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Monthly Sell</span>
|
||||
<span class="item-note">
|
||||
{{limits.monthlySell|currency:'':2}} {{limits.currency}}
|
||||
{{account.limits.monthlySell|currency:'':2}} {{limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Daily Buy Remaining</span>
|
||||
<span class="item-note">
|
||||
{{limits.dailyBuyRemaining|currency:'':2}} {{limits.currency}}
|
||||
{{account.limits.dailyBuyRemaining|currency:'':2}} {{limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Daily Sell Remaining</span>
|
||||
<span class="item-note">
|
||||
{{limits.dailySellRemaining|currency:'':2}} {{limits.currency}}
|
||||
{{account.limits.dailySellRemaining|currency:'':2}} {{limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Monthly Buy Remaining</span>
|
||||
<span class="item-note">
|
||||
{{limits.monthlyBuyRemaining|currency:'':2}} {{limits.currency}}
|
||||
{{account.limits.monthlyBuyRemaining|currency:'':2}} {{limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Monthly Sell Remaining</span>
|
||||
<span class="item-note">
|
||||
{{limits.monthlySellRemaining|currency:'':2}} {{limits.currency}}
|
||||
{{account.limits.monthlySellRemaining|currency:'':2}} {{limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Buy/Sell Disabled (pending first transaction)</span>
|
||||
<span class="item-note">
|
||||
{{limits.transactDisabledPendingFirstTransaction}}
|
||||
{{account.limits.transactDisabledPendingFirstTransaction}}
|
||||
</span>
|
||||
</li>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue