47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
define([
|
|
'newsletter_editor/App',
|
|
'backbone',
|
|
'backbone.marionette',
|
|
'underscore',
|
|
'jquery',
|
|
'mailpoet'
|
|
], function (App, Backbone, Marionette, _, jQuery, MailPoet) {
|
|
|
|
'use strict';
|
|
|
|
var Module = {};
|
|
|
|
Module.HeadingView = Marionette.View.extend({
|
|
getTemplate: function () { return window.templates.heading; },
|
|
templateContext: function () {
|
|
return {
|
|
model: this.model.toJSON()
|
|
};
|
|
},
|
|
events: function () {
|
|
return {
|
|
'keyup .mailpoet_input_title': _.partial(this.changeField, 'subject'),
|
|
'keyup .mailpoet_input_preheader': _.partial(this.changeField, 'preheader')
|
|
};
|
|
},
|
|
changeField: function (field, event) {
|
|
this.model.set(field, jQuery(event.target).val());
|
|
}
|
|
});
|
|
|
|
App.on('start', function (App) {
|
|
App._appView.showChildView('headingRegion', new Module.HeadingView({ model: App.getNewsletter() }));
|
|
MailPoet.helpTooltip.show(document.getElementById('tooltip-designer-subject-line'), {
|
|
tooltipId: 'tooltip-designer-subject-line-ti',
|
|
tooltip: MailPoet.I18n.t('helpTooltipDesignerSubjectLine'),
|
|
place: 'right'
|
|
});
|
|
MailPoet.helpTooltip.show(document.getElementById('tooltip-designer-preheader'), {
|
|
tooltipId: 'tooltip-designer-preheader-ti',
|
|
tooltip: MailPoet.I18n.t('helpTooltipDesignerPreheader')
|
|
});
|
|
});
|
|
|
|
return Module;
|
|
});
|