2014-11-12 20:16:34 -05:00
|
|
|
.modal-dialog
|
|
|
|
|
.modal-content
|
2015-02-08 12:06:03 -05:00
|
|
|
|
2015-12-14 14:10:37 -05:00
|
|
|
if view.state === 'purchasing'
|
2014-11-17 18:15:02 -05:00
|
|
|
.alert.alert-info(data-i18n="buy_gems.purchasing")
|
2014-11-12 20:16:34 -05:00
|
|
|
|
2015-12-14 14:10:37 -05:00
|
|
|
else if view.state === 'retrying'
|
2014-11-17 18:15:02 -05:00
|
|
|
#retrying-alert.alert.alert-danger(data-i18n="buy_gems.retrying")
|
|
|
|
|
|
|
|
|
|
else
|
|
|
|
|
img(src="/images/pages/play/modal/buy-gems-background.png")#buy-gems-background
|
2015-02-08 12:06:03 -05:00
|
|
|
h1(data-i18n="play.buy_gems")
|
|
|
|
|
|
2014-11-17 18:15:02 -05:00
|
|
|
#products
|
2015-12-14 14:10:37 -05:00
|
|
|
for product in view.products.models
|
2014-11-17 18:15:02 -05:00
|
|
|
.product
|
2015-12-14 14:10:37 -05:00
|
|
|
h4 x#{product.get('gems')}
|
|
|
|
|
h3(data-i18n=product.get('i18n'))
|
|
|
|
|
button.btn.btn-illustrated.btn-lg(value=product.get('name'))
|
|
|
|
|
span= product.get('priceString')
|
2015-02-25 17:24:32 -05:00
|
|
|
|
|
|
|
|
.product
|
2015-02-26 09:41:40 -05:00
|
|
|
h4(data-i18n="buy_gems.price") x3500 / mo
|
2015-02-25 17:24:32 -05:00
|
|
|
h3(data-i18n="account.subscription")
|
2015-07-07 14:50:55 -04:00
|
|
|
if me.isPremium()
|
|
|
|
|
button.disabled.start-subscription-button.btn.btn-lg.btn-illustrated.btn-success
|
|
|
|
|
| ✓
|
|
|
|
|
span(data-i18n="account.subscribed")
|
|
|
|
|
else
|
|
|
|
|
button.start-subscription-button.btn.btn-lg.btn-illustrated.btn-success(data-i18n="subscribe.subscribe_title") Subscribe
|
2014-11-17 18:15:02 -05:00
|
|
|
|
2015-12-14 14:10:37 -05:00
|
|
|
if view.state === 'declined'
|
2014-11-17 18:15:02 -05:00
|
|
|
#declined-alert.alert.alert-danger.alert-dismissible
|
|
|
|
|
span(data-i18n="buy_gems.declined")
|
|
|
|
|
button.close(type="button" data-dismiss="alert")
|
|
|
|
|
span(aria-hidden="true") ×
|
|
|
|
|
|
2015-12-14 14:10:37 -05:00
|
|
|
if view.state === 'unknown_error'
|
2014-11-17 18:15:02 -05:00
|
|
|
#error-alert.alert.alert-danger.alert-dismissible
|
|
|
|
|
button.close(type="button" data-dismiss="alert")
|
2014-11-29 13:44:58 -05:00
|
|
|
span(aria-hidden="true") ×
|
|
|
|
|
p(data-i18n="loading_error.unknown")
|
2015-12-14 14:10:37 -05:00
|
|
|
p= view.stateMessage
|
2014-12-12 18:27:58 -05:00
|
|
|
|
2015-12-14 14:10:37 -05:00
|
|
|
if view.state === 'recovered_charge'
|
2014-12-12 18:27:58 -05:00
|
|
|
#recovered-alert.alert.alert-danger.alert-dismissible
|
|
|
|
|
span(data-i18n="buy_gems.recovered")
|
|
|
|
|
button.close(type="button" data-dismiss="alert")
|
|
|
|
|
span(aria-hidden="true") ×
|
2015-02-08 12:06:03 -05:00
|
|
|
|
|
|
|
|
div#close-modal
|
|
|
|
|
span.glyphicon.glyphicon-remove
|
