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
      if (me.get('preferredLanguage',true) || 'en-US').split('-')[0] == 'nl'
        img(src="/images/pages/play/modal/lang-nl/buy-gems-background-NL.png")#buy-gems-background)
      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')

        if (me.get('preferredLanguage',true) || 'en-US').split('-')[0] == 'nl'
          .product
            h4.subscription-gem-amount x{{gems}} / mo
            h3 
              | 1, 3, 6 OF 12 
              br
              | MAANDEN
            a(href="http://www.codecombat.nl/kopen", target="_blank")
              button.btn.btn-ideal.btn-illustrated.btn-lg.btn-succes PREPAID CODES

        .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`
add dutch localisation to payment add dutch localisation static files 2016-05-04 09:35:20 -04:00			`.modal-content`

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")`
add dutch localisation to payment add dutch localisation static files 2016-05-04 09:35:20 -04: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`
add dutch localisation to payment add dutch localisation static files 2016-05-04 09:35:20 -04:00			`if (me.get('preferredLanguage',true) \|\| 'en-US').split('-')[0] == 'nl'`
			`img(src="/images/pages/play/modal/lang-nl/buy-gems-background-NL.png")#buy-gems-background)`
			`else`
			`img(src="/images/pages/play/modal/buy-gems-background.png")#buy-gems-background`
			`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
add dutch localisation to payment add dutch localisation static files 2016-05-04 09:35:20 -04:00			`if (me.get('preferredLanguage',true) \|\| 'en-US').split('-')[0] == 'nl'`
			`.product`
			`h4.subscription-gem-amount x{{gems}} / mo`
			`h3`
			`\| 1, 3, 6 OF 12`
			`br`
			`\| MAANDEN`
			`a(href="http://www.codecombat.nl/kopen", target="_blank")`
			`button.btn.btn-ideal.btn-illustrated.btn-lg.btn-succes PREPAID CODES`

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`