First integration. BitPay invoice generation is ready. Fake responses from amazon
This commit is contained in:
Gustavo Maximiliano Cortez
parent
2c442d3642
commit
2c89ff7f66
17 changed files with 734 additions and 2 deletions
BIN
public/img/amazon-card.png
Normal file
BIN
public/img/amazon-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
public/img/amazon-gift-card.png
Normal file
BIN
public/img/amazon-gift-card.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
public/img/amazon-item.png
Normal file
BIN
public/img/amazon-item.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
75
public/views/amazon.html
Normal file
75
public/views/amazon.html
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
|
||||
<div class="topbar-container">
|
||||
<nav ng-controller="topbarController as topbar"
|
||||
class="tab-bar">
|
||||
<section class="left-small">
|
||||
<a class="p10"
|
||||
ng-click="topbar.goHome()">
|
||||
<span class="text-close">Close</span>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<section class="right-small">
|
||||
<a class="p10" ng-click="$root.go('buyAmazon')">
|
||||
<i class="fi-shopping-cart size-24"></i>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<section class="middle tab-bar-section">
|
||||
<h1 class="title ellipsis">
|
||||
Amazon Gift Card
|
||||
</h1>
|
||||
</section>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="content amazon p20b" ng-controller="amazonController as amazon">
|
||||
|
||||
<div class="onGoingProcess" ng-show="amazon.loading">
|
||||
<div class="onGoingProcess-content">
|
||||
<div class="spinner">
|
||||
<div class="rect1"></div>
|
||||
<div class="rect2"></div>
|
||||
<div class="rect3"></div>
|
||||
<div class="rect4"></div>
|
||||
<div class="rect5"></div>
|
||||
</div>
|
||||
<span ng-show="amazon.loading">{{amazon.loading}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-init="amazon.init()">
|
||||
|
||||
<div class="p20t text-center">
|
||||
<img src="img/amazon-gift-card.png" alt="Amazon Gift Card" width="200">
|
||||
</div>
|
||||
|
||||
<div class="p20t text-center size-12" ng-if="!amazon.giftCards">
|
||||
No gift card in your wallet. <a ng-click="$root.go('buyAmazon')">Buy one now!</a>
|
||||
</div>
|
||||
|
||||
<div ng-if="amazon.giftCards">
|
||||
<h4 class="title">Cards</h4>
|
||||
<div ng-repeat="(id, item) in amazon.giftCards | orderObjectBy:'date':true track by $index"
|
||||
ng-click="amazon.openCardModal(item)"
|
||||
class="row collapse last-transactions-content size-12">
|
||||
<div class="large-2 medium-2 small-2 columns">
|
||||
<img src="img/amazon-item.png" alt="{{id}}" width="30">
|
||||
</div>
|
||||
<div class="large-4 medium-4 small-4 columns text-bold">
|
||||
{{item.cardInfo.value.amount | currency : item.cardInfo.value.currencyCode + ' ' : 2}}
|
||||
</div>
|
||||
<div class="large-5 medium-5 small-5 columns text-right">
|
||||
<span class="text-warning" ng-if="item.status == 'ERROR'">Error</span>
|
||||
<span class="text-light" ng-if="item.status != 'ERROR'">{{item.date * 1000 | amCalendar}}</span>
|
||||
</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 class="extra-margin-bottom"></div>
|
||||
</div>
|
||||
119
public/views/buyAmazon.html
Normal file
119
public/views/buyAmazon.html
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
<div
|
||||
class="topbar-container"
|
||||
ng-include="'views/includes/topbar.html'"
|
||||
ng-init="titleSection='Buy a gift card'; goBackToState = 'amazon'; noColor = true">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="content amazon" ng-controller="buyAmazonController as buy">
|
||||
|
||||
<div class="onGoingProcess" ng-show="buy.loading">
|
||||
<div class="onGoingProcess-content" ng-style="{'background-color': '#2b71b1'}">
|
||||
<div class="spinner">
|
||||
<div class="rect1"></div>
|
||||
<div class="rect2"></div>
|
||||
<div class="rect3"></div>
|
||||
<div class="rect4"></div>
|
||||
<div class="rect5"></div>
|
||||
</div>
|
||||
<span>{{buy.loading}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row m20t" ng-show="!buy.giftCard">
|
||||
<div class="columns">
|
||||
|
||||
<div class="box-notification m20b" ng-show="buy.error" ng-click="buy.error = null">
|
||||
<span class="text-warning">
|
||||
{{buy.error}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<img src="img/amazon-card.png" alt="Amazon Gift Card" width="200">
|
||||
<div class="tu size-12 text-gray">Redeem online</div>
|
||||
</div>
|
||||
<form
|
||||
name="buyAmazonForm"
|
||||
ng-submit="buy.createTx()"
|
||||
novalidate>
|
||||
|
||||
<div class="m20v text-center">
|
||||
<a class="amazon-select-amount" ng-click="buy.setAmount()">-</a>
|
||||
<span class="amazon-amount">${{fiat}}</span>
|
||||
<a class="amazon-select-amount" ng-click="buy.setAmount(1)">+</a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
ng-init="buy.init()"
|
||||
ng-click="openWalletsModal(buy.otherWallets)">
|
||||
<label>Pay From Copay Wallet</label>
|
||||
<div class="input">
|
||||
<input type="text" id="address" name="address" ng-disabled="buy.selectedWalletId"
|
||||
ng-attr-placeholder="{{'Choose your source wallet'}}"
|
||||
ng-model="buy.selectedWalletName" required>
|
||||
<a class="postfix size-12 m0 text-gray">
|
||||
<i class="icon-wallet size-18"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="size-12 text-gray text-light m10v">
|
||||
Use your Amazon.com Gift Card to shop from a huge selection of books, electronics, music, movies, software, apparel, toys, and more.
|
||||
</div>
|
||||
|
||||
<div class="input m20t">
|
||||
<input class="button black expand round"
|
||||
ng-disabled="buy.loading || !fiat"
|
||||
ng-style="{'background-color': '#2b71b1'}"
|
||||
type="submit" value="Buy">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="m20t row" ng-show="buy.giftCard">
|
||||
<div class="columns">
|
||||
<h1 class="text-center">Gift card ready to redeem!</h1>
|
||||
|
||||
<div class="size-12 text-center">
|
||||
<span class="label gray radius">
|
||||
{{buy.giftCard.cardInfo.value.amount | currency : buy.giftCard.cardInfo.value.currencyCode + ' ' : 2 }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="white p10 m10">
|
||||
<div class="tu text-gray size-12">Claim code</div>
|
||||
<div class="text-bold size-16 m5t enable_text_select">{{buy.giftCard.gcClaimCode}}</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center m20t">
|
||||
<button class="button outline round dark-gray tiny"
|
||||
ng-click="$root.openExternalLink('https://www.amazon.com/gc/redeem?claimCode=' + buy.giftCard.gcClaimCode)">
|
||||
<span class="text-gray">Go to amazon.com</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="m20 size-12 text-gray line-t p10t">
|
||||
To redeem your gift card, follow these steps:
|
||||
<ol class="size-12">
|
||||
<li>Visit www.amazon.com/gc.</li>
|
||||
<li>Click Apply to Account and enter the claim code when prompted.</li>
|
||||
<li>Gift card funds will be applied automatically to eligible orders during the checkout process.</li>
|
||||
<li>You must pay for any remaining balance on your order with another payment method.</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="text-center m20t line-t p10t">
|
||||
<div class="tu text-gray size-12 text-left">BitPay invoice</div>
|
||||
<div class="text-bold size-16 m5t text-left">{{buy.giftCard.bitpayInvoiceId}}</div>
|
||||
<button class="m20t button outline round dark-gray tiny"
|
||||
ng-click="$root.openExternalLink('https://bitpay.com/invoice/' + buy.giftCard.bitpayInvoiceId)">
|
||||
<span class="text-gray">View invoice</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="extra-margin-bottom"></div>
|
||||
|
|
@ -30,6 +30,13 @@
|
|||
<span class="size-12" translate>Buy and Sell</span>
|
||||
</div>
|
||||
</li>
|
||||
<li menu-toggle href ui-sref="amazon" ng-show="index.isComplete && index.amazonEnabled">
|
||||
<i class="icon-arrow-right3 size-18 right m10t vm"></i>
|
||||
<i class="fi-social-amazon size-24 icon vm"></i>
|
||||
<div class="tu text-bold m5t">
|
||||
<span class="size-12" translate>Gift Card</span>
|
||||
</div>
|
||||
</li>
|
||||
<li ng-show="!index.noFocusedWallet" menu-toggle href ui-sref="preferencesGlobal">
|
||||
<i class="icon-arrow-right3 size-18 right m10t vm"></i>
|
||||
<i class="fi-widget size-24 icon vm"></i>
|
||||
|
|
|
|||
45
public/views/modals/amazon-card-details.html
Normal file
45
public/views/modals/amazon-card-details.html
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<nav class="tab-bar">
|
||||
<section class="left-small">
|
||||
<a ng-click="cancel()">
|
||||
<i class="icon-arrow-left3 icon-back"></i>
|
||||
<span class="text-back">Back</span>
|
||||
</a>
|
||||
</section>
|
||||
<section class="middle tab-bar-section">
|
||||
<h1 class="title ellipsis">
|
||||
Details
|
||||
</h1>
|
||||
</section>
|
||||
</nav>
|
||||
|
||||
<div class="modal-content fix-modals-touch"
|
||||
ng-swipe-disable-mouse
|
||||
ng-swipe-right="cancel()">
|
||||
<div class="header-modal bg-gray text-center">
|
||||
|
||||
<img src="img/amazon-card.png" alt="Amazon" width="200">
|
||||
|
||||
<div class="size-24 text-bold m10t">
|
||||
{{card.cardInfo.value.amount | currency : card.cardInfo.value.currencyCode + ' ' : 2}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="no-bullet size-14">
|
||||
<li class="line-b p10 oh">
|
||||
<span class="text-gray">Claim code</span>
|
||||
<span class="text-bold right enable_text_select">{{card.gcClaimCode}}</span>
|
||||
</li>
|
||||
<li class="line-b p10 oh">
|
||||
<span class="text-gray">Status</span>
|
||||
<span class="text-success right" ng-if="card.status == 'SUCCESS'">Completed</span>
|
||||
<span class="text-info right" ng-if="card.status == 'PENDING'">Pending</span>
|
||||
<span class="text-warning right" ng-if="card.status == 'ERROR'">Error</span>
|
||||
</li>
|
||||
<li class="line-b p10 oh">
|
||||
<span class="text-gray">BitPay Invoice ID</span>
|
||||
<span class="text-gray right enable_text_select">{{card.bitpayInvoiceId}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="extra-margin-bottom"></div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue