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

Add new tab link to newsletter preview

Browse Source 
[MAILPOET-2430]
This commit is contained in:
Jan Jakeš
2020-02-04 10:39:18 +01:00
committed by Jack Kitterhing
parent d41eca48b2
commit 2f59ab4c50
4 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/src/components/newsletterEditor/components/_sidebar.scss
View File

@ -157,11 +157,15 @@ $widget-icon-width: 30px;
width: 100%;
}
.mailpoet_browser_preview_link {
position: absolute;
top: -25px;
}
.mailpoet_browser_preview_toggle {
flex: 0 1 auto;
height: 30px;
padding: 10px 0;
position: absolute;
padding-bottom: 10px;
text-align: center;
top: -30px;
width: 100%;
@ -180,7 +184,7 @@ $widget-icon-width: 30px;
flex: 1 1 auto;
flex-direction: column;
height: 100%;
margin: 15px auto 0;
margin: auto;
padding: 20px;
transition: width .5s;
}

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

@ -280,6 +280,7 @@ Module.SidebarPreviewView = Marionette.View.extend({
this.previewView = new Module.NewsletterPreviewView({
previewType: window.localStorage.getItem(App.getConfig().get('newsletterPreview.previewTypeLocalStorageKey')),
previewUrl: response.meta.preview_url,
publicPreviewUrl: response.meta.public_preview_url,
});
this.previewView.render();
@ -401,6 +402,7 @@ Module.NewsletterPreviewView = Marionette.View.extend({
initialize: function (options) {
this.previewType = options.previewType;
this.previewUrl = options.previewUrl;
this.publicPreviewUrl = options.publicPreviewUrl;
this.width = '100%';
this.height = '100%';
// this.width = App.getConfig().get('newsletterPreview.width');
@ -410,6 +412,7 @@ Module.NewsletterPreviewView = Marionette.View.extend({
return {
previewType: this.previewType,
previewUrl: this.previewUrl,
publicPreviewUrl: this.publicPreviewUrl,
width: this.width,
height: this.height,
};

7
lib/API/JSON/v1/Newsletters.php
View File

@ -446,14 +446,19 @@ class Newsletters extends APIEndpoint {
$newsletter,
$subscriber
);
$publicPreviewUrl = NewsletterUrl::getViewInBrowserUrl($newsletter);
// strip protocol to avoid mix content error
$previewUrl = preg_replace('{^https?:}i', '', $previewUrl);
$publicPreviewUrl = preg_replace('{^https?:}i', '', $publicPreviewUrl);
$newsletter = Newsletter::findOne($newsletter->id);
if(!$newsletter instanceof Newsletter) return $this->errorResponse();
return $this->successResponse(
$newsletter->asArray(),
['preview_url' => $previewUrl]
[
'preview_url' => $previewUrl,
'public_preview_url' => $publicPreviewUrl,
]
);
} else {
return $this->errorResponse([

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

@ -1,3 +1,6 @@
<div class="mailpoet_browser_preview_link">
<a href="{{ publicPreviewUrl }}" target="_blank" rel="noopener noreferrer"><%= _x('Open in new tab', 'Open email preview in new tab') %></a>
</div>
<div class="mailpoet_browser_preview_toggle">
<label>
<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') %>