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

Redesign heading part

Browse Source 
[MAILPOET-2281]
This commit is contained in:
Amine Ben hammou
2019-09-24 23:42:40 +01:00
committed by Jack Kitterhing
parent 8d83a72259
commit c1d38095d8
3 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/js/src/newsletter_editor/components/heading.js
View File

@@ -11,6 +11,7 @@ Module.HeadingView = Marionette.View.extend({
templateContext: function () { // eslint-disable-line func-names templateContext: function () { // eslint-disable-line func-names
return { return {
model: this.model.toJSON(), model: this.model.toJSON(),
isWoocommerceTransactional: this.model.isWoocommerceTransactional(),
}; };
}, },
events: function () { // eslint-disable-line func-names events: function () { // eslint-disable-line func-names
@@ -25,16 +26,19 @@ Module.HeadingView = Marionette.View.extend({
}); });
App.on('start', function (StartApp) { // eslint-disable-line func-names App.on('start', function (StartApp) { // eslint-disable-line func-names
StartApp._appView.showChildView('headingRegion', new Module.HeadingView({ model: StartApp.getNewsletter() })); var model = StartApp.getNewsletter();
MailPoet.helpTooltip.show(document.getElementById('tooltip-designer-subject-line'), { StartApp._appView.showChildView('headingRegion', new Module.HeadingView({ model: model }));
tooltipId: 'tooltip-designer-subject-line-ti', if (!model.isWoocommerceTransactional()) {
tooltip: MailPoet.I18n.t('helpTooltipDesignerSubjectLine'), MailPoet.helpTooltip.show(document.getElementById('tooltip-designer-subject-line'), {
place: 'right', tooltipId: 'tooltip-designer-subject-line-ti',
}); tooltip: MailPoet.I18n.t('helpTooltipDesignerSubjectLine'),
MailPoet.helpTooltip.show(document.getElementById('tooltip-designer-preheader'), { place: 'right',
tooltipId: 'tooltip-designer-preheader-ti', });
tooltip: MailPoet.I18n.t('helpTooltipDesignerPreheader'), MailPoet.helpTooltip.show(document.getElementById('tooltip-designer-preheader'), {
}); tooltipId: 'tooltip-designer-preheader-ti',
tooltip: MailPoet.I18n.t('helpTooltipDesignerPreheader'),
});
}
}); });
export default Module; export default Module;

2
views/newsletter/editor.html
View File

@@ -279,8 +279,8 @@
<!-- Hidden heading for notices to appear under --> <!-- Hidden heading for notices to appear under -->
<h1 style="display:none"><%= __('Newsletter Editor') %></h1> <h1 style="display:none"><%= __('Newsletter Editor') %></h1>
<div id="mailpoet_editor"> <div id="mailpoet_editor">
<div id="mailpoet_editor_breadcrumb" class="mailpoet_breadcrumbs"></div>
<div id="mailpoet_editor_heading_left"> <div id="mailpoet_editor_heading_left">
<div id="mailpoet_editor_breadcrumb" class="mailpoet_breadcrumbs"></div>
<div id="mailpoet_editor_heading"></div> <div id="mailpoet_editor_heading"></div>
</div> </div>
<div id="mailpoet_editor_heading_right"> <div id="mailpoet_editor_heading_right">

10
views/newsletter/templates/components/heading.hbs
View File

@@ -1,3 +1,12 @@
{{#if isWoocommerceTransactional}}
<h1><%= _x('Edit template for WooCommerce emails', 'Name of user interface used to customize email template used for eCommerce related emails (for example order confirmation email)') %></h1>
<div class="mailpoet_form_field mailpoet_heading_form_field">
<label for="mailpoet_heading_email_type"><%= _x('Load dummy data for email:', 'Label of a dropdown used to switch between email type: order processing, order completed, ...') %></label>
<select id="mailpoet_heading_email_type">
<option value="processing_order"><%= __('Processing order', 'woocommerce') %></option>
</select>
</div>
{{else}}
<div class="mailpoet_form_field mailpoet_heading_form_field"> <div class="mailpoet_form_field mailpoet_heading_form_field">
<input <input
type="text" type="text"
@@ -16,3 +25,4 @@
/> />
<span id="tooltip-designer-preheader" class="tooltip-help-designer-preheader"></span> <span id="tooltip-designer-preheader" class="tooltip-help-designer-preheader"></span>
</div> </div>
{{/if}}