Ghost/ghost/admin/app/components/modal-delete-member.hbs
Peter Zimon a199e87201 Updated single member delete design
no issue
- updated single member delete modal copy + design layout
- swapped switch to regular checkbox + applied red color to it
- set button label based on checkbox state
2020-07-27 13:32:40 +02:00

35 lines
1.5 KiB
Handlebars
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<header class="modal-header">
<h1>Delete member account</h1>
</header>
<a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>
<div class="modal-body">
<p class="mb6">
Permanently delete <strong>{{this.member.email}}</strong> from Ghost.
</p>
{{#if this.hasActiveStripeSubscriptions}}
<div class="flex justify-between">
<div class="form-group for-checkbox gh-member-cancelstripe-checkbox">
<label class="checkbox">
<input
class="gh-input"
type="checkbox"
checked={{this.shouldCancelSubscriptions}}
{{on "click" (action "toggleShouldCancelSubscriptions")}}
/>
<span class="input-toggle-component"></span>
<div>
<h4>Also cancel subscription in Stripe</h4>
<p>If disabled, the members premium subscription will continue</p>
</div>
</label>
</div>
</div>
{{/if}}
</div>
<div class="modal-footer">
<button {{action "closeModal"}} class="gh-btn"><span>Cancel</span></button>
<GhTaskButton @buttonText={{if this.shouldCancelSubscriptions "Delete member + Cancel subscription" "Delete member"}} @successText="Deleted" @task={{this.deleteMember}} @class="gh-btn gh-btn-red gh-btn-icon" />
</div>