Ghost/ghost/admin/app/components/modals/newsletters/confirm-archive.hbs
Kevin Ansfield 404d3c44cf Switched to a minimal form when creating a newsletter (#2356)
no issue

The full edit newsletter form with all the settings, design options, and preview felt quite overwhelming when the only piece of data that's required to create a newsletter is the name.

- re-organised the newsletter modal components by renaming `modals/edit-newlsetter` to `modals/newsletters` to better represent the full suite of modals that are used in newsletter management
- added a `modals/newsletters/new` component containing a minimal form with name/description/opt-in-existing fields
- switched the `new-newsletter` route to open the new modal rather than the previous dual-purpose edit modal
- moved message about newsletter creation into the create modal and dropped the separate create confirmation modal
- dropped unnecessary unsaved-changes confirmation
- removed the now-unused opt-in-existing behaviour from the edit newsletter modal

Co-authored-by: Peter Zimon <peter.zimon@gmail.com>
2022-04-27 10:36:43 +01:00

34 lines
1.2 KiB
Handlebars

<div class="modal-content">
<header class="modal-header" data-test-modal="confirm-newsletter-archive">
<h1>Archive newsletter</h1>
</header>
<button type="button" class="close" role="button" title="Close" {{on "click" (fn @close false)}}>{{svg-jar "close"}}<span class="hidden">Close</span></button>
<div class="modal-body">
<p>
Your newsletter <strong>{{@data.newsletter.name}}</strong> will no longer be visible to members or available as an option when publishing new posts.
</p>
<p>
Existing posts previously sent as this newsletter will remain unchanged.
</p>
</div>
<div class="modal-footer" {{on-key "Enter" (perform @data.archiveNewsletterTask @data.newsletter)}}>
<button
type="button"
class="gh-btn"
{{on "click" (fn @close false)}}
>
<span>Cancel</span>
</button>
<GhTaskButton
@buttonText="Archive"
@runningText="Archiving"
@showSuccess={{false}}
@task={{@data.archiveNewsletterTask}}
@taskArgs={{@data.newsletter}}
@class="gh-btn gh-btn-black gh-btn-icon"
/>
</div>
</div>