Glidera
This commit is contained in:
Gustavo Maximiliano Cortez
parent
ea3ea2686f
commit
ecdc3d2057
19 changed files with 1127 additions and 931 deletions
|
|
@ -1,24 +0,0 @@
|
|||
<ion-view>
|
||||
<ion-nav-bar class="bar-stable">
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button no-border" ui-sref="tabs.home">
|
||||
Close
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
<ion-nav-title translate>Buy and sell</ion-nav-title>
|
||||
</ion-nav-bar>
|
||||
<ion-content>
|
||||
<ion-list>
|
||||
<ion-item class="item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="glidera">
|
||||
<img src="img/glidera-logo.png" width="100">
|
||||
<i class="icon ion-chevron-right icon-accessory"></i>
|
||||
</ion-item>
|
||||
<ion-item class="item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="coinbase">
|
||||
<img src="img/coinbase-logo.png" width="100">
|
||||
<i class="icon ion-chevron-right icon-accessory"></i>
|
||||
</ion-item>
|
||||
|
||||
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
|
@ -1,123 +1,145 @@
|
|||
<div
|
||||
class="topbar-container"
|
||||
ng-include="'views/includes/topbar.html'"
|
||||
ng-init="titleSection='Buy'; goBackToState = 'glidera'; noColor = true">
|
||||
</div>
|
||||
<ion-view>
|
||||
<ion-nav-bar class="bar-stable">
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button no-border" ui-sref="glidera.main">
|
||||
<i class="icon ion-chevron-left"></i> Back
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
<ion-nav-title>Buy</ion-nav-title>
|
||||
</ion-nav-bar>
|
||||
|
||||
<ion-content ng-controller="buyGlideraController as buy" ng-init="init()">
|
||||
|
||||
<div class="content glidera" ng-controller="buyGlideraController as buy">
|
||||
<div class="box-notification text-center size-12 text-warning" ng-show="network == 'testnet'">
|
||||
<i class="fi-info"></i>
|
||||
Testnet wallets only work with Glidera Sandbox Accounts
|
||||
</div>
|
||||
|
||||
<div ng-show="index.glideraLimits && !buy.show2faCodeInput && !buy.success">
|
||||
<h4 class="title m0 text-left">
|
||||
<h5 class="padding" ng-show="limits && !buy.show2faCodeInput && !buy.success">
|
||||
<span class="text-light">Daily buy limit</span>:
|
||||
{{index.glideraLimits.dailyBuy|currency:'':2}} {{index.glideraLimits.currency}}
|
||||
(remaining {{index.glideraLimits.dailyBuyRemaining|currency:'':2}} {{index.glideraLimits.currency}})
|
||||
{{limits.dailyBuy|currency:'':2}} {{limits.currency}}
|
||||
(remaining {{limits.dailyBuyRemaining|currency:'':2}} {{limits.currency}})
|
||||
<br>
|
||||
<span class="text-light">Monthly buy limit</span>:
|
||||
{{index.glideraLimits.monthlyBuy|currency:'':2}} {{index.glideraLimits.currency}}
|
||||
(remaining {{index.glideraLimits.monthlyBuyRemaining|currency:'':2}} {{index.glideraLimits.currency}})
|
||||
</h4>
|
||||
</div>
|
||||
{{limits.monthlyBuy|currency:'':2}} {{limits.currency}}
|
||||
(remaining {{limits.monthlyBuyRemaining|currency:'':2}} {{limits.currency}})
|
||||
</h5>
|
||||
|
||||
<div class="row m20t">
|
||||
<div class="columns">
|
||||
<div class="box-notification m20b" ng-show="limits.transactDisabledPendingFirstTransaction && !buy.success">
|
||||
<span class="text-warning">
|
||||
This operation was disabled because you have a pending first transaction
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="box-notification m20b" ng-show="index.glideraLimits.transactDisabledPendingFirstTransaction && !buy.success">
|
||||
<span class="text-warning">
|
||||
This operation was disabled because you have a pending first transaction
|
||||
</span>
|
||||
</div>
|
||||
<div ng-show="!buy.show2faCodeInput && !buy.success">
|
||||
|
||||
<div ng-show="!buy.show2faCodeInput && !buy.success">
|
||||
<form name="buyPriceForm" ng-if="token"
|
||||
ng-submit="buy.get2faCode(token)" novalidate>
|
||||
|
||||
<form name="buyPriceForm"
|
||||
ng-submit="buy.get2faCode(index.glideraToken)" novalidate>
|
||||
<div class="list">
|
||||
|
||||
<div ng-if="index.glideraToken"
|
||||
ng-init="buy.init(index.glideraTestnet)"
|
||||
ng-click="openWalletsModal(buy.allWallets)">
|
||||
<label>Wallet</label>
|
||||
<div class="input">
|
||||
<input type="text" id="address" name="address" ng-disabled="buy.selectedWalletId"
|
||||
ng-attr-placeholder="{{'Choose your destination wallet'}}"
|
||||
ng-model="buy.selectedWalletName" required>
|
||||
<a class="postfix size-12 m0 text-gray">
|
||||
<i class="icon-wallet size-18"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<label class="item item-input item-stacked-label">
|
||||
<span class="input-label">Wallet</span>
|
||||
<input type="text"
|
||||
id="address"
|
||||
name="address"
|
||||
ng-disabled="buy.selectedWalletId"
|
||||
ng-attr-placeholder="{{'Choose your destination wallet'}}"
|
||||
ng-model="buy.selectedWalletName" required>
|
||||
<a on-tap="openWalletsModal(buy.allWallets)">
|
||||
<i class="icon ion-briefcase size-18"></i>
|
||||
</a>
|
||||
</label>
|
||||
|
||||
<label>Amount in {{showAlternative ? 'USD' : 'BTC'}}</label>
|
||||
<div class="input">
|
||||
<input ng-show="!showAlternative" type="number" id="qty" ignore-mouse-wheel
|
||||
name="qty" ng-attr-placeholder="{{'Amount'}}"
|
||||
ng-minlength="0.00000001" ng-maxlength="10000000000"
|
||||
ng-model="qty" autocomplete="off" ng-change="buy.getBuyPrice(index.glideraToken, {'qty': qty})">
|
||||
|
||||
<input ng-show="showAlternative" type="number" id="fiat" ignore-mouse-wheel
|
||||
name="fiat" ng-attr-placeholder="{{'Amount'}}"
|
||||
ng-model="fiat" autocomplete="off" ng-change="buy.getBuyPrice(index.glideraToken, {'fiat': fiat})">
|
||||
<label class="item item-input item-stacked-label">
|
||||
<span class="input-label">Amount in {{showAlternative ? 'USD' : 'BTC'}}</span>
|
||||
<input ng-show="!showAlternative"
|
||||
type="number"
|
||||
id="qty" ignore-mouse-wheel
|
||||
name="qty"
|
||||
ng-attr-placeholder="{{'Amount'}}"
|
||||
ng-minlength="0.00000001"
|
||||
ng-maxlength="10000000000"
|
||||
ng-model="qty"
|
||||
autocomplete="off"
|
||||
ng-change="buy.getBuyPrice(token, {'qty': qty})">
|
||||
|
||||
<a ng-show="!showAlternative" class="postfix"
|
||||
ng-click="showAlternative = true; qty = null; buy.buyPrice = null">BTC</a>
|
||||
<a ng-show="showAlternative" class="postfix"
|
||||
ng-click="showAlternative = false; fiat = null; buy.buyPrice = null">USD</a>
|
||||
<input ng-show="showAlternative"
|
||||
type="number"
|
||||
id="fiat" ignore-mouse-wheel
|
||||
name="fiat"
|
||||
ng-attr-placeholder="{{'Amount'}}"
|
||||
ng-model="fiat"
|
||||
autocomplete="off"
|
||||
ng-change="buy.getBuyPrice(token, {'fiat': fiat})">
|
||||
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="!buy.gettingBuyPrice && buy.buyPrice.qty">
|
||||
Buy
|
||||
<span ng-show="qty">{{buy.buyPrice.subtotal|currency:'':2}} {{buy.buyPrice.currency}} in Bitcoin</span>
|
||||
<span ng-show="fiat">{{buy.buyPrice.qty}} BTC</span>
|
||||
at {{buy.buyPrice.price}} {{buy.buyPrice.currency}}/BTC
|
||||
</div>
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="!buy.gettingBuyPrice && !buy.buyPrice.qty">
|
||||
(Enter the amount to get the exchange rate)
|
||||
</div>
|
||||
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="buy.gettingBuyPrice">
|
||||
...
|
||||
</div>
|
||||
|
||||
<input class="button black expand round"
|
||||
ng-style="{'background-color':index.backgroundColor}"
|
||||
type="submit" value="{{'Continue'}}"
|
||||
ng-disabled="index.glideraLimits.transactDisabledPendingFirstTransaction || !buy.buyPrice.qty ||
|
||||
!buy.selectedWalletId || buy.loading">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div ng-show="buy.show2faCodeInput && !buy.success">
|
||||
<div class="m10t text-center">
|
||||
{{buy.buyPrice.subtotal|currency:'':2}} {{buy.buyPrice.currency}} → {{buy.buyPrice.qty}} BTC
|
||||
<p class="m20t">
|
||||
A SMS containing a confirmation code was sent to your phone. <br>
|
||||
Please, enter the code below
|
||||
</p>
|
||||
<form name="buyForm"
|
||||
ng-submit="buy.sendRequest(index.glideraToken, index.glideraPermissions, twoFaCode)" novalidate>
|
||||
<input type="number" ng-model="twoFaCode" required ignore-mouse-wheel>
|
||||
<input class="button black expand round"
|
||||
ng-style="{'background-color':index.backgroundColor}"
|
||||
type="submit" value="{{'Buy'}}" ng-disabled="buyForm.$invalid || buy.loading">
|
||||
</form>
|
||||
<p class="m10t size-12 text-gray">
|
||||
Fiat will be immediately withdrawn from your bank account. The bitcoins will be purchased and deposited to your wallet ({{index.walletName}}) in 2-4 business days.
|
||||
</p>
|
||||
<a ng-show="!showAlternative"
|
||||
class="postfix"
|
||||
on-tap="showAlternative = true; qty = null; buy.buyPrice = null">BTC</a>
|
||||
<a ng-show="showAlternative"
|
||||
class="postfix"
|
||||
on-tap="showAlternative = false; fiat = null; buy.buyPrice = null">USD</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-notification m20b" ng-show="buy.error && !buy.success">
|
||||
<span class="text-warning">
|
||||
{{buy.error}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-center" ng-show="buy.success">
|
||||
<h1>Purchase initiated</h1>
|
||||
<p class="text-gray">
|
||||
A transfer has been initiated from your bank account. Your bitcoins should arrive to your wallet in 2-4 business days.
|
||||
</p>
|
||||
|
||||
<button class="outline dark-gray round expand" href ui-sref="glidera">OK</button>
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="!buy.gettingBuyPrice && buy.buyPrice.qty">
|
||||
Buy
|
||||
<span ng-show="qty">{{buy.buyPrice.subtotal|currency:'':2}} {{buy.buyPrice.currency}} in Bitcoin</span>
|
||||
<span ng-show="fiat">{{buy.buyPrice.qty}} BTC</span>
|
||||
at {{buy.buyPrice.price}} {{buy.buyPrice.currency}}/BTC
|
||||
</div>
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="!buy.gettingBuyPrice && !buy.buyPrice.qty">
|
||||
(Enter the amount to get the exchange rate)
|
||||
</div>
|
||||
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="buy.gettingBuyPrice">
|
||||
...
|
||||
</div>
|
||||
|
||||
<button class="button button-block"
|
||||
type="submit"
|
||||
ng-disabled="limits.transactDisabledPendingFirstTransaction || !buy.buyPrice.qty || !buy.selectedWalletId || buy.loading">
|
||||
Continue
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div ng-show="buy.show2faCodeInput && !buy.success">
|
||||
<div class="m10t text-center">
|
||||
{{buy.buyPrice.subtotal|currency:'':2}} {{buy.buyPrice.currency}} → {{buy.buyPrice.qty}} BTC
|
||||
<p class="m20t">
|
||||
A SMS containing a confirmation code was sent to your phone. <br>
|
||||
Please, enter the code below
|
||||
</p>
|
||||
<form name="buyForm"
|
||||
ng-submit="buy.sendRequest(token, permissions, twoFaCode)" novalidate>
|
||||
<div class="list">
|
||||
<label class="item item-input">
|
||||
<input type="number" ng-model="twoFaCode" placeholder="2FA Code" required ignore-mouse-wheel>
|
||||
</label>
|
||||
</div>
|
||||
<button class="button button-block"
|
||||
type="submit" ng-disabled="buyForm.$invalid || buy.loading">
|
||||
Buy
|
||||
</button>
|
||||
</form>
|
||||
<p class="m10t size-12 text-gray">
|
||||
Fiat will be immediately withdrawn from your bank account. The bitcoins will be purchased and deposited to your wallet in 2-4 business days.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
<div class="box-notification m20b" ng-show="buy.error && !buy.success">
|
||||
<span class="text-warning">
|
||||
{{buy.error}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-center" ng-show="buy.success">
|
||||
<h1>Purchase initiated</h1>
|
||||
<p class="text-gray">
|
||||
A transfer has been initiated from your bank account. Your bitcoins should arrive to your wallet in 2-4 business days.
|
||||
</p>
|
||||
|
||||
<button class="button button-block" ui-sref="glidera.main">OK</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
|
|
|||
|
|
@ -1,201 +1,187 @@
|
|||
|
||||
<div
|
||||
class="topbar-container"
|
||||
ng-include="'views/includes/topbar.html'"
|
||||
ng-init="titleSection='Buy & Sell Bitcoin'; closeToHome = true; noColor = true">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="content glidera p20b" ng-controller="glideraController as glidera">
|
||||
|
||||
<div class="row">
|
||||
<div class="m20b box-notification" ng-if="index.glideraError">
|
||||
<div class="text-warning">
|
||||
<span>{{index.glideraError}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m10t text-center" ng-show="index.glideraError">
|
||||
<button
|
||||
class="dark-gray outline round tiny"
|
||||
ng-show="index.glideraError.indexOf('Forbidden') == 40"
|
||||
ng-click="index.glideraToken = null; index.glideraError = null">
|
||||
Request a new token
|
||||
<ion-view>
|
||||
<ion-nav-bar class="bar-stable">
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button no-border" ui-sref="tabs.home">
|
||||
Close
|
||||
</button>
|
||||
<div ng-show="index.glideraError.indexOf('Forbidden') != 40">
|
||||
<button
|
||||
class="dark-gray outline round tiny"
|
||||
ng-click="index.initGlidera(index.glideraToken)">
|
||||
Retry
|
||||
</button>
|
||||
<div class="m20t size-12">
|
||||
<a class="text-gray" href ui-sref="preferencesGlidera">Preferences</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-nav-buttons>
|
||||
<ion-nav-title>Glidera</ion-nav-title>
|
||||
</ion-nav-bar>
|
||||
|
||||
<div ng-if="!index.glideraToken && !index.glideraError"
|
||||
class="row">
|
||||
<div class="box-notification text-center size-12 text-warning" ng-show="index.glideraTestnet">
|
||||
<ion-content ng-controller="glideraController as glidera" ng-init="init()">
|
||||
|
||||
<div class="box-notification text-center size-12 text-warning" ng-show="network == 'testnet'">
|
||||
<i class="fi-info"></i>
|
||||
Testnet wallets only work with Glidera Sandbox Accounts
|
||||
</div>
|
||||
<div class="columns" ng-init="showOauthForm = false">
|
||||
<div class="text-center m20v">
|
||||
<img src="img/glidera-logo.png" ng-click="index.updateGlidera(index.glideraToken, index.glideraPermissions)" width="200">
|
||||
<div class="m20b box-notification" ng-if="error">
|
||||
<div class="text-warning">
|
||||
<span>{{error}}</span>
|
||||
</div>
|
||||
<div class="text-center small-10 small-centered columns" ng-show="!showOauthForm">
|
||||
<p class="m10b">You can buy and sell Bitcoin with a US bank account directly in Copay.</p>
|
||||
</div>
|
||||
<div class="m10t text-center" ng-show="error">
|
||||
<button
|
||||
class="button"
|
||||
ng-show="error.indexOf('Forbidden') == 40"
|
||||
ng-click="token = null; error = null">
|
||||
Request a new token
|
||||
</button>
|
||||
<div ng-show="error.indexOf('Forbidden') != 40">
|
||||
<button
|
||||
class="button"
|
||||
ng-click="init(token)">
|
||||
Retry
|
||||
</button>
|
||||
<div class="m20t size-12">
|
||||
<a class="text-gray" href ui-sref="glidera.preferences">Preferences</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="m20t text-gray size-12 text-left">
|
||||
DISCLOSURE.<br>
|
||||
Glidera Inc. (Glidera) is providing the service of buying or selling bitcoins to Copay users. To enable this
|
||||
service, Glidera has registered with US Treasury Department’s FinCEN as a Money Service Business
|
||||
(#31000042625755). Users of Copay must agree to the service agreement presented by Glidera prior to obtaining
|
||||
Glidera’s service of buying or selling bitcoins. Service available in U.S. and Canada only. In U.S. (buy & sell) CA, GA, IL, KS,
|
||||
MA, MD, MO, MT, MN, SC, TX, AZ, CO, DE, ME, NJ, PA, TN, UT, NV, WI. In Canada (buy & sell) AB, BC, MB, NB, NL, NS, NT, NU,
|
||||
ON, PE, SK, YT.
|
||||
</p>
|
||||
<div ng-if="!token && !error">
|
||||
|
||||
<p class="m20t text-gray size-12">Connect your Glidera account to get started</p>
|
||||
<div ng-init="showOauthForm = false">
|
||||
<div class="text-center m20b">
|
||||
<img src="img/glidera-logo.png" ng-click="update(token, permissions)" width="200">
|
||||
</div>
|
||||
<div class="text-center small-10 small-centered columns" ng-show="!showOauthForm">
|
||||
<p class="m10b">You can buy and sell Bitcoin with a US bank account directly in Copay.</p>
|
||||
|
||||
<a class="button light-gray outline round small"
|
||||
ng-click="$root.openExternalLink(glidera.getAuthenticateUrl(), '_system'); showOauthForm = true">
|
||||
Connect to Glidera
|
||||
<p class="m20t padding text-gray size-12 text-left">
|
||||
DISCLOSURE.<br>
|
||||
Glidera Inc. (Glidera) is providing the service of buying or selling bitcoins to Copay users. To enable this
|
||||
service, Glidera has registered with US Treasury Department’s FinCEN as a Money Service Business
|
||||
(#31000042625755). Users of Copay must agree to the service agreement presented by Glidera prior to obtaining
|
||||
Glidera’s service of buying or selling bitcoins. Service available in U.S. and Canada only. In U.S. (buy & sell) CA, GA, IL, KS,
|
||||
MA, MD, MO, MT, MN, SC, TX, AZ, CO, DE, ME, NJ, PA, TN, UT, NV, WI. In Canada (buy & sell) AB, BC, MB, NB, NL, NS, NT, NU,
|
||||
ON, PE, SK, YT.
|
||||
</p>
|
||||
|
||||
<p class="m20t text-gray size-12">Connect your Glidera account to get started</p>
|
||||
|
||||
<button class="button"
|
||||
ng-click="openExternalLink(glidera.getAuthenticateUrl(), '_system'); showOauthForm = true">
|
||||
Connect to Glidera
|
||||
</button>
|
||||
<div class="m10t">
|
||||
<a href ng-click="showOauthForm = true" class="text-gray size-12">
|
||||
Do you already have the Oauth Code?
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div ng-show="showOauthForm">
|
||||
<div class="text-left box-notification size-12 text-warning" ng-show="error">
|
||||
{{error}}
|
||||
</div>
|
||||
<form name="oauthCodeForm" ng-submit="glidera.submitOauthCode(code)" novalidate>
|
||||
<div class="list">
|
||||
<label class="item item-input item-stacked-label">
|
||||
<span class="input-label">OAuth Code</span>
|
||||
<input type="text"
|
||||
ng-model="code"
|
||||
ng-attr-placeholder="{{'Paste the authorization code here'}}" required>
|
||||
</label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<input type="button"
|
||||
value="Cancel"
|
||||
class="button button-block"
|
||||
ng-click="showOauthForm = false; error = null">
|
||||
</div>
|
||||
<div class="col">
|
||||
<input
|
||||
class="button button-block"
|
||||
type="submit"
|
||||
value="Get started"
|
||||
ng-disabled="oauthCodeForm.$invalid">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-if="token && permissions">
|
||||
<div class="p20v text-center">
|
||||
<img src="img/glidera-logo.png" ng-click="update(token, permissions)" width="100">
|
||||
</div>
|
||||
<div class="list">
|
||||
<a class="item item-icon-left" href ui-sref="glidera.preferences">
|
||||
<i class="icon ion-gear-a"></i>
|
||||
<span ng-show="personalInfo">{{personalInfo.firstName}} {{personalInfo.lastName}}</span>
|
||||
<span class="item-note" ng-show="email">
|
||||
{{email}}
|
||||
</span>
|
||||
</a>
|
||||
<div>
|
||||
<a href ng-click="showOauthForm = true" class="text-gray size-12">
|
||||
Do you already have the Oauth Code?
|
||||
</div>
|
||||
<div class="padding">
|
||||
<div class="text-center m30v size-12"
|
||||
ng-show="status && !status.userCanTransact">
|
||||
<h4 class="text-bold"> Complete Setup</h4>
|
||||
<div>Your Glidera account is not ready to transact. Please, verify it at <b>Glidera.io</b></div>
|
||||
<a class="button"
|
||||
ng-init="glideraUrl = network == 'testnet' ? 'https://sandbox.glidera.io/login' :
|
||||
'https://glidera.io/login'"
|
||||
ng-click="openExternalLink(glideraUrl)">
|
||||
Go to Glidera
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list"
|
||||
ng-show="status && status.userCanTransact">
|
||||
<a ng-show="status.userCanBuy"
|
||||
class="item item-avatar"
|
||||
href ui-sref="glidera.buy">
|
||||
<img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="40">
|
||||
Buy Bitcoin
|
||||
</a>
|
||||
<a class="item item-avatar"
|
||||
ng-show="status.userCanSell"
|
||||
href ui-sref="glidera.sell">
|
||||
<img src="img/sell-bitcoin.svg" alt="buy bitcoin" width="40">
|
||||
Sell Bitcoin
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div ng-show="permissions.transaction_history">
|
||||
<h4>Activity</h4>
|
||||
<div ng-show="txs.length == 0 "
|
||||
class="size-12 p10 text-center text-gray">
|
||||
No activity in your account
|
||||
</div>
|
||||
<div class="list">
|
||||
<a ng-repeat="tx in txs"
|
||||
ng-click="glidera.openTxModal(token, tx)"
|
||||
class="item item-avatar">
|
||||
<img src="img/bought.svg" alt="bought" width="39" ng-show="tx.type == 'BUY' && tx.status == 'COMPLETE'">
|
||||
<img src="img/bought-pending.svg" alt="bought" width="33" ng-show="tx.type == 'BUY' && tx.status == 'PROCESSING'">
|
||||
<img src="img/sold.svg" alt="bought" width="39" ng-show="tx.type == 'SELL' && tx.status == 'COMPLETE'">
|
||||
<img src="img/sold-pending.svg" alt="bought" width="33" ng-show="tx.type == 'SELL' && tx.status == 'PROCESSING'">
|
||||
|
||||
<h2>
|
||||
<span ng-show="tx.type == 'BUY'">Bought</span>
|
||||
<span ng-show="tx.type == 'SELL'">Sold</span>
|
||||
<b>{{tx.qty}}</b> BTC
|
||||
</h2>
|
||||
<p>
|
||||
{{tx.subtotal|currency:'':2}} {{tx.currency}}
|
||||
</p>
|
||||
<div class="right">
|
||||
<div class="m5t size-12 text-gray">
|
||||
<div ng-show="tx.status == 'COMPLETE'">
|
||||
<time ng-if="tx.transactionDate">{{tx.transactionDate | amTimeAgo}}</time>
|
||||
</div>
|
||||
<div ng-show="tx.status == 'PROCESSING'">
|
||||
<span class="label outline gray radius text-gray text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center" ng-show="showOauthForm">
|
||||
<div class="text-left box-notification size-12 text-warning" ng-show="glidera.error">
|
||||
{{glidera.error}}
|
||||
</div>
|
||||
<form name="oauthCodeForm" ng-submit="glidera.submitOauthCode(code)" novalidate>
|
||||
<label>OAuth Code</label>
|
||||
<input type="text" ng-model="code" ng-disabled="glidera.loading"
|
||||
ng-attr-placeholder="{{'Paste the authorization code here'}}" required>
|
||||
<input
|
||||
class="button expand round"
|
||||
ng-style="{'background-color':index.backgroundColor}"
|
||||
type="submit" value="Get started" ng-disabled="oauthCodeForm.$invalid || glidera.loading">
|
||||
</form>
|
||||
<button class="button light-gray expand outline round"
|
||||
ng-click="showOauthForm = false; index.glideraError = null; glidera.error = null">
|
||||
<i class="fi-arrow-left"></i> <span class="tu">Back</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-if="index.glideraToken && index.glideraPermissions">
|
||||
<div class="p20v text-center white">
|
||||
<img src="img/glidera-logo.png" ng-click="index.updateGlidera(index.glideraToken, index.glideraPermissions)" width="100">
|
||||
</div>
|
||||
<div class="sub-header" href ui-sref="preferencesGlidera">
|
||||
<div class="left">
|
||||
<div ng-show="!index.glideraPersonalInfo && !index.glideraEmail">
|
||||
Preferences
|
||||
</div>
|
||||
<div ng-show="index.glideraPersonalInfo" class="size-12">
|
||||
<b>
|
||||
{{index.glideraPersonalInfo.firstName}} {{index.glideraPersonalInfo.lastName}}
|
||||
</b>
|
||||
</div>
|
||||
<div class="size-12" ng-show="index.glideraEmail">
|
||||
{{index.glideraEmail}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="pointer m5t">
|
||||
<i class="fi-widget size-16 text-gray"></i>
|
||||
<span class="right text-gray">
|
||||
<i class="icon-arrow-right3 size-24 right"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="text-center columns small-8 small-centered m30v size-12"
|
||||
ng-show="index.glideraStatus && !index.glideraStatus.userCanTransact">
|
||||
<h4 class="text-bold"> Complete Setup</h4>
|
||||
<div>Your Glidera account is not ready to transact. Please, verify it at <b>Glidera.io</b></div>
|
||||
<a class="button m20t light-gray outline round tiny"
|
||||
ng-init="glideraUrl = index.glideraTestnet ? 'https://sandbox.glidera.io/login' :
|
||||
'https://glidera.io/login'"
|
||||
ng-click="$root.openExternalLink(glideraUrl)">
|
||||
Go to Glidera
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="no-bullet m0 size-14"
|
||||
ng-show="index.glideraStatus && index.glideraStatus.userCanTransact">
|
||||
<li ng-show="index.glideraStatus.userCanBuy"
|
||||
class="line-b line-t p20 pointer"
|
||||
href ui-sref="buyGlidera">
|
||||
<img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="40">
|
||||
<span class="m10 text-normal text-bold">Buy Bitcoin</span>
|
||||
<span class="right text-gray">
|
||||
<i class="icon-arrow-right3 size-24 right"></i>
|
||||
</span>
|
||||
</li>
|
||||
<li class="line-b p20 pointer"
|
||||
ng-show="index.glideraStatus.userCanSell"
|
||||
href ui-sref="sellGlidera">
|
||||
<img src="img/sell-bitcoin.svg" alt="buy bitcoin" width="40">
|
||||
<span class="m10 text-normal text-bold">Sell Bitcoin</span>
|
||||
<span class="right text-gray">
|
||||
<i class="icon-arrow-right3 size-24 right"></i>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div ng-show="index.glideraPermissions.transaction_history">
|
||||
<h4>Activity</h4>
|
||||
<div ng-show="index.glideraTxs.length == 0 "
|
||||
class="size-12 p10 text-center text-gray">
|
||||
No activity in your account
|
||||
</div>
|
||||
<div ng-repeat="tx in index.glideraTxs"
|
||||
ng-click="glidera.openTxModal(index.glideraToken, tx)"
|
||||
class="row collapse last-transactions-content">
|
||||
<div class="large-3 medium-3 small-3 columns">
|
||||
<img src="img/bought.svg" alt="bought" width="39" ng-show="tx.type == 'BUY' && tx.status == 'COMPLETE'">
|
||||
<img src="img/bought-pending.svg" alt="bought" width="33" ng-show="tx.type == 'BUY' && tx.status == 'PROCESSING'">
|
||||
<img src="img/sold.svg" alt="bought" width="39" ng-show="tx.type == 'SELL' && tx.status == 'COMPLETE'">
|
||||
<img src="img/sold-pending.svg" alt="bought" width="33" ng-show="tx.type == 'SELL' && tx.status == 'PROCESSING'">
|
||||
</div>
|
||||
|
||||
<div class="large-4 medium-4 small-4 columns">
|
||||
<div class="size-14">
|
||||
<span ng-show="tx.type == 'BUY'">Bought</span>
|
||||
<span ng-show="tx.type == 'SELL'">Sold</span>
|
||||
<b>{{tx.qty}}</b> BTC
|
||||
</div>
|
||||
<span class="size-14 text-bold">
|
||||
{{tx.subtotal|currency:'':2}} {{tx.currency}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="large-4 medium-4 small-4 columns text-right">
|
||||
<div class="m5t size-12 text-gray">
|
||||
<div ng-show="tx.status == 'COMPLETE'">
|
||||
<time ng-if="tx.transactionDate">{{tx.transactionDate | amTimeAgo}}</time>
|
||||
</div>
|
||||
<div ng-show="tx.status == 'PROCESSING'">
|
||||
<span class="label outline gray radius text-gray text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-1 medium-1 small-1 columns text-right">
|
||||
<i class="icon-arrow-right3 size-18"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,14 @@
|
|||
<ion-modal-view ng-controller="glideraConfirmationController">
|
||||
<div class="m20tp text-center">
|
||||
<div class="row">
|
||||
<h1 class="text-center m20b p20h">Are you sure you would like to log out of your Glidera account?</h1>
|
||||
<p class="text-gray p20h">You will need to log back in to buy or sell bitcoin in Copay.</p>
|
||||
<div class="large-6 medium-6 small-6 columns">
|
||||
<button class="button light-gray expand outline round" ng-click="cancel()">
|
||||
<i class="fi-arrow-left"></i> <span class="tu">Back</span>
|
||||
<ion-modal-view>
|
||||
<ion-content ng-controller="glideraConfirmationController">
|
||||
<div class="text-center">
|
||||
<h1 class="text-center m20b p20h">Are you sure you would like to log out of your Glidera account?</h1>
|
||||
<p class="text-gray p20h">You will need to log back in to buy or sell bitcoin in Copay.</p>
|
||||
<button class="button" ng-click="cancel()">
|
||||
Cancel
|
||||
</button>
|
||||
<button class="button" ng-click="ok()">
|
||||
Log out
|
||||
</button>
|
||||
</div>
|
||||
<div class="large-6 medium-6 small-6 columns">
|
||||
<button class="button warning expand round" ng-click="ok()">
|
||||
<span>Log out</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-modal-view>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,10 @@
|
|||
<ion-modal-view ng-controller="glideraTxDetailsController">
|
||||
<ion-header-bar align-title="center" class="tab-bar">
|
||||
<div class="left-small">
|
||||
<a ng-click="cancel()">
|
||||
<i class="icon-arrow-left3 icon-back"></i>
|
||||
<span class="text-back">Back</span>
|
||||
</a>
|
||||
</div>
|
||||
<h1 class="title ellipsis" translate>Details</h1>
|
||||
<button class="button button-clear button-positive"
|
||||
ng-click="cancel()">
|
||||
Close
|
||||
</button>
|
||||
<h1 class="title" translate>Details</h1>
|
||||
</ion-header-bar>
|
||||
|
||||
<ion-content>
|
||||
|
|
|
|||
|
|
@ -1,266 +1,278 @@
|
|||
<div
|
||||
class="topbar-container"
|
||||
ng-include="'views/includes/topbar.html'"
|
||||
ng-init="titleSection='Preferences'; goBackToState = 'glidera'; noColor = true">
|
||||
</div>
|
||||
<ion-view>
|
||||
<ion-nav-bar class="bar-stable">
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button no-border" ui-sref="glidera.main">
|
||||
<i class="icon ion-chevron-left"></i> Back
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
<ion-nav-title>Preferences</ion-nav-title>
|
||||
</ion-nav-bar>
|
||||
|
||||
<div class="content preferences" ng-controller="preferencesGlideraController as glidera">
|
||||
<ion-content ng-controller="preferencesGlideraController" ng-init="init()">
|
||||
|
||||
<ul ng-if="index.glideraToken" class="no-bullet m0">
|
||||
<h4 class="title m0">Permissions</h4>
|
||||
<li>
|
||||
<span>Email</span>
|
||||
<span class="right text-gray">
|
||||
{{index.glideraPermissions.view_email_address}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Personal Information</span>
|
||||
<span class="right text-gray">
|
||||
{{index.glideraPermissions.personal_info}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Buy/Sell</span>
|
||||
<span class="right text-gray">
|
||||
{{index.glideraPermissions.transact}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Transaction History</span>
|
||||
<span class="right text-gray">
|
||||
{{index.glideraPermissions.transaction_history}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<ul ng-if="token" class="list">
|
||||
<div class="item item-divider">
|
||||
Permissions
|
||||
</div>
|
||||
<li class="item">
|
||||
<span>Email</span>
|
||||
<span class="item-note">
|
||||
{{permissions.view_email_address}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Personal Information</span>
|
||||
<span class="item-note">
|
||||
{{permissions.personal_info}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Buy/Sell</span>
|
||||
<span class="item-note">
|
||||
{{permissions.transact}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Transaction History</span>
|
||||
<span class="item-note">
|
||||
{{permissions.transaction_history}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul ng-if="index.glideraPermissions.view_email_address"
|
||||
ng-init="glidera.getEmail(index.glideraToken)"
|
||||
class="no-bullet m0">
|
||||
<h4 class="title m0">Email</h4>
|
||||
<li>
|
||||
<span>Email</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.email.email}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Active</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.email.userEmailIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<ul ng-if="permissions.view_email_address"
|
||||
class="list">
|
||||
<div class="item item-divider">
|
||||
Email
|
||||
</div>
|
||||
<li class="item">
|
||||
<span>Email</span>
|
||||
<span class="item-note">
|
||||
{{email.email}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Active</span>
|
||||
<span class="item-note">
|
||||
{{email.userEmailIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul ng-if="index.glideraPermissions.personal_info"
|
||||
ng-init="glidera.getPersonalInfo(index.glideraToken)"
|
||||
class="no-bullet m0">
|
||||
<h4 class="title m0">Personal Information</h4>
|
||||
<ul ng-if="permissions.personal_info"
|
||||
class="list">
|
||||
<div class="item item-divider">
|
||||
Personal Information
|
||||
</div>
|
||||
|
||||
<li>
|
||||
<span>First Name</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.firstName}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Middle Name</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.middleName}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Last Name</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.lastName}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Birth Date</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.birthDate}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Address 1</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.address1}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Address 2</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.address2}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>City</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.city}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>State</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.state}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>ZIP Code</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.zipCode}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Country</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.countryCode}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Occupation</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.occupation}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Basic Information State</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.personalInfo.basicInfoState}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<li class="item">
|
||||
<span>First Name</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.firstName}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Middle Name</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.middleName}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Last Name</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.lastName}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Birth Date</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.birthDate}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Address 1</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.address1}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Address 2</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.address2}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>City</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.city}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>State</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.state}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>ZIP Code</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.zipCode}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Country</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.countryCode}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Occupation</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.occupation}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Basic Information State</span>
|
||||
<span class="item-note">
|
||||
{{personalInfo.basicInfoState}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul ng-if="index.glideraToken" ng-init="glidera.getStatus(index.glideraToken)"
|
||||
class="no-bullet m0">
|
||||
<h4 class="title m0">Status</h4>
|
||||
<ul ng-if="token"
|
||||
class="list">
|
||||
<div class="item item-divider">
|
||||
Status
|
||||
</div>
|
||||
|
||||
<li>
|
||||
<span>Buy/Sell</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.userCanTransact}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Buy/Sell</span>
|
||||
<span class="item-note">
|
||||
{{status.userCanTransact}}
|
||||
</span>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<span>Buy</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.userCanBuy}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Sell</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.userCanSell}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Email Is Setup</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.userEmailIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Phone Is Setup</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.userPhoneIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Bank Account Is Setup</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.userBankAccountIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Personal Information State</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.personalInfoState}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Bank Account State</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.bankAccountState}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Country</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.status.country}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<li class="item">
|
||||
<span>Buy</span>
|
||||
<span class="item-note">
|
||||
{{status.userCanBuy}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Sell</span>
|
||||
<span class="item-note">
|
||||
{{status.userCanSell}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Email Is Setup</span>
|
||||
<span class="item-note">
|
||||
{{status.userEmailIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Phone Is Setup</span>
|
||||
<span class="item-note">
|
||||
{{status.userPhoneIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Bank Account Is Setup</span>
|
||||
<span class="item-note">
|
||||
{{status.userBankAccountIsSetup}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Personal Information State</span>
|
||||
<span class="item-note">
|
||||
{{status.personalInfoState}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Bank Account State</span>
|
||||
<span class="item-note">
|
||||
{{status.bankAccountState}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Country</span>
|
||||
<span class="item-note">
|
||||
{{status.country}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul ng-if="index.glideraToken" ng-init="glidera.getLimits(index.glideraToken)"
|
||||
class="no-bullet m0">
|
||||
<h4 class="title m0">Limits</h4>
|
||||
<ul ng-if="token"
|
||||
class="list">
|
||||
<div class="item item-divider">
|
||||
Limits
|
||||
</div>
|
||||
|
||||
<li>
|
||||
<span>Daily Buy</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.dailyBuy|currency:'':2}} {{glidera.limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Daily Sell</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.dailySell|currency:'':2}} {{glidera.limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Monthly Buy</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.monthlyBuy|currency:'':2}} {{glidera.limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Monthly Sell</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.monthlySell|currency:'':2}} {{glidera.limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Daily Buy Remaining</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.dailyBuyRemaining|currency:'':2}} {{glidera.limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Daily Sell Remaining</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.dailySellRemaining|currency:'':2}} {{glidera.limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Monthly Buy Remaining</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.monthlyBuyRemaining|currency:'':2}} {{glidera.limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Monthly Sell Remaining</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.monthlySellRemaining|currency:'':2}} {{glidera.limits.currency}}
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>Buy/Sell Disabled (pending first transaction)</span>
|
||||
<span class="right text-gray">
|
||||
{{glidera.limits.transactDisabledPendingFirstTransaction}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
<li class="item">
|
||||
<span>Daily Buy</span>
|
||||
<span class="item-note">
|
||||
{{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}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Monthly Buy</span>
|
||||
<span class="item-note">
|
||||
{{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}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Daily Buy Remaining</span>
|
||||
<span class="item-note">
|
||||
{{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}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Monthly Buy Remaining</span>
|
||||
<span class="item-note">
|
||||
{{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}}
|
||||
</span>
|
||||
</li>
|
||||
<li class="item">
|
||||
<span>Buy/Sell Disabled (pending first transaction)</span>
|
||||
<span class="item-note">
|
||||
{{limits.transactDisabledPendingFirstTransaction}}
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="no-bullet m0">
|
||||
<h4 class="title m0">Account</h4>
|
||||
<ul class="list">
|
||||
<div class="item item-divider">
|
||||
Account
|
||||
</div>
|
||||
|
||||
<li ng-click="glidera.revokeToken(index.glideraTestnet)">
|
||||
<i class="icon-arrow-right3 size-24 right text-gray"></i>
|
||||
<span class="text-warning">Log out</span>
|
||||
</li>
|
||||
</ul>
|
||||
<h4></h4>
|
||||
<li class="item" ng-click="revokeToken()">
|
||||
<span class="assertive">Log out</span>
|
||||
</li>
|
||||
</ul>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
||||
</div>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
|
|
|
|||
|
|
@ -1,123 +1,140 @@
|
|||
<div
|
||||
class="topbar-container"
|
||||
ng-include="'views/includes/topbar.html'"
|
||||
ng-init="titleSection='Sell'; goBackToState = 'glidera'; noColor = true">
|
||||
</div>
|
||||
<ion-view>
|
||||
<ion-nav-bar class="bar-stable">
|
||||
<ion-nav-buttons side="primary">
|
||||
<button class="button no-border" ui-sref="glidera.main">
|
||||
<i class="icon ion-chevron-left"></i> Back
|
||||
</button>
|
||||
</ion-nav-buttons>
|
||||
<ion-nav-title>Sell</ion-nav-title>
|
||||
</ion-nav-bar>
|
||||
|
||||
<ion-content ng-controller="sellGlideraController as sell" ng-init="init()">
|
||||
|
||||
<div class="content glidera" ng-controller="sellGlideraController as sell">
|
||||
|
||||
<div ng-show="index.glideraLimits && !sell.show2faCodeInput && !sell.success">
|
||||
<h4 class="title m0 text-left">
|
||||
<h4 class="padding" ng-show="limits && !sell.show2faCodeInput && !sell.success">
|
||||
<span class="text-light">Daily sell limit</span>:
|
||||
{{index.glideraLimits.dailySell|currency:'':2}} {{index.glideraLimits.currency}}
|
||||
(remaining {{index.glideraLimits.dailySellRemaining|currency:'':2}} {{index.glideraLimits.currency}})
|
||||
{{limits.dailySell|currency:'':2}} {{limits.currency}}
|
||||
(remaining {{limits.dailySellRemaining|currency:'':2}} {{limits.currency}})
|
||||
<br>
|
||||
<span class="text-light">Monthly sell limit</span>:
|
||||
{{index.glideraLimits.monthlySell|currency:'':2}} {{index.glideraLimits.currency}}
|
||||
(remaining {{index.glideraLimits.monthlySellRemaining|currency:'':2}} {{index.glideraLimits.currency}})
|
||||
{{limits.monthlySell|currency:'':2}} {{limits.currency}}
|
||||
(remaining {{limits.monthlySellRemaining|currency:'':2}} {{limits.currency}})
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="row m20t">
|
||||
<div class="columns">
|
||||
<div class="box-notification m20b" ng-show="limits.transactDisabledPendingFirstTransaction">
|
||||
<span class="text-warning">
|
||||
This operation was disabled because you have a pending first transaction
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="box-notification m20b" ng-show="index.glideraLimits.transactDisabledPendingFirstTransaction">
|
||||
<span class="text-warning">
|
||||
This operation was disabled because you have a pending first transaction
|
||||
</span>
|
||||
</div>
|
||||
<div ng-show="!sell.show2faCodeInput && !sell.success">
|
||||
<form name="sellPriceForm" ng-if="token"
|
||||
ng-submit="sell.get2faCode(token)" novalidate>
|
||||
|
||||
<div ng-show="!sell.show2faCodeInput && !sell.success">
|
||||
<form name="sellPriceForm"
|
||||
ng-submit="sell.get2faCode(index.glideraToken)" novalidate>
|
||||
<div class="list">
|
||||
<label class="item item-input item-stacked-label">
|
||||
<span class="input-label">Wallet</span>
|
||||
<input type="text"
|
||||
id="address"
|
||||
name="address"
|
||||
ng-disabled="sell.selectedWalletId"
|
||||
ng-attr-placeholder="{{'Choose your source wallet'}}"
|
||||
ng-model="sell.selectedWalletName" required>
|
||||
<a on-tap="openWalletsModal(sell.allWallets)">
|
||||
<i class="icon ion-briefcase size-18"></i>
|
||||
</a>
|
||||
</label>
|
||||
|
||||
<div ng-if="index.glideraToken"
|
||||
ng-init="sell.init(index.glideraTestnet)"
|
||||
ng-click="openWalletsModal(sell.allWallets)">
|
||||
<label>Wallet</label>
|
||||
<div class="input">
|
||||
<input type="text" id="address" name="address" ng-disabled="sell.selectedWalletId"
|
||||
ng-attr-placeholder="{{'Choose your source wallet'}}"
|
||||
ng-model="sell.selectedWalletName" required>
|
||||
<a class="postfix size-12 m0 text-gray">
|
||||
<i class="icon-wallet size-18"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<label class="item item-input item-stacked-label">
|
||||
<span class="input-label"><span>Amount in</span> {{showAlternative ? 'USD' : 'BTC'}}</span>
|
||||
<input ng-show="!showAlternative"
|
||||
type="number"
|
||||
id="qty" ignore-mouse-wheel
|
||||
name="qty"
|
||||
ng-attr-placeholder="{{'Amount'}}"
|
||||
ng-minlength="0.00000001"
|
||||
ng-maxlength="10000000000"
|
||||
ng-model="qty"
|
||||
autocomplete="off"
|
||||
ng-change="sell.getSellPrice(token, {'qty': qty})">
|
||||
|
||||
<label><span>Amount in</span> {{showAlternative ? 'USD' : 'BTC'}}</label>
|
||||
<div class="input">
|
||||
<input ng-show="!showAlternative" type="number" id="qty" ignore-mouse-wheel
|
||||
name="qty" ng-attr-placeholder="{{'Amount'}}"
|
||||
ng-minlength="0.00000001" ng-maxlength="10000000000"
|
||||
ng-model="qty" autocomplete="off" ng-change="sell.getSellPrice(index.glideraToken, {'qty': qty})">
|
||||
<input ng-show="showAlternative"
|
||||
type="number"
|
||||
id="fiat" ignore-mouse-wheel
|
||||
name="fiat"
|
||||
ng-attr-placeholder="{{'Amount'}}"
|
||||
ng-model="fiat"
|
||||
autocomplete="off"
|
||||
ng-change="sell.getSellPrice(token, {'fiat': fiat})">
|
||||
|
||||
<input ng-show="showAlternative" type="number" id="fiat" ignore-mouse-wheel
|
||||
name="fiat" ng-attr-placeholder="{{'Amount'}}"
|
||||
ng-model="fiat" autocomplete="off" ng-change="sell.getSellPrice(index.glideraToken, {'fiat': fiat})">
|
||||
|
||||
<a ng-show="!showAlternative" class="postfix"
|
||||
ng-click="showAlternative = true; qty = null; sell.sellPrice = null">BTC</a>
|
||||
<a ng-show="showAlternative" class="postfix"
|
||||
ng-click="showAlternative = false; fiat = null; sell.sellPrice = null">USD</a>
|
||||
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="!sell.gettingSellPrice && sell.sellPrice.qty">
|
||||
Sell
|
||||
<span ng-show="qty">{{sell.sellPrice.subtotal|currency:'':2}} {{sell.sellPrice.currency}} in Bitcoin</span>
|
||||
<span ng-show="fiat">{{sell.sellPrice.qty}} BTC</span>
|
||||
at {{sell.sellPrice.price|currency:'':2}} {{sell.sellPrice.currency}}/BTC
|
||||
|
||||
</div>
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="!sell.gettingSellPrice && !sell.sellPrice.qty">
|
||||
(Enter the amount to get the exchange rate)
|
||||
</div>
|
||||
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="sell.gettingSellPrice">
|
||||
...
|
||||
</div>
|
||||
|
||||
<input class="button black expand round"
|
||||
ng-style="{'background-color':index.backgroundColor}"
|
||||
type="submit" value="{{'Continue'}}"
|
||||
ng-disabled="index.glideraLimits.transactDisabledPendingFirstTransaction || !sell.sellPrice.qty ||
|
||||
!sell.selectedWalletId ">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div ng-show="sell.show2faCodeInput && !sell.success">
|
||||
<div class="m10t text-center">
|
||||
{{sell.sellPrice.qty}} BTC → {{sell.sellPrice.subtotal|currency:'':2}} {{sell.sellPrice.currency}}
|
||||
<p class="m20t">
|
||||
A SMS containing a confirmation code was sent to your phone. <br>
|
||||
Please, enter the code below
|
||||
</p>
|
||||
<form name="sellForm"
|
||||
ng-submit="sell.createTx(index.glideraToken, index.glideraPermissions, twoFaCode)" novalidate>
|
||||
<input type="number" ng-model="twoFaCode" required ignore-mouse-wheel>
|
||||
<input class="button black expand round"
|
||||
ng-style="{'background-color':index.backgroundColor}"
|
||||
type="submit" value="{{'Sell'}}" ng-disabled="sellForm.$invalid ">
|
||||
</form>
|
||||
<p class="m10t size-12 text-gray">
|
||||
Bitcoins will be immediately sent from your wallet to Glidera. Fiat will be deposited in your bank account in 4-6 business days.
|
||||
</p>
|
||||
<a ng-show="!showAlternative"
|
||||
class="postfix"
|
||||
on-tap="showAlternative = true; qty = null; sell.sellPrice = null">BTC</a>
|
||||
<a ng-show="showAlternative"
|
||||
class="postfix"
|
||||
on-tap="showAlternative = false; fiat = null; sell.sellPrice = null">USD</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-notification" ng-show="sell.error && !sell.success">
|
||||
<span class="text-warning size-14">
|
||||
{{sell.error}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-center" ng-show="sell.success">
|
||||
<h1>Sale initiated</h1>
|
||||
<p class="text-gray">
|
||||
A transfer has been initiated to your bank account and should arrive in 4-6 business days.
|
||||
</p>
|
||||
|
||||
<button class="outline dark-gray round expand"
|
||||
ng-click="$root.go('glidera')">OK</button>
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="!sell.gettingSellPrice && sell.sellPrice.qty">
|
||||
Sell
|
||||
<span ng-show="qty">{{sell.sellPrice.subtotal|currency:'':2}} {{sell.sellPrice.currency}} in Bitcoin</span>
|
||||
<span ng-show="fiat">{{sell.sellPrice.qty}} BTC</span>
|
||||
at {{sell.sellPrice.price|currency:'':2}} {{sell.sellPrice.currency}}/BTC
|
||||
|
||||
</div>
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="!sell.gettingSellPrice && !sell.sellPrice.qty">
|
||||
(Enter the amount to get the exchange rate)
|
||||
</div>
|
||||
|
||||
<div class="text-center text-gray size-12 m20b" ng-show="sell.gettingSellPrice">
|
||||
...
|
||||
</div>
|
||||
|
||||
<button class="button button-block"
|
||||
type="submit"
|
||||
ng-disabled="limits.transactDisabledPendingFirstTransaction || !sell.sellPrice.qty || !sell.selectedWalletId ">
|
||||
Continue
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div ng-show="sell.show2faCodeInput && !sell.success">
|
||||
<div class="m10t text-center">
|
||||
{{sell.sellPrice.qty}} BTC → {{sell.sellPrice.subtotal|currency:'':2}} {{sell.sellPrice.currency}}
|
||||
<p class="m20t">
|
||||
A SMS containing a confirmation code was sent to your phone. <br>
|
||||
Please, enter the code below
|
||||
</p>
|
||||
<form name="sellForm"
|
||||
ng-submit="sell.createTx(token, permissions, twoFaCode)" novalidate>
|
||||
<div class="list">
|
||||
<label class="item item-input">
|
||||
<input type="number" ng-model="twoFaCode" placeholder="2FA Code" required ignore-mouse-wheel>
|
||||
</label>
|
||||
</div>
|
||||
<button class="button button-block"
|
||||
type="submit"
|
||||
ng-disabled="sellForm.$invalid ">
|
||||
Sell
|
||||
</button>
|
||||
</form>
|
||||
<p class="m10t size-12 text-gray">
|
||||
Bitcoins will be immediately sent from your wallet to Glidera. Fiat will be deposited in your bank account in 4-6 business days.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
</div>
|
||||
<div class="box-notification" ng-show="sell.error && !sell.success">
|
||||
<span class="text-warning size-14">
|
||||
{{sell.error}}
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-center" ng-show="sell.success">
|
||||
<h1>Sale initiated</h1>
|
||||
<p class="text-gray">
|
||||
A transfer has been initiated to your bank account and should arrive in 4-6 business days.
|
||||
</p>
|
||||
|
||||
<button class="button button-block" ui-sref="glidera.main">OK</button>
|
||||
</div>
|
||||
</ion-content>
|
||||
</ion-view>
|
||||
|
||||
|
|
|
|||
|
|
@ -75,6 +75,18 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-show="glideraEnabled || coinbaseEnabled">
|
||||
<h3>Buy & Sell Bitcoin</h3>
|
||||
<div class="card">
|
||||
<div ng-show="glideraEnabled" ui-sref="glidera.main" class="item">
|
||||
<img src="img/glidera-logo.png" width="90">
|
||||
</div>
|
||||
<div ng-show="coinbaseEnabled" ui-sref="exchange.coinbase" class="item">
|
||||
<img src="img/coinbase-logo.png" width="90">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Next steps </h3>
|
||||
<div class="list card">
|
||||
<ul class="pr">
|
||||
|
|
@ -82,10 +94,6 @@
|
|||
<i class="icon ion-card"></i>
|
||||
BitPay Card
|
||||
</li>
|
||||
<li ng-show="buyAndSellEnabled" ui-sref="buyandsell" class="item item-icon-left">
|
||||
<i class="icon ion-cash"></i>
|
||||
Buy and Sell
|
||||
</li>
|
||||
<li ui-sref="amazon.main" class="item item-icon-left">
|
||||
<i class="icon ion-ios-cart"></i>
|
||||
Gift Cards
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue