95 lines
2.6 KiB
JavaScript
95 lines
2.6 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import ConfirmCreateModal from './edit-newsletter/confirm-create';
|
|
import ConfirmNewsletterEmailModal from './edit-newsletter/confirm-newsletter-email';
|
|
import {action} from '@ember/object';
|
|
import {inject as service} from '@ember/service';
|
|
import {task} from 'ember-concurrency';
|
|
import {tracked} from '@glimmer/tracking';
|
|
|
|
export default class EditNewsletterModal extends Component {
|
|
@service modals;
|
|
@service store;
|
|
|
|
static modalOptions = {
|
|
className: 'fullscreen-modal-full-overlay fullscreen-modal-portal-settings'
|
|
};
|
|
|
|
@tracked tab = 'settings';
|
|
@tracked optInExisting = this.args.data.newsletter.isNew;
|
|
|
|
get activeNewsletterSlugs() {
|
|
const activeNewsletters = this.store.peekAll('newsletter').filter((n) => {
|
|
return n.status === 'active' && !n.isNew && !n.isDestroyed;
|
|
});
|
|
|
|
return activeNewsletters.map(n => n.slug);
|
|
}
|
|
|
|
willDestroy() {
|
|
super.willDestroy(...arguments);
|
|
this.args.data.newsletter.rollbackAttributes();
|
|
}
|
|
|
|
@action
|
|
changeTab(tab) {
|
|
this.tab = tab;
|
|
}
|
|
|
|
@action
|
|
saveViaKeyboard(event, responder) {
|
|
responder.stopPropagation();
|
|
event.preventDefault();
|
|
|
|
this.saveTask.perform();
|
|
}
|
|
|
|
@action
|
|
setOptInExisting(value) {
|
|
this.optInExisting = value;
|
|
}
|
|
|
|
@task
|
|
*saveTask() {
|
|
try {
|
|
yield this.args.data.newsletter.validate({});
|
|
|
|
const {optInExisting} = this;
|
|
|
|
const shouldCreate = yield this.modals.open(ConfirmCreateModal, {
|
|
optInExisting,
|
|
newsletter: this.args.data.newsletter,
|
|
activeNewsletterSlugs: this.activeNewsletterSlugs
|
|
});
|
|
|
|
if (!shouldCreate) {
|
|
// ensure task button returns to idle state
|
|
return 'canceled';
|
|
}
|
|
|
|
const newEmail = this.args.data.newsletter.senderEmail;
|
|
|
|
const result = yield this.args.data.newsletter.save({
|
|
adapterOptions: {optInExisting}
|
|
});
|
|
|
|
if (result._meta?.sent_email_verification) {
|
|
yield this.modals.open(ConfirmNewsletterEmailModal, {
|
|
newEmail,
|
|
currentEmail: this.args.data.newsletter.senderEmail
|
|
});
|
|
}
|
|
|
|
this.args.data.afterSave?.(result);
|
|
|
|
return result;
|
|
} catch (e) {
|
|
if (e === undefined) {
|
|
// ensure task button shows failed state
|
|
throw new Error('Validation failed');
|
|
}
|
|
|
|
throw e;
|
|
}
|
|
}
|
|
}
|