habitica/views/shared/modals/buy-gems.jade

39 lines
No EOL
1.7 KiB
Text

div(modal='modals.buyGems')
.modal-header
include ../gems
h3 Buy Gems / Donate
.modal-body
table
tr
td
.npc_justin
td
.popover.static-popover.fade.right.in.wide-popover
.arrow
h3.popover-title
a(target='_blank', href='https://twitter.com/bowenNstuff') Justin
.popover-content
p <span class='label label-info'>$5 USD</span> will:
ul.modal-indented-list
li Add 20 gems to your account, which are used to buy special items.
li Disable ads.
li Donate to the developers (as an open source project, we can use all the help we can get).
br
.row-fluid
.span6.well
h3 Pay with Card
.btn.btn-primary(ng-click='showStripe()') Pay with Card
br
br
small
.alert.alert-info Recommended method.
.span6.well
h3 Pay with PayPal
script(src='/bower_components/JavaScriptButtons/dist/paypal-button.min.js?merchant=#{env.PAYPAL_MERCHANT}', data-button='buynow', data-name='20 Gems, Disable Ads, Donation to the Developers', data-quantity='1', data-amount='5', data-currency='USD', data-tax='0', data-callback='#{env.BASE_URL}/api/v2/user/buy-gems/paypal-ipn', data-env="#{env.NODE_ENV == 'production' ? '' : 'sandbox'}", data-custom='?uid={{user._id}}&apiToken={{user.apiToken}}', data-return='#{env.BASE_URL}', data-rm='1', data-no_shipping='1')
br
small
.alert Note: PayPal sometimes takes a long time to clear. We recommend paying with card if possible.
.modal-footer
button.btn.btn-default.cancel(ng-click='modals.buyGems = false') Cancel