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

Merge pull request #1677 from mailpoet/mobile-preview

Browse Source 
Add mobile preview mode [MAILPOET-1583]
This commit is contained in:
M. Shull
2018-12-17 17:19:25 -05:00
committed by GitHub
parent fc675c7f1f b3d8b6aee3
commit 82e8877ec5
4 changed files with 64 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -265,6 +265,7 @@ define([
MailPoet.Modal.loading(false);
}).done(function (response) {
this.previewView = new Module.NewsletterPreviewView({
previewType: window.localStorage.getItem(App.getConfig().get('newsletterPreview.previewTypeLocalStorageKey')),
previewUrl: response.meta.preview_url
});
@@ -345,7 +346,13 @@ 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.previewType = options.previewType;
this.previewUrl = options.previewUrl;
this.width = '100%';
this.height = '100%';
@@ -354,10 +361,25 @@ define([
},
templateContext: function () {
return {
previewType: this.previewType,
previewUrl: this.previewUrl,
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');
}
window.localStorage.setItem(App.getConfig().get('newsletterPreview.previewTypeLocalStorageKey'), value);
this.previewType = value;
}
});