Ghost/ghost/admin/app/components/members/modals/delete-member.hbs
Kevin Ansfield 3817f583fa 🐛 Fixed unexpected "unsaved changes" modal when deleting a member
closes https://github.com/TryGhost/Team/issues/2275

When deleting a member, after confirming deletion another "unsaved changes" modal popped up. From that point, if you clicked to stay you remained on the member screen with stale data (the member was still deleted) resulting in further errors when any attempt to make changes was made.

- prevented the unsaved changes check running for a deleted member because it would always return `true` in that case
- ensured the data setup for the unsaved changes check still occurs when a member is accessed directly via the URL
  - previously it was skipped because the data setup only occurred inside `fetchMemberTask` but that isn't called when the route already loaded the model via it's `model()` hook
2022-12-05 11:48:37 +00:00

50 lines
1.9 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.

<div class="modal-content" data-test-modal="delete-member">
<header class="modal-header">
<h1>Delete member account</h1>
</header>
<button type="button" class="close" title="Close" {{on "click" (fn @close false)}}>{{svg-jar "close"}}<span class="hidden">Close</span></button>
<div class="modal-body">
<p class="mb6">
Permanently delete <strong>{{@data.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" (toggle "toggleShouldCancelSubscriptions" this)}}
/>
<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
type="button"
class="gh-btn"
{{on "click" (fn @close false)}}
data-test-button="cancel"
>
<span>Cancel</span>
</button>
<GhTaskButton
@buttonText={{if this.shouldCancelSubscriptions "Delete member + Cancel subscription" "Delete member"}}
@successText="Deleted"
@task={{this.deleteMemberTask}}
@class="gh-btn gh-btn-red gh-btn-icon"
data-test-button="confirm"
/>
</div>
</div>