2015-08-31 14:12:04 -07:00
< div
class="topbar-container"
ng-include="'views/includes/topbar.html'"
2015-12-02 06:57:13 -08:00
ng-init="titleSection='Buy'; goBackToState = 'glidera'; noColor = true">
2015-08-31 14:12:04 -07:00
< / div >
2015-09-08 13:36:08 -07:00
< div class = "content glidera" ng-controller = "buyGlideraController as buy" >
2015-09-07 09:35:59 -07:00
< div class = "onGoingProcess" ng-show = "buy.loading" >
< div class = "onGoingProcess-content" ng-style = "{'background-color':index.backgroundColor}" >
< div class = "spinner" >
< div class = "rect1" > < / div >
< div class = "rect2" > < / div >
< div class = "rect3" > < / div >
< div class = "rect4" > < / div >
< div class = "rect5" > < / div >
< / div >
2015-09-12 19:49:14 -07:00
< span > {{buy.loading}}< / span >
2015-09-07 09:35:59 -07:00
< / div >
< / div >
2015-09-09 06:39:35 -07:00
< div ng-show = "index.glideraLimits && !buy.show2faCodeInput && !buy.success" >
2015-12-02 07:52:28 -08:00
< h4 class = "title m0 text-left" >
< 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}})
< 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}})
2015-09-08 13:36:08 -07:00
< / h4 >
< / div >
< div class = "row m20t" >
2015-09-02 15:16:59 -07:00
< div class = "columns" >
2015-09-08 13:36:08 -07:00
2016-05-09 11:56:44 -07:00
< div class = "box-notification m20b" ng-show = "index.glideraLimits.transactDisabledPendingFirstTransaction && !buy.success" >
2015-12-03 08:43:59 -08:00
< span class = "text-warning" >
2015-09-08 13:36:08 -07:00
This operation was disabled because you have a pending first transaction
< / span >
< / div >
2015-09-02 15:16:59 -07:00
< div ng-show = "!buy.show2faCodeInput && !buy.success" >
2015-09-11 09:11:41 -07:00
2015-09-02 15:16:59 -07:00
< form name = "buyPriceForm"
ng-submit="buy.get2faCode(index.glideraToken)" novalidate>
2015-09-11 09:11:41 -07:00
< div ng-if = "index.glideraToken"
2015-10-05 12:48:04 -07:00
ng-init="buy.init(index.glideraTestnet)"
ng-click="openWalletsModal(buy.otherWallets)">
2015-09-12 19:49:14 -07:00
< label > Wallet< / label >
2015-09-11 09:11:41 -07:00
< div class = "input" >
< input type = "text" id = "address" name = "address" ng-disabled = "buy.selectedWalletId"
2015-09-12 19:49:14 -07:00
ng-attr-placeholder="{{'Choose your destination wallet'}}"
2015-09-11 09:11:41 -07:00
ng-model="buy.selectedWalletName" required>
< a class = "postfix size-12 m0 text-gray" >
< i class = "icon-wallet size-18" > < / i >
< / a >
< / div >
< / div >
2015-09-12 19:49:14 -07:00
< label > Amount in {{showAlternative ? 'USD' : 'BTC'}}< / label >
2015-09-02 15:16:59 -07:00
< div class = "input" >
< input ng-show = "!showAlternative" type = "number" id = "qty"
2015-09-12 19:49:14 -07:00
name="qty" ng-attr-placeholder="{{'Amount'}}"
2015-09-02 15:16:59 -07:00
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"
2015-09-12 19:49:14 -07:00
name="fiat" ng-attr-placeholder="{{'Amount'}}"
2015-09-02 15:16:59 -07:00
ng-model="fiat" autocomplete="off" ng-change="buy.getBuyPrice(index.glideraToken, {'fiat': fiat})">
< 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 >
2015-09-07 09:35:59 -07:00
2015-09-09 11:24:47 -07:00
< div class = "text-center text-gray size-12 m20b" ng-show = "!buy.gettingBuyPrice && buy.buyPrice.qty" >
2015-09-07 09:35:59 -07:00
Buy
2015-09-10 12:19:07 -07:00
< span ng-show = "qty" > {{buy.buyPrice.subtotal|currency:'':2}} {{buy.buyPrice.currency}} in Bitcoin< / span >
2015-09-07 09:35:59 -07:00
< span ng-show = "fiat" > {{buy.buyPrice.qty}} BTC< / span >
2015-09-09 06:39:35 -07:00
at {{buy.buyPrice.price}} {{buy.buyPrice.currency}}/BTC
2015-09-07 09:35:59 -07:00
< / div >
2015-09-12 19:49:14 -07:00
< div class = "text-center text-gray size-12 m20b" ng-show = "!buy.gettingBuyPrice && !buy.buyPrice.qty" >
2015-09-09 06:39:35 -07:00
(Enter the amount to get the exchange rate)
< / div >
2015-09-09 11:24:47 -07:00
< div class = "text-center text-gray size-12 m20b" ng-show = "buy.gettingBuyPrice" >
...
< / div >
2015-09-07 09:35:59 -07:00
2015-09-08 09:58:24 -07:00
< input class = "button black expand round"
ng-style="{'background-color':index.backgroundColor}"
2015-09-12 19:49:14 -07:00
type="submit" value="{{'Continue'}}"
2015-09-11 09:11:41 -07:00
ng-disabled="index.glideraLimits.transactDisabledPendingFirstTransaction || !buy.buyPrice.qty ||
2015-10-05 12:48:04 -07:00
!buy.selectedWalletId || buy.loading">
2015-09-02 15:16:59 -07:00
< / div >
2015-09-07 09:35:59 -07:00
< / form >
2015-08-31 14:12:04 -07:00
< / div >
2015-09-02 15:16:59 -07:00
< div ng-show = "buy.show2faCodeInput && !buy.success" >
2015-09-12 19:49:14 -07:00
< div class = "m10t text-center" >
2015-09-10 12:19:07 -07:00
{{buy.buyPrice.subtotal|currency:'':2}} {{buy.buyPrice.currency}} → {{buy.buyPrice.qty}} BTC
2015-09-12 19:49:14 -07:00
< p class = "m20t" >
2015-09-09 06:39:35 -07:00
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 >
< input class = "button black expand round"
ng-style="{'background-color':index.backgroundColor}"
2015-09-12 19:49:14 -07:00
type="submit" value="{{'Buy'}}" ng-disabled="buyForm.$invalid || buy.loading">
2015-09-09 06:39:35 -07:00
< / form >
2015-09-12 19:49:14 -07:00
< p class = "m10t size-12 text-gray" >
2015-09-09 06:41:27 -07:00
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.
2015-09-09 06:39:35 -07:00
< / p >
< / div >
2015-09-02 15:16:59 -07:00
< / div >
2015-12-03 08:43:59 -08:00
< div class = "box-notification m20b" ng-show = "buy.error && !buy.success" >
< span class = "text-warning" >
2015-09-12 19:49:14 -07:00
{{buy.error}}
2015-09-07 09:35:59 -07:00
< / span >
< / div >
2015-09-02 15:16:59 -07:00
< div class = "text-center" ng-show = "buy.success" >
2015-09-12 19:49:14 -07:00
< h1 > Purchase initiated< / h1 >
< p class = "text-gray" >
2015-09-10 13:22:45 -07:00
A transfer has been initiated from your bank account. Your bitcoins should arrive to your wallet in 2-4 business days.
2015-09-02 15:16:59 -07:00
< / p >
2015-09-01 14:53:47 -07:00
2015-09-02 15:16:59 -07:00
< button class = "outline dark-gray round expand"
2015-09-08 11:42:55 -07:00
ng-click="$root.go('glidera')">
OK
2015-09-07 09:35:59 -07:00
< / button >
2015-09-02 15:16:59 -07:00
< / div >
2015-08-31 14:12:04 -07:00
< / div >
2015-09-02 15:16:59 -07:00
< / div >
2015-08-31 14:12:04 -07:00
< / div >
< div class = "extra-margin-bottom" > < / div >