2015-08-31 14:12:04 -07:00
|
|
|
|
|
2015-09-08 21:08:21 -07:00
|
|
|
|
<div
|
|
|
|
|
class="topbar-container"
|
2015-08-31 14:12:04 -07:00
|
|
|
|
ng-include="'views/includes/topbar.html'"
|
2015-12-01 12:16:39 -08:00
|
|
|
|
ng-init="titleSection='Buy & Sell Bitcoin'; closeToHome = true; noColor = true">
|
2015-08-31 14:12:04 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
2016-01-11 12:07:39 -08:00
|
|
|
|
<div class="content glidera p20b" ng-controller="glideraController as glidera">
|
2015-08-31 14:12:04 -07:00
|
|
|
|
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<div class="row">
|
2015-09-11 10:18:33 -07:00
|
|
|
|
<div class="m20b box-notification" ng-if="index.glideraError">
|
|
|
|
|
<div class="text-warning">
|
|
|
|
|
<span>{{index.glideraError}}</span>
|
2015-09-08 20:02:12 -07:00
|
|
|
|
</div>
|
2015-09-11 10:18:33 -07:00
|
|
|
|
</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
|
|
|
|
|
</button>
|
|
|
|
|
<div ng-show="index.glideraError.indexOf('Forbidden') != 40">
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<button
|
|
|
|
|
class="dark-gray outline round tiny"
|
2015-09-11 10:18:33 -07:00
|
|
|
|
ng-click="index.initGlidera(index.glideraToken)">
|
|
|
|
|
Retry
|
2015-09-08 20:02:12 -07:00
|
|
|
|
</button>
|
2015-09-11 10:18:33 -07:00
|
|
|
|
<div class="m20t size-12">
|
2016-06-13 10:31:42 -07:00
|
|
|
|
<a class="text-gray" href ui-sref="preferencesGlidera">Preferences</a>
|
2015-09-08 06:17:59 -07:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2015-09-02 12:02:40 -07:00
|
|
|
|
</div>
|
2015-09-07 07:14:09 -07:00
|
|
|
|
|
2016-06-13 11:25:40 -07:00
|
|
|
|
<div ng-if="!index.glideraToken && !index.glideraError"
|
2015-09-07 15:45:03 -07:00
|
|
|
|
class="row">
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<div class="box-notification text-center size-12 text-warning" ng-show="index.glideraTestnet">
|
|
|
|
|
<i class="fi-info"></i>
|
|
|
|
|
Testnet wallets only work with Glidera Sandbox Accounts
|
|
|
|
|
</div>
|
2015-09-02 12:02:40 -07:00
|
|
|
|
<div class="columns" ng-init="showOauthForm = false">
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<div class="text-center m20v">
|
|
|
|
|
<img src="img/glidera-logo.png" ng-click="index.updateGlidera(index.glideraToken, index.glideraPermissions)" width="200">
|
|
|
|
|
</div>
|
2015-10-19 12:45:13 -07:00
|
|
|
|
<div class="text-center small-10 small-centered columns" ng-show="!showOauthForm">
|
2015-09-12 19:49:14 -07:00
|
|
|
|
<p class="m10b">You can buy and sell Bitcoin with a US bank account directly in Copay.</p>
|
2015-09-08 14:55:08 -07:00
|
|
|
|
|
2015-10-05 08:20:00 -07:00
|
|
|
|
<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
|
2015-11-26 08:33:12 -08:00
|
|
|
|
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,
|
2016-06-09 06:00:49 -07:00
|
|
|
|
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,
|
2015-11-26 08:33:12 -08:00
|
|
|
|
ON, PE, SK, YT.
|
2015-10-05 08:20:00 -07:00
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p class="m20t text-gray size-12">Connect your Glidera account to get started</p>
|
|
|
|
|
|
|
|
|
|
<a class="button light-gray outline round small"
|
2015-09-12 19:49:14 -07:00
|
|
|
|
ng-click="$root.openExternalLink(glidera.getAuthenticateUrl(), '_system'); showOauthForm = true">
|
2015-09-02 12:02:40 -07:00
|
|
|
|
Connect to Glidera
|
2015-09-09 10:15:08 -07:00
|
|
|
|
</a>
|
2015-09-05 10:30:02 -07:00
|
|
|
|
<div>
|
|
|
|
|
<a href ng-click="showOauthForm = true" class="text-gray size-12">
|
|
|
|
|
Do you already have the Oauth Code?
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2015-09-02 12:02:40 -07:00
|
|
|
|
</div>
|
|
|
|
|
<div class="text-center" ng-show="showOauthForm">
|
2015-09-08 20:02:12 -07:00
|
|
|
|
<div class="text-left box-notification size-12 text-warning" ng-show="glidera.error">
|
|
|
|
|
{{glidera.error}}
|
|
|
|
|
</div>
|
2015-09-05 10:30:02 -07:00
|
|
|
|
<form name="oauthCodeForm" ng-submit="glidera.submitOauthCode(code)" novalidate>
|
|
|
|
|
<label>OAuth Code</label>
|
2015-09-08 21:08:21 -07:00
|
|
|
|
<input type="text" ng-model="code" ng-disabled="glidera.loading"
|
2015-09-12 19:49:14 -07:00
|
|
|
|
ng-attr-placeholder="{{'Paste the authorization code here'}}" required>
|
2015-09-08 21:08:21 -07:00
|
|
|
|
<input
|
|
|
|
|
class="button expand round"
|
2015-09-05 10:30:02 -07:00
|
|
|
|
ng-style="{'background-color':index.backgroundColor}"
|
|
|
|
|
type="submit" value="Get started" ng-disabled="oauthCodeForm.$invalid || glidera.loading">
|
2015-09-02 12:02:40 -07:00
|
|
|
|
</form>
|
2015-10-19 12:45:13 -07:00
|
|
|
|
<button class="button light-gray expand outline round"
|
2015-09-12 19:49:14 -07:00
|
|
|
|
ng-click="showOauthForm = false; index.glideraError = null; glidera.error = null">
|
|
|
|
|
<i class="fi-arrow-left"></i> <span class="tu">Back</span>
|
|
|
|
|
</button>
|
2015-09-02 12:02:40 -07:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2015-09-08 21:08:21 -07:00
|
|
|
|
</div>
|
2015-09-05 10:30:02 -07:00
|
|
|
|
|
2015-09-08 13:36:08 -07:00
|
|
|
|
<div ng-if="index.glideraToken && index.glideraPermissions">
|
2015-12-02 07:52:28 -08:00
|
|
|
|
<div class="p20v text-center white">
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<img src="img/glidera-logo.png" ng-click="index.updateGlidera(index.glideraToken, index.glideraPermissions)" width="100">
|
|
|
|
|
</div>
|
2016-06-13 10:31:42 -07:00
|
|
|
|
<div class="sub-header" href ui-sref="preferencesGlidera">
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<div class="left">
|
2015-09-11 13:32:23 -07:00
|
|
|
|
<div ng-show="!index.glideraPersonalInfo && !index.glideraEmail">
|
2015-12-02 07:52:28 -08:00
|
|
|
|
Preferences
|
2015-09-11 13:32:23 -07:00
|
|
|
|
</div>
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<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>
|
2015-09-08 08:04:27 -07:00
|
|
|
|
</div>
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<div class="right">
|
2015-09-11 11:13:32 -07:00
|
|
|
|
<div class="pointer m5t">
|
2015-09-10 16:02:03 -07:00
|
|
|
|
<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>
|
2015-09-05 10:30:02 -07:00
|
|
|
|
</div>
|
2015-09-10 16:02:03 -07:00
|
|
|
|
</div>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<div class="text-center columns small-8 small-centered m30v size-12"
|
2015-12-11 11:16:48 -08:00
|
|
|
|
ng-show="index.glideraStatus && !index.glideraStatus.userCanTransact">
|
2015-09-12 19:49:14 -07:00
|
|
|
|
<h4 class="text-bold"> Complete Setup</h4>
|
2015-12-11 11:16:48 -08:00
|
|
|
|
<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>
|
2015-09-10 16:02:03 -07:00
|
|
|
|
</div>
|
2015-09-08 08:04:27 -07:00
|
|
|
|
</div>
|
2015-09-02 12:02:40 -07:00
|
|
|
|
</div>
|
2015-08-31 14:12:04 -07:00
|
|
|
|
|
2016-05-17 13:36:01 -07:00
|
|
|
|
<ul class="no-bullet m0 size-14"
|
2015-12-11 11:16:48 -08:00
|
|
|
|
ng-show="index.glideraStatus && index.glideraStatus.userCanTransact">
|
2016-05-17 13:36:01 -07:00
|
|
|
|
<li ng-show="index.glideraStatus.userCanBuy"
|
2015-10-21 07:25:44 -07:00
|
|
|
|
class="line-b line-t p20 pointer"
|
2016-06-13 10:31:42 -07:00
|
|
|
|
href ui-sref="buyGlidera">
|
2015-10-19 12:45:13 -07:00
|
|
|
|
<img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="40">
|
2015-09-29 13:58:04 -07:00
|
|
|
|
<span class="m10 text-normal text-bold">Buy Bitcoin</span>
|
2015-09-08 21:08:21 -07:00
|
|
|
|
<span class="right text-gray">
|
|
|
|
|
<i class="icon-arrow-right3 size-24 right"></i>
|
|
|
|
|
</span>
|
2015-09-11 13:32:23 -07:00
|
|
|
|
</li>
|
|
|
|
|
<li class="line-b p20 pointer"
|
2015-12-11 11:16:48 -08:00
|
|
|
|
ng-show="index.glideraStatus.userCanSell"
|
2016-06-13 10:31:42 -07:00
|
|
|
|
href ui-sref="sellGlidera">
|
2015-10-19 12:45:13 -07:00
|
|
|
|
<img src="img/sell-bitcoin.svg" alt="buy bitcoin" width="40">
|
2015-09-29 13:58:04 -07:00
|
|
|
|
<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>
|
2015-09-11 13:32:23 -07:00
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
2015-08-31 14:12:04 -07:00
|
|
|
|
|
2015-09-11 13:32:23 -07:00
|
|
|
|
<div ng-show="index.glideraPermissions.transaction_history">
|
2015-12-02 07:52:28 -08:00
|
|
|
|
<h4>Activity</h4>
|
2016-06-13 11:25:40 -07:00
|
|
|
|
<div ng-show="index.glideraTxs.length == 0 "
|
2015-09-12 19:49:14 -07:00
|
|
|
|
class="size-12 p10 text-center text-gray">
|
2015-09-05 10:30:02 -07:00
|
|
|
|
No activity in your account
|
2015-08-31 14:12:04 -07:00
|
|
|
|
</div>
|
2015-09-05 10:30:02 -07:00
|
|
|
|
<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">
|
2015-10-19 12:45:13 -07:00
|
|
|
|
<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'">
|
2015-09-05 10:30:02 -07:00
|
|
|
|
</div>
|
2015-08-31 14:12:04 -07:00
|
|
|
|
|
2015-09-05 10:30:02 -07:00
|
|
|
|
<div class="large-4 medium-4 small-4 columns">
|
2015-10-05 08:20:00 -07:00
|
|
|
|
<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>
|
2015-09-29 13:58:04 -07:00
|
|
|
|
<span class="size-14 text-bold">
|
2015-09-10 12:19:07 -07:00
|
|
|
|
{{tx.subtotal|currency:'':2}} {{tx.currency}}
|
2015-09-05 10:30:02 -07:00
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="large-4 medium-4 small-4 columns text-right">
|
|
|
|
|
<div class="m5t size-12 text-gray">
|
2015-09-29 13:58:04 -07:00
|
|
|
|
<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>
|
2015-09-05 10:30:02 -07:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="large-1 medium-1 small-1 columns text-right">
|
|
|
|
|
<i class="icon-arrow-right3 size-18"></i>
|
|
|
|
|
</div>
|
2015-09-02 12:02:40 -07:00
|
|
|
|
</div>
|
2015-08-31 14:12:04 -07:00
|
|
|
|
</div>
|
2015-09-02 12:02:40 -07:00
|
|
|
|
|
2015-08-31 14:12:04 -07:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="extra-margin-bottom"></div>
|