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

Remember the desktop/mobile preview switch value [MAILPOET-1583]

Browse Source
This commit is contained in:
wxa
2018-12-10 14:26:41 +03:00
parent 419224d7b6
commit 1b0ee7e4b2
3 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
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
});
@ -351,6 +352,7 @@ define([
};
},
initialize: function (options) {
this.previewType = options.previewType;
this.previewUrl = options.previewUrl;
this.width = '100%';
this.height = '100%';
@ -359,6 +361,7 @@ define([
},
templateContext: function () {
return {
previewType: this.previewType,
previewUrl: this.previewUrl,
width: this.width,
height: this.height
@ -374,6 +377,9 @@ define([
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;
}
});

3
views/newsletter/editor.html
View File

@ -1329,7 +1329,8 @@
sidepanelWidth: '331px',
newsletterPreview: {
width: '1024px',
height: '768px'
height: '768px',
previewTypeLocalStorageKey: 'newsletter_editor.preview_type'
},
validation: {
validateUnsubscribeLinkPresent: <%= mss_active ? 'true' : 'false' %>,

6
views/newsletter/templates/components/newsletterPreview.hbs
View File

@ -1,11 +1,11 @@
<div class="mailpoet_browser_preview_toggle">
<label>
<input type="radio" name="mailpoet_browser_preview_type" class="mailpoet_browser_preview_type" value="desktop" checked="checked" /><%= _x('Desktop', 'Desktop browser preview mode') %>
<input type="radio" name="mailpoet_browser_preview_type" class="mailpoet_browser_preview_type" value="desktop" {{#ifCond previewType '!=' 'mobile'}}CHECKED{{/ifCond}} /><%= _x('Desktop', 'Desktop browser preview mode') %>
</label>
<label>
<input type="radio" name="mailpoet_browser_preview_type" class="mailpoet_browser_preview_type" value="mobile" /><%= _x('Mobile', 'Mobile browser preview mode') %>
<input type="radio" name="mailpoet_browser_preview_type" class="mailpoet_browser_preview_type" value="mobile" {{#ifCond previewType '==' 'mobile'}}CHECKED{{/ifCond}} /><%= _x('Mobile', 'Mobile browser preview mode') %>
</label>
</div>
<div class="mailpoet_browser_preview_container mailpoet_browser_preview_container_desktop">
<div class="mailpoet_browser_preview_container {{#ifCond previewType '==' 'mobile'}}mailpoet_browser_preview_container_mobile{{else}}mailpoet_browser_preview_container_desktop{{/ifCond}}">
<iframe class="mailpoet_browser_preview_iframe" src="{{ previewUrl }}" width="{{ width }}" height="{{ height }}"></iframe>
</div>