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

Add mobile preview mode [MAILPOET-1583]

Browse Source
This commit is contained in:
wxa
2018-12-06 19:54:17 +03:00
parent 7d14851aea
commit 419224d7b6
3 changed files with 58 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
assets/js/src/newsletter_editor/components/sidebar.js
View File

@@ -345,6 +345,11 @@ define([
Module.NewsletterPreviewView = Marionette.View.extend({
getTemplate: function () { return window.templates.newsletterPreview; },
events: function () {
return {
'change .mailpoet_browser_preview_type': 'changeBrowserPreviewType'
};
},
initialize: function (options) {
this.previewUrl = options.previewUrl;
this.width = '100%';
@@ -358,6 +363,17 @@ define([
width: this.width,
height: this.height
};
},
changeBrowserPreviewType: function (event) {
var value = jQuery(event.target).val();
if (value === 'mobile') {
this.$('.mailpoet_browser_preview_container').removeClass('mailpoet_browser_preview_container_desktop');
this.$('.mailpoet_browser_preview_container').addClass('mailpoet_browser_preview_container_mobile');
} else {
this.$('.mailpoet_browser_preview_container').addClass('mailpoet_browser_preview_container_desktop');
this.$('.mailpoet_browser_preview_container').removeClass('mailpoet_browser_preview_container_mobile');
}
}
});