Ghost/ghost/admin/app/components/modals/newsletters/edit/design.js
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

28 lines
715 B
JavaScript

import Component from '@glimmer/component';
import {IMAGE_EXTENSIONS} from 'ghost-admin/components/gh-image-uploader';
import {action} from '@ember/object';
import {inject as service} from '@ember/service';
export default class EditNewsletterDesignForm extends Component {
@service settings;
imageExtensions = IMAGE_EXTENSIONS;
@action
imageUploaded(property, images) {
if (images[0]) {
this.args.newsletter[property] = images[0].url;
}
}
@action
changeSetting(property, value) {
this.args.newsletter[property] = value;
}
@action
toggleSetting(property, event) {
this.args.newsletter[property] = event.target.checked;
}
}