TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-25 19:48:50 +03:00
Code Issues Projects Releases Wiki Activity

Hid Stripe apikey form if stripeDirect: false

Browse Source 
no-issue

We are going to keep the UI as a fallback in future. Eventually this
`if` will include an `else` block rendering a Stripe Connect button.
This commit is contained in:
Fabien O'Carroll 2020-05-20 16:24:43 +02:00 committed by Fabien 'egg' O'Carroll
parent 055674af77
commit c899af36b4
2 changed files with 48 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
ghost/admin/app/components/gh-members-lab-setting.hbs
View File

@ -1,55 +1,57 @@
<div class="flex flex-column b--whitegrey bt"> <div class="flex flex-column b--whitegrey bt">
<section class="bb b--whitegrey pa5"> <section class="bb b--whitegrey pa5">
<div class="flex justify-between"> {{#if this.stripeDirect}}
<div> <div class="flex justify-between">
<h4 class="gh-setting-title">Connect to Stripe</h4> <div>
<p class="gh-setting-desc pa0 ma0">Configure API keys to create subscriptions and take payments</p> <h4 class="gh-setting-title">Connect to Stripe</h4>
<p class="gh-setting-desc pa0 ma0">Configure API keys to create subscriptions and take payments</p>
</div>
<div>
<button type="button" class="gh-btn" {{action (toggle "membersStripeOpen" this)}} data-test-toggle-membersstripe><span>{{if this.membersStripeOpen "Close" "Expand"}}</span></button>
</div>
</div> </div>
<div>
<button type="button" class="gh-btn" {{action (toggle "membersStripeOpen" this)}} data-test-toggle-membersstripe><span>{{if this.membersStripeOpen "Close" "Expand"}}</span></button>
</div>
</div>
{{#liquid-if this.membersStripeOpen}} {{#liquid-if this.membersStripeOpen}}
<div class="flex flex-column flex-row-l items-start justify-between mb4 mt6"> <div class="flex flex-column flex-row-l items-start justify-between mb4 mt6">
<div class="w-100 w-50-l"> <div class="w-100 w-50-l">
<div class="mb4"> <div class="mb4">
<label class="fw6 f8">Stripe Publishable key</label> <label class="fw6 f8">Stripe Publishable key</label>
<GhTextInput <GhTextInput
@type="password" @type="password"
@value={{readonly this.subscriptionSettings.stripeConfig.public_token}} @value={{readonly this.subscriptionSettings.stripeConfig.public_token}}
@input={{action "setSubscriptionSettings" "public_token"}} @input={{action "setSubscriptionSettings" "public_token"}}
@class="mt1 password" @class="mt1 password"
/> />
</div> </div>
<div class="nudge-top--3"> <div class="nudge-top--3">
<label class="fw6 f8 mt4">Stripe Secret key</label> <label class="fw6 f8 mt4">Stripe Secret key</label>
<GhTextInput <GhTextInput
@type="password" @type="password"
@value={{readonly this.subscriptionSettings.stripeConfig.secret_token}} @value={{readonly this.subscriptionSettings.stripeConfig.secret_token}}
@input={{action "setSubscriptionSettings" "secret_token"}} @input={{action "setSubscriptionSettings" "secret_token"}}
@class="mt1 password" @class="mt1 password"
/> />
<a href="https://dashboard.stripe.com/account/apikeys" target="_blank" class="mt1 fw4 f8"> <a href="https://dashboard.stripe.com/account/apikeys" target="_blank" class="mt1 fw4 f8">
Find your Stripe API keys here &raquo; Find your Stripe API keys here &raquo;
</a> </a>
</div> </div>
</div> </div>
<div class="ml0 ml5-l mt6"> <div class="ml0 ml5-l mt6">
<div class="gh-members-stripe-info"> <div class="gh-members-stripe-info">
<div class="gh-members-stripe-info-header"> <div class="gh-members-stripe-info-header">
<h4>How you get paid</h4> <h4>How you get paid</h4>
{{svg-jar "stripe-verified-partner-badge" class="gh-members-stripe-badge"}} {{svg-jar "stripe-verified-partner-badge" class="gh-members-stripe-badge"}}
</div>
<p class="f8 mt2 mb0">
Stripe is our exclusive direct payments partner.<br />
Ghost collects <strong>no fees</strong> on any payments! If you don’t have a Stripe account yet, you can <a href="https://stripe.com" target="_blank" rel="noopener" class="gh-members-stripe-link">sign up here</a>.
</p>
</div> </div>
<p class="f8 mt2 mb0">
Stripe is our exclusive direct payments partner.<br />
Ghost collects <strong>no fees</strong> on any payments! If you don’t have a Stripe account yet, you can <a href="https://stripe.com" target="_blank" rel="noopener" class="gh-members-stripe-link">sign up here</a>.
</p>
</div> </div>
</div> </div>
</div> {{/liquid-if}}
{{/liquid-if}} {{/if}}
</section> </section>
<section class="bb b--whitegrey pa5"> <section class="bb b--whitegrey pa5">

2
ghost/admin/app/components/gh-members-lab-setting.js
View File

@ -37,6 +37,8 @@ export default Component.extend({
defaultContentVisibility: reads('settings.defaultContentVisibility'), defaultContentVisibility: reads('settings.defaultContentVisibility'),
stripeDirect: reads('config.stripeDirect'),
selectedCurrency: computed('subscriptionSettings.stripeConfig.plans.monthly.currency', function () { selectedCurrency: computed('subscriptionSettings.stripeConfig.plans.monthly.currency', function () {
return CURRENCIES.findBy('value', this.get('subscriptionSettings.stripeConfig.plans.monthly.currency')); return CURRENCIES.findBy('value', this.get('subscriptionSettings.stripeConfig.plans.monthly.currency'));
}), }),