106 lines
3.1 KiB
JavaScript
106 lines
3.1 KiB
JavaScript
define([
|
|
'newsletter_editor/App',
|
|
'backbone.supermodel',
|
|
'underscore',
|
|
'mailpoet'
|
|
], function(App, SuperModel, _, MailPoet) {
|
|
"use strict";
|
|
|
|
var Module = {};
|
|
|
|
// Holds newsletter entry fields, such as subject or creation datetime.
|
|
// Does not hold newsletter content nor newsletter styles, those are
|
|
// handled by other components.
|
|
Module.NewsletterModel = SuperModel.extend({
|
|
whitelisted: ['id', 'subject', 'preheader'],
|
|
initialize: function(options) {
|
|
this.on('change', function() {
|
|
App.getChannel().trigger('autoSave');
|
|
});
|
|
},
|
|
toJSON: function() {
|
|
// Use only whitelisted properties to ensure properties editor
|
|
// doesn't control don't change.
|
|
return _.pick(SuperModel.prototype.toJSON.call(this), this.whitelisted);
|
|
}
|
|
});
|
|
|
|
// Content block view and model handlers for different content types
|
|
Module._blockTypes = {};
|
|
Module.registerBlockType = function(type, data) {
|
|
Module._blockTypes[type] = data;
|
|
};
|
|
Module.getBlockTypeModel = function(type) {
|
|
if (type in Module._blockTypes) {
|
|
return Module._blockTypes[type].blockModel;
|
|
} else {
|
|
throw "Block type not supported: " + type;
|
|
}
|
|
};
|
|
Module.getBlockTypeView = function(type) {
|
|
if (type in Module._blockTypes) {
|
|
return Module._blockTypes[type].blockView;
|
|
} else {
|
|
throw "Block type not supported: " + type;
|
|
}
|
|
};
|
|
|
|
Module.getBody = function() {
|
|
return {
|
|
content: App._contentContainer.toJSON(),
|
|
globalStyles: App.getGlobalStyles().toJSON()
|
|
};
|
|
};
|
|
|
|
Module.toJSON = function() {
|
|
return _.extend({
|
|
body: Module.getBody()
|
|
}, App.getNewsletter().toJSON());
|
|
};
|
|
|
|
Module.getNewsletter = function() {
|
|
return Module.newsletter;
|
|
};
|
|
|
|
Module.findModels = function(predicate) {
|
|
var blocks = App._contentContainer.getChildren();
|
|
return _.filter(blocks, predicate);
|
|
};
|
|
|
|
App.on('before:start', function(App, options) {
|
|
// Expose block methods globally
|
|
App.registerBlockType = Module.registerBlockType;
|
|
App.getBlockTypeModel = Module.getBlockTypeModel;
|
|
App.getBlockTypeView = Module.getBlockTypeView;
|
|
App.toJSON = Module.toJSON;
|
|
App.getBody = Module.getBody;
|
|
App.getNewsletter = Module.getNewsletter;
|
|
App.findModels = Module.findModels;
|
|
|
|
Module.newsletter = new Module.NewsletterModel(_.omit(_.clone(options.newsletter), ['body']));
|
|
});
|
|
|
|
App.on('start', function(App, options) {
|
|
var body = options.newsletter.body;
|
|
var content = (_.has(body, 'content')) ? body.content : {};
|
|
|
|
if (!_.has(options.newsletter, 'body') || !_.isObject(options.newsletter.body)) {
|
|
MailPoet.Notice.error(
|
|
MailPoet.I18n.t('newsletterBodyIsCorrupted'),
|
|
{ static: true }
|
|
);
|
|
}
|
|
|
|
App._contentContainer = new (App.getBlockTypeModel('container'))(content, {parse: true});
|
|
App._contentContainerView = new (App.getBlockTypeView('container'))({
|
|
model: App._contentContainer,
|
|
renderOptions: { depth: 0 }
|
|
});
|
|
|
|
App._appView.showChildView('contentRegion', App._contentContainerView);
|
|
});
|
|
|
|
|
|
return Module;
|
|
});
|