diff --git a/app/styles/play/modal/buy-gems-modal.sass b/app/styles/play/modal/buy-gems-modal.sass index 7f0e1683c..e0770f2ad 100644 --- a/app/styles/play/modal/buy-gems-modal.sass +++ b/app/styles/play/modal/buy-gems-modal.sass @@ -87,3 +87,13 @@ width: 80% top: 20px border: 5px solid gray + + #or-subscribe + position: absolute + right: 30px + top: 420px + font-size: 16px + color: #eee + + button + min-width: 182px diff --git a/app/templates/play/modal/buy-gems-modal.jade b/app/templates/play/modal/buy-gems-modal.jade index d9391dd2f..f8e0bacf0 100644 --- a/app/templates/play/modal/buy-gems-modal.jade +++ b/app/templates/play/modal/buy-gems-modal.jade @@ -40,3 +40,8 @@ div#close-modal span.glyphicon.glyphicon-remove + + #or-subscribe + span Or 3500 gems/mo if you... + br + button.start-subscription-button.btn.btn-lg.btn-illustrated.btn-success(data-i18n="subscribe.subscribe") Subscribe diff --git a/app/views/play/modal/BuyGemsModal.coffee b/app/views/play/modal/BuyGemsModal.coffee index 1032a6523..13c836f34 100644 --- a/app/views/play/modal/BuyGemsModal.coffee +++ b/app/views/play/modal/BuyGemsModal.coffee @@ -2,6 +2,7 @@ ModalView = require 'views/core/ModalView' template = require 'templates/play/modal/buy-gems-modal' stripeHandler = require 'core/services/stripe' utils = require 'core/utils' +SubscribeModal = require 'views/core/SubscribeModal' module.exports = class BuyGemsModal extends ModalView id: 'buy-gems-modal' @@ -22,6 +23,7 @@ module.exports = class BuyGemsModal extends ModalView events: 'click .product button': 'onClickProductButton' 'click #close-modal': 'hide' + 'click .start-subscription-button': 'onClickStartSubscription' constructor: (options) -> super(options) @@ -111,3 +113,7 @@ module.exports = class BuyGemsModal extends ModalView purchased.gems += product.gems me.set('purchased', purchased) @hide() + + onClickStartSubscription: (e) -> + @openModalView new SubscribeModal() + window.tracker?.trackEvent 'Show subscription modal', category: 'Subscription', label: 'buy gems modal'