Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Update colors when changed from settings

Browse Source 
[MAILPOET-2278]
This commit is contained in:
Amine Ben hammou
2019-10-17 02:28:17 +01:00
committed by Jack Kitterhing
parent b56cee8b7d
commit af902e93f4
2 changed files with 38 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
assets/js/src/newsletter_editor/blocks/woocommerceHeading.js
View File

@ -17,6 +17,19 @@ const BlockModel = BaseBlock.BlockModel.extend({
const SettingsView = BaseBlock.BlockSettingsView.extend({
getTemplate: function getTemplate() { return window.templates.woocommerceHeadingBlockSettings; },
templateContext() {
return {
model: this.model.toJSON(),
styles: this.model.get('styles').toJSON(),
};
},
events: function events() {
return {
'change .mailpoet_field_wc_heading_font_color': _.partial(this.changeColorField, 'styles.fontColor'),
'change .mailpoet_field_wc_heading_background_color': _.partial(this.changeColorField, 'styles.backgroundColor'),
'click .mailpoet_done_editing': 'close',
};
},
});
const BlockToolsView = BaseBlock.BlockToolsView.extend({
@ -42,6 +55,12 @@ const WidgetView = BaseBlock.WidgetView.extend({
const BlockView = BaseBlock.BlockView.extend({
className: 'mailpoet_block mailpoet_woocommerce_heading_block mailpoet_droppable_block',
initialize: function initialize() {
BaseBlock.BlockView.prototype.initialize.apply(this, arguments);
this.listenTo(this.model, 'change:styles.fontColor', this.render);
this.listenTo(this.model, 'change:styles.backgroundColor', this.render);
},
modelEvents: _.omit(BaseBlock.BlockView.prototype.modelEvents, 'change'),
getTemplate() { return window.templates.woocommerceHeadingBlock; },
behaviors: _.defaults({
ShowSettingsBehavior: {},