codecombat/app/templates/play/modal/buy-gems-modal.jade

.modal-dialog
  .modal-content
      
    if view.state === 'purchasing'
      .alert.alert-info(data-i18n="buy_gems.purchasing")
    
    else if view.state === 'retrying'
      #retrying-alert.alert.alert-danger(data-i18n="buy_gems.retrying")

    else
      img(src="/images/pages/play/modal/buy-gems-background.png")#buy-gems-background
      h1(data-i18n="play.buy_gems")
      
      #products
        for product in view.products.models
          .product
            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')

        .product
          h4.subscription-gem-amount x{{gems}} / mo
          h3(data-i18n="account.subscription")
          if me.hasSubscription()
            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
                
      if view.state === 'declined'
        #declined-alert.alert.alert-danger.alert-dismissible
          span(data-i18n="buy_gems.declined")
          button.close(type="button" data-dismiss="alert")
            span(aria-hidden="true") &times;      
          
      if view.state === 'unknown_error'
        #error-alert.alert.alert-danger.alert-dismissible
          button.close(type="button" data-dismiss="alert")
            span(aria-hidden="true") &times;
          p(data-i18n="loading_error.unknown")
          p= view.stateMessage
      
      if view.state === 'recovered_charge'
        #recovered-alert.alert.alert-danger.alert-dismissible
          span(data-i18n="buy_gems.recovered")
          button.close(type="button" data-dismiss="alert")
            span(aria-hidden="true") &times;
            
      div#close-modal
        span.glyphicon.glyphicon-remove
Put in the new BuyGemsModal design. 2014-11-12 20:16:34 -05:00			`.modal-dialog`
			`.modal-content`
Improved upon the Buy Gems Window for #2238 Added the header and close button for the Buy Gems Window. 2015-02-08 12:06:03 -05:00
Move product information to the db 2015-12-14 14:10:37 -05:00			`if view.state === 'purchasing'`
Set up stripe on the server and site to allow purchases through the website. 2014-11-17 18:15:02 -05:00			`.alert.alert-info(data-i18n="buy_gems.purchasing")`
Put in the new BuyGemsModal design. 2014-11-12 20:16:34 -05:00
Move product information to the db 2015-12-14 14:10:37 -05:00			`else if view.state === 'retrying'`
Set up stripe on the server and site to allow purchases through the website. 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`
Improved upon the Buy Gems Window for #2238 Added the header and close button for the Buy Gems Window. 2015-02-08 12:06:03 -05:00			`h1(data-i18n="play.buy_gems")`

Set up stripe on the server and site to allow purchases through the website. 2014-11-17 18:15:02 -05:00			`#products`
Move product information to the db 2015-12-14 14:10:37 -05:00			`for product in view.products.models`
Set up stripe on the server and site to allow purchases through the website. 2014-11-17 18:15:02 -05:00			`.product`
Move product information to the db 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')`
Fixed #2407 by implementing styles for new subscribe-in-gem-shop design. 2015-02-25 17:24:32 -05:00
			`.product`
Implement Brazil coupon 2016-01-11 12:52:46 -05:00			`h4.subscription-gem-amount x{{gems}} / mo`
Fixed #2407 by implementing styles for new subscribe-in-gem-shop design. 2015-02-25 17:24:32 -05:00			`h3(data-i18n="account.subscription")`
Ads for free campaign players Display leaderboard ads on campaign and play views. Do no show ads in classroom, picoCTF, or to teachers. Add no ads blurb to subscription features matrix. Scale game UI for ads on short screens. Closes #3491 2016-03-15 18:51:59 -04:00			`if me.hasSubscription()`
Not asking for resubscription in buy gems modal if already subscribed. 2015-07-07 14:50:55 -04:00			`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`
Set up stripe on the server and site to allow purchases through the website. 2014-11-17 18:15:02 -05:00
Move product information to the db 2015-12-14 14:10:37 -05:00			`if view.state === 'declined'`
Set up stripe on the server and site to allow purchases through the website. 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") ×`

Move product information to the db 2015-12-14 14:10:37 -05:00			`if view.state === 'unknown_error'`
Set up stripe on the server and site to allow purchases through the website. 2014-11-17 18:15:02 -05:00			`#error-alert.alert.alert-danger.alert-dismissible`
			`button.close(type="button" data-dismiss="alert")`
Added new mongodb versions to be allowed. Added error logging for every which reason a user may be unable to pay. Added more info for users when they hit unknown errors. 2014-11-29 13:44:58 -05:00			`span(aria-hidden="true") ×`
			`p(data-i18n="loading_error.unknown")`
Move product information to the db 2015-12-14 14:10:37 -05:00			`p= view.stateMessage`
Shored up stripe transaction payment defences to try and fix #1906. 2014-12-12 18:27:58 -05:00
Move product information to the db 2015-12-14 14:10:37 -05:00			`if view.state === 'recovered_charge'`
Shored up stripe transaction payment defences to try and fix #1906. 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") ×`
Improved upon the Buy Gems Window for #2238 Added the header and close button for the Buy Gems Window. 2015-02-08 12:06:03 -05:00
			`div#close-modal`
			`span.glyphicon.glyphicon-remove`