diff --git a/ghost/admin/app/styles/layouts/labs.css b/ghost/admin/app/styles/layouts/labs.css index ac7699ea7c..dae57107db 100644 --- a/ghost/admin/app/styles/layouts/labs.css +++ b/ghost/admin/app/styles/layouts/labs.css @@ -71,6 +71,14 @@ opacity: 0.25; } +.gh-members-stripe-badge { + width: 180px; +} + +.gh-members-stripe-link { + color: #555ABF; +} + .gh-labs-disabled .for-checkbox label, .gh-labs-disabled .for-checkbox .input-toggle-component, .gh-labs-disabled .for-switch label, diff --git a/ghost/admin/app/templates/components/gh-members-lab-setting.hbs b/ghost/admin/app/templates/components/gh-members-lab-setting.hbs index 0fe0dafdcc..c54e28abdf 100644 --- a/ghost/admin/app/templates/components/gh-members-lab-setting.hbs +++ b/ghost/admin/app/templates/components/gh-members-lab-setting.hbs @@ -12,27 +12,43 @@ {{#liquid-if membersStripeOpen}} -
- - {{gh-text-input +
+
+
+ + {{gh-text-input type="password" value=(readonly subscriptionSettings.stripeConfig.public_token) input=(action "setSubscriptionSettings" "public_token") class="mt1 password" }} -
-
- - {{gh-text-input +
+
+ + {{gh-text-input type="password" value=(readonly subscriptionSettings.stripeConfig.secret_token) input=(action "setSubscriptionSettings" "secret_token") class="mt1 password" }} - - Find your Stripe API keys here » - + + Find your Stripe API keys here » + +
+
+
+
+

How you get paid

+ {{svg-jar "stripe-verified-partner-badge" class="gh-members-stripe-badge"}} +
+

+ Stripe is our exclusive direct payments partner.
+ Ghost collects no fees on any payments! If you don’t have a Stripe account yet, you can sign up here. +

+
+
+
{{/liquid-if}} diff --git a/ghost/admin/public/assets/icons/stripe-verified-partner-badge.svg b/ghost/admin/public/assets/icons/stripe-verified-partner-badge.svg new file mode 100644 index 0000000000..1306c2eabf --- /dev/null +++ b/ghost/admin/public/assets/icons/stripe-verified-partner-badge.svg @@ -0,0 +1 @@ +stripe-verfied-partner \ No newline at end of file