Fix 'Send test' not reflecting campaign body on first page load
This commit is contained in:
parent
13aac1af28
commit
50e488fc01
|
@ -118,6 +118,7 @@ export default {
|
|||
isPreviewing: false,
|
||||
isMediaVisible: false,
|
||||
isEditorFullscreen: false,
|
||||
isReady: false,
|
||||
form: {
|
||||
body: '',
|
||||
format: this.contentType,
|
||||
|
@ -195,6 +196,8 @@ export default {
|
|||
},
|
||||
|
||||
onEditorReady() {
|
||||
this.isReady = true;
|
||||
|
||||
// Hack to focus the editor on page load.
|
||||
this.$nextTick(() => {
|
||||
window.setTimeout(() => this.$refs.quill.quill.focus(), 100);
|
||||
|
@ -202,6 +205,10 @@ export default {
|
|||
},
|
||||
|
||||
onEditorChange() {
|
||||
if (!this.isReady) {
|
||||
return;
|
||||
}
|
||||
|
||||
// The parent's v-model gets { contentType, body }.
|
||||
this.$emit('input', { contentType: this.form.format, body: this.form.body });
|
||||
},
|
||||
|
|
|
@ -198,7 +198,13 @@ export default Vue.extend({
|
|||
getCampaign(id) {
|
||||
return this.$api.getCampaign(id).then((data) => {
|
||||
this.data = data;
|
||||
this.form = { ...this.form, ...data };
|
||||
this.form = {
|
||||
...this.form,
|
||||
...data,
|
||||
|
||||
// The structure that is populated by editor input event.
|
||||
content: { contentType: data.contentType, body: data.body },
|
||||
};
|
||||
|
||||
if (data.sendAt !== null) {
|
||||
this.form.sendLater = true;
|
||||
|
|
Loading…
Reference in New Issue