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); MailPoet.Modal.loading(false);
}).done(function (response) { }).done(function (response) {
this.previewView = new Module.NewsletterPreviewView({ this.previewView = new Module.NewsletterPreviewView({
previewType: window.localStorage.getItem(App.getConfig().get('newsletterPreview.previewTypeLocalStorageKey')),
previewUrl: response.meta.preview_url previewUrl: response.meta.preview_url
}); });
@@ -351,6 +352,7 @@ define([
}; };
}, },
initialize: function (options) { initialize: function (options) {
this.previewType = options.previewType;
this.previewUrl = options.previewUrl; this.previewUrl = options.previewUrl;
this.width = '100%'; this.width = '100%';
this.height = '100%'; this.height = '100%';
@@ -359,6 +361,7 @@ define([
}, },
templateContext: function () { templateContext: function () {
return { return {
previewType: this.previewType,
previewUrl: this.previewUrl, previewUrl: this.previewUrl,
width: this.width, width: this.width,
height: this.height height: this.height
@@ -374,6 +377,9 @@ define([
this.$('.mailpoet_browser_preview_container').addClass('mailpoet_browser_preview_container_desktop'); this.$('.mailpoet_browser_preview_container').addClass('mailpoet_browser_preview_container_desktop');
this.$('.mailpoet_browser_preview_container').removeClass('mailpoet_browser_preview_container_mobile'); 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', sidepanelWidth: '331px',
newsletterPreview: { newsletterPreview: {
width: '1024px', width: '1024px',
height: '768px' height: '768px',
previewTypeLocalStorageKey: 'newsletter_editor.preview_type'
}, },
validation: { validation: {
validateUnsubscribeLinkPresent: <%= mss_active ? 'true' : 'false' %>, validateUnsubscribeLinkPresent: <%= mss_active ? 'true' : 'false' %>,

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

@@ -1,11 +1,11 @@
<div class="mailpoet_browser_preview_toggle"> <div class="mailpoet_browser_preview_toggle">
<label> <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>
<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> </label>
</div> </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> <iframe class="mailpoet_browser_preview_iframe" src="{{ previewUrl }}" width="{{ width }}" height="{{ height }}"></iframe>
</div> </div>