setup pages
This commit is contained in:
bechi
parent
a5c2966a22
commit
fb9a6906f7
2 changed files with 75 additions and 54 deletions
|
|
@ -22,12 +22,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row m20t">
|
<div class="row">
|
||||||
<div class="columns">
|
<div class="">
|
||||||
<div class="text-center m5b">
|
|
||||||
<img src="img/glidera-logo.png" ng-click="index.updateGlidera(index.glideraToken, index.glideraPermissions)" width="100">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="m20b box-notification" ng-if="index.glideraError">
|
<div class="m20b box-notification" ng-if="index.glideraError">
|
||||||
<div class="text-warning">
|
<div class="text-warning">
|
||||||
<span>{{index.glideraError}}</span>
|
<span>{{index.glideraError}}</span>
|
||||||
|
|
@ -56,17 +52,19 @@
|
||||||
|
|
||||||
<div ng-if="!index.glideraToken && !index.glideraLoading && !index.glideraError"
|
<div ng-if="!index.glideraToken && !index.glideraLoading && !index.glideraError"
|
||||||
class="row">
|
class="row">
|
||||||
|
<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>
|
||||||
<div class="columns" ng-init="showOauthForm = false">
|
<div class="columns" ng-init="showOauthForm = false">
|
||||||
<div class="text-center" ng-show="!showOauthForm">
|
<div class="text-center m20v">
|
||||||
<p translate>You can buy and sell Bitcoin with a US bank account directly in Copay.</p>
|
<img src="img/glidera-logo.png" ng-click="index.updateGlidera(index.glideraToken, index.glideraPermissions)" width="200">
|
||||||
<div class="m10b text-gray size-12" translate>Connect your Glidera account to get started</div>
|
</div>
|
||||||
|
<div class="text-center small-10 small-centered columns" ng-show="!showOauthForm">
|
||||||
|
<p class="m10b" translate>You can buy and sell Bitcoin with a US bank account directly in Copay.</p>
|
||||||
|
<p class="text-gray size-12" translate>Connect your Glidera account to get started</p>
|
||||||
|
|
||||||
<div class="box-notification size-12 text-warning" ng-show="index.glideraTestnet">
|
<a class="button m20t light-gray outline round small"
|
||||||
<i class="fi-info"></i>
|
|
||||||
Testnet wallets only work with Glidera Sandbox Accounts
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<a class="button dark-gray outline round tiny"
|
|
||||||
ng-click="$root.openExternalLink(glidera.getAuthenticateUrl(), '_system'); showOauthForm = true" translate>
|
ng-click="$root.openExternalLink(glidera.getAuthenticateUrl(), '_system'); showOauthForm = true" translate>
|
||||||
Connect to Glidera
|
Connect to Glidera
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -98,57 +96,74 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div ng-if="index.glideraToken && index.glideraPermissions">
|
<div ng-if="index.glideraToken && index.glideraPermissions">
|
||||||
|
<div class="m20v text-center">
|
||||||
<div class="text-center m10b">
|
<img src="img/glidera-logo.png" ng-click="index.updateGlidera(index.glideraToken, index.glideraPermissions)" width="100">
|
||||||
<div class="size-12" ng-show="index.glideraEmail">
|
</div>
|
||||||
{{index.glideraEmail}}
|
<div class="sub-header">
|
||||||
|
<div class="left">
|
||||||
|
<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>
|
||||||
|
<div class="right">
|
||||||
<div ng-show="index.glideraPersonalInfo" class="size-12">
|
<div class="pointer m5t" ng-click="$root.go('preferencesGlidera')">
|
||||||
{{index.glideraPersonalInfo.firstName}} {{index.glideraPersonalInfo.lastName}}
|
<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>
|
||||||
<div class="columns text-warning size-12 m20t m20b"
|
<div class="row">
|
||||||
|
<div class="text-center columns small-8 small-centered m30v size-12"
|
||||||
ng-show="index.glideraStatus && (!index.glideraStatus.userEmailIsSetup || !index.glideraStatus.userPhoneIsSetup
|
ng-show="index.glideraStatus && (!index.glideraStatus.userEmailIsSetup || !index.glideraStatus.userPhoneIsSetup
|
||||||
|| (!index.glideraStatus.userBankAccountIsSetup && index.glideraStatus.bankAccountState != 'VERIFIED'))">
|
|| (!index.glideraStatus.userBankAccountIsSetup && index.glideraStatus.bankAccountState != 'VERIFIED'))">
|
||||||
|
<h4 class="text-bold" translate> Complete Setup</h4>
|
||||||
<span translate>Your Glidera account is not ready to transact. Please, verify it at</span>
|
<span translate>Your Glidera account is not ready to transact. Please, verify it at</span>
|
||||||
<a href
|
<a href
|
||||||
ng-init="glideraUrl = index.glideraTestnet ? 'https://sandbox.glidera.io/login' :
|
ng-init="glideraUrl = index.glideraTestnet ? 'https://sandbox.glidera.io/login' :
|
||||||
'https://glidera.io/login'"
|
'https://glidera.io/login'"
|
||||||
ng-click="$root.openExternalLink(glideraUrl)">Glidera.io</a>
|
ng-click="$root.openExternalLink(glideraUrl)">Glidera.io</a>
|
||||||
|
<div>
|
||||||
|
<a class="button m20t light-gray outline round tiny"
|
||||||
|
ng-init="glideraUrl = index.network == 'testnet' ? 'https://sandbox.glidera.io/login' :
|
||||||
|
'https://glidera.io/login'"
|
||||||
|
ng-click="$root.openExternalLink(glideraUrl)"
|
||||||
|
translate>
|
||||||
|
Go to Glidera
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="no-bullet m0 size-14">
|
<div ng-show="index.glideraPermissions.transact &&
|
||||||
<li class="line-b line-t p20 pointer"
|
(index.glideraStatus.userCanBuy || index.glideraStatus.userCanTransact)">
|
||||||
ng-show="index.glideraPermissions.transact &&
|
<ul class="no-bullet m0 size-14">
|
||||||
(index.glideraStatus.userCanBuy || index.glideraStatus.userCanTransact)"
|
<li class="line-b line-t p20 pointer"
|
||||||
ng-click="$root.go('buyGlidera')">
|
ng-click="$root.go('buyGlidera')">
|
||||||
<i class="icon-buy-btc size-24 m5r"></i>
|
<i class="icon-buy-btc size-24 m5r"></i>
|
||||||
<span translate>Buy Bitcoin</span>
|
<span translate>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.glideraPermissions.transact &&
|
||||||
|
(index.glideraStatus.userCanSell || index.glideraStatus.userCanTransact)"
|
||||||
|
ng-click="$root.go('sellGlidera')">
|
||||||
|
<i class="icon-sell-btc size-24 m5r"></i>
|
||||||
|
<span translate>Sell Bitcoin</span>
|
||||||
<span class="right text-gray">
|
<span class="right text-gray">
|
||||||
<i class="icon-arrow-right3 size-24 right"></i>
|
<i class="icon-arrow-right3 size-24 right"></i>
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="line-b p20 pointer"
|
</ul>
|
||||||
ng-show="index.glideraPermissions.transact &&
|
|
||||||
(index.glideraStatus.userCanSell || index.glideraStatus.userCanTransact)"
|
|
||||||
ng-click="$root.go('sellGlidera')">
|
|
||||||
<i class="icon-sell-btc size-24 m5r"></i>
|
|
||||||
<span translate>Sell 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-click="$root.go('preferencesGlidera')">
|
|
||||||
<span translate>Preferences</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 class="title m0" translate>Activity</h4>
|
<h4 class="title m0" translate>Activity</h4>
|
||||||
<div ng-show="index.glideraTxs.length == 0 && !index.glideraLoadingHistory"
|
<div ng-show="index.glideraTxs.length == 0 && !index.glideraLoadingHistory"
|
||||||
class="size-12 p10 text-center text-gray" translate>
|
class="size-12 p10 text-center text-gray" translate>
|
||||||
|
|
|
||||||
|
|
@ -108,6 +108,12 @@ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill, inpu
|
||||||
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sub-header {
|
||||||
|
background: #F1f3F5;
|
||||||
|
padding: 0.8rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.status {
|
.status {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background-color: #A02F23;
|
background-color: #A02F23;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue