anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #3159 from bechi/feat/glidera-ui

Browse source 
Feat/glidera ui
This commit is contained in:
Gustavo Maximiliano Cortez 2015-09-12 14:41:53 -03:00
commit 32b1ee6a77
4 changed files with 81 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

121
public/views/glidera.html
View file

@ -22,33 +22,27 @@
</div> </div>
</div> </div>
<div class="row m20t"> <div class="row">
<div class="columns"> <div class="m20b box-notification" ng-if="index.glideraError">
<div class="text-center m5b"> <div class="text-warning">
<img src="img/glidera-logo.png" ng-click="index.updateGlidera(index.glideraToken, index.glideraPermissions)" width="100"> <span>{{index.glideraError}}</span>
</div> </div>
</div>
<div class="m20b box-notification" ng-if="index.glideraError"> <div class="m10t text-center" ng-show="index.glideraError">
<div class="text-warning"> <button
<span>{{index.glideraError}}</span> class="dark-gray outline round tiny"
</div> ng-show="index.glideraError.indexOf('Forbidden') == 40"
</div> ng-click="index.glideraToken = null; index.glideraError = null">
<div class="m10t text-center" ng-show="index.glideraError"> Request a new token
</button>
<div ng-show="index.glideraError.indexOf('Forbidden') != 40">
<button <button
class="dark-gray outline round tiny" class="dark-gray outline round tiny"
ng-show="index.glideraError.indexOf('Forbidden') == 40" ng-click="index.initGlidera(index.glideraToken)">
ng-click="index.glideraToken = null; index.glideraError = null"> Retry
Request a new token
</button> </button>
<div ng-show="index.glideraError.indexOf('Forbidden') != 40"> <div class="m20t size-12">
<button <a class="text-gray" ng-click="$root.go('preferencesGlidera')" translate>Preferences</a>
class="dark-gray outline round tiny"
ng-click="index.initGlidera(index.glideraToken)">
Retry
</button>
<div class="m20t size-12">
<a class="text-gray" ng-click="$root.go('preferencesGlidera')" translate>Preferences</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -56,17 +50,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,31 +94,52 @@
</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" ng-click="$root.go('preferencesGlidera')">
<div class="left">
<div ng-show="!index.glideraPersonalInfo && !index.glideraEmail">
<h4 class="title p0i m10t m0" translate>Preferences</h4>
</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>
<div class="right">
<div ng-show="index.glideraPersonalInfo" class="size-12"> <div class="pointer m5t">
{{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'))">
<span translate>Your Glidera account is not ready to transact. Please, verify it at</span> <h4 class="text-bold" translate> Complete Setup</h4>
<a href <span translate>Your Glidera account is not ready to transact. Please, verify it at <b>Glidera.io</b> </span>
ng-init="glideraUrl = index.glideraTestnet ? 'https://sandbox.glidera.io/login' : <a class="button m20t light-gray outline round tiny"
'https://glidera.io/login'" ng-init="glideraUrl = index.glideraTestnet ? 'https://sandbox.glidera.io/login' :
ng-click="$root.openExternalLink(glideraUrl)">Glidera.io</a> '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"> <ul class="no-bullet m0 size-14">
<li class="line-b line-t p20 pointer" <li ng-show="index.glideraPermissions.transact &&
ng-show="index.glideraPermissions.transact && (index.glideraStatus.userCanBuy || index.glideraStatus.userCanTransact)" class="line-b line-t p20 pointer"
(index.glideraStatus.userCanBuy || index.glideraStatus.userCanTransact)"
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>
@ -140,12 +157,6 @@
<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" 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> </ul>
<div ng-show="index.glideraPermissions.transaction_history"> <div ng-show="index.glideraPermissions.transaction_history">

4
public/views/modals/glidera-confirmation.html
View file

@ -1,7 +1,7 @@
<div class="m20tp text-center"> <div class="m20tp text-center">
<div class="row"> <div class="row">
<h1 class="text-center m20b" translate>Are you sure you would like to log out of your Glidera account?</h1> <h1 class="text-center m20b p20h" translate>Are you sure you would like to log out of your Glidera account?</h1>
<p class="text-gray" translate>You will need to log back in to buy or sell bitcoin in Copay.</p> <p class="text-gray p20h" translate>You will need to log back in to buy or sell bitcoin in Copay.</p>
<div class="large-6 medium-6 small-6 columns"> <div class="large-6 medium-6 small-6 columns">
<button class="button light-gray expand outline round" ng-click="cancel()"> <button class="button light-gray expand outline round" ng-click="cancel()">
<i class="fi-arrow-left"></i> <span class="tu" translate>Back</span> <i class="fi-arrow-left"></i> <span class="tu" translate>Back</span>

1
public/views/preferencesGlidera.html
View file

@ -263,4 +263,3 @@
</div> </div>
<div class="extra-margin-bottom"></div> <div class="extra-margin-bottom"></div>

6
src/css/main.css
View file

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