Added note about MJML usage
This commit is contained in:
witzig
parent
0b0929aa7b
commit
8852f33f03
2 changed files with 47 additions and 29 deletions
|
|
@ -133,83 +133,104 @@ router.get('/:list/edit/:form', passport.csrfProtection, (req, res) => {
|
||||||
fieldsHiddenOnManage = helpers.filterCustomFields(customFields, form.fieldsShownOnManage, 'exclude');
|
fieldsHiddenOnManage = helpers.filterCustomFields(customFields, form.fieldsShownOnManage, 'exclude');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let helpEmailText = _('The plaintext version for this email');
|
||||||
|
let helpMjmlBase = _('Custom forms use MJML for formatting');
|
||||||
|
let helpMjmlDocLink = _('See the MJML documentation <a class="mjml-documentation">here</a>');
|
||||||
|
let helpMjmlGeneral = helpMjmlBase + ' ' + helpMjmlDocLink;
|
||||||
|
|
||||||
let templateOptgroups = [
|
let templateOptgroups = [
|
||||||
{
|
{
|
||||||
label: 'General',
|
label: _('General'),
|
||||||
opts: [{
|
opts: [{
|
||||||
name: 'layout',
|
name: 'layout',
|
||||||
label: _('Layout'),
|
label: _('Layout'),
|
||||||
type: 'mjml',
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral,
|
||||||
isLayout: true
|
isLayout: true
|
||||||
}, {
|
}, {
|
||||||
name: 'form_input_style',
|
name: 'form_input_style',
|
||||||
label: _('Form Input Style'),
|
label: _('Form Input Style'),
|
||||||
type: 'css'
|
type: 'css',
|
||||||
|
help: _('This CSS stylesheet defines the appearance of form input elements and alerts')
|
||||||
}]
|
}]
|
||||||
}, {
|
}, {
|
||||||
label: _('Subscribe'),
|
label: _('Subscribe'),
|
||||||
opts: [{
|
opts: [{
|
||||||
name: 'web_subscribe',
|
name: 'web_subscribe',
|
||||||
label: _('Web - Subscribe'),
|
label: _('Web - Subscribe'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'web_confirm_notice',
|
name: 'web_confirm_notice',
|
||||||
label: _('Web - Confirm Notice'),
|
label: _('Web - Confirm Notice'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'mail_confirm_html',
|
name: 'mail_confirm_html',
|
||||||
label: _('Mail - Confirm Subscription (MJML)'),
|
label: _('Mail - Confirm Subscription (MJML)'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'mail_confirm_text',
|
name: 'mail_confirm_text',
|
||||||
label: _('Mail - Confirm Subscription (Text)'),
|
label: _('Mail - Confirm Subscription (Text)'),
|
||||||
type: 'text'
|
type: 'text',
|
||||||
|
help: helpEmailText
|
||||||
}, {
|
}, {
|
||||||
name: 'web_subscribed',
|
name: 'web_subscribed',
|
||||||
label: _('Web - Subscribed Notice'),
|
label: _('Web - Subscribed Notice'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'mail_subscription_confirmed_html',
|
name: 'mail_subscription_confirmed_html',
|
||||||
label: _('Mail - Subscription Confirmed (MJML)'),
|
label: _('Mail - Subscription Confirmed (MJML)'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'mail_subscription_confirmed_text',
|
name: 'mail_subscription_confirmed_text',
|
||||||
label: _('Mail - Subscription Confirmed (Text)'),
|
label: _('Mail - Subscription Confirmed (Text)'),
|
||||||
type: 'text'
|
type: 'text',
|
||||||
|
help: helpEmailText
|
||||||
}]
|
}]
|
||||||
}, {
|
}, {
|
||||||
label: 'Manage',
|
label: _('Manage'),
|
||||||
opts: [{
|
opts: [{
|
||||||
name: 'web_manage',
|
name: 'web_manage',
|
||||||
label: _('Web - Manage Preferences'),
|
label: _('Web - Manage Preferences'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'web_manage_address',
|
name: 'web_manage_address',
|
||||||
label: _('Web - Manage Address'),
|
label: _('Web - Manage Address'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'web_updated_notice',
|
name: 'web_updated_notice',
|
||||||
label: _('Web - Updated Notice'),
|
label: _('Web - Updated Notice'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}]
|
}]
|
||||||
}, {
|
}, {
|
||||||
label: 'Unsubscribe',
|
label: _('Unsubscribe'),
|
||||||
opts: [{
|
opts: [{
|
||||||
name: 'web_unsubscribe',
|
name: 'web_unsubscribe',
|
||||||
label: _('Web - Unsubscribe'),
|
label: _('Web - Unsubscribe'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'web_unsubscribe_notice',
|
name: 'web_unsubscribe_notice',
|
||||||
label: _('Web - Unsubscribe Notice'),
|
label: _('Web - Unsubscribe Notice'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'mail_unsubscribe_confirmed_html',
|
name: 'mail_unsubscribe_confirmed_html',
|
||||||
label: _('Mail - Unsubscribe Confirmed (MJML)'),
|
label: _('Mail - Unsubscribe Confirmed (MJML)'),
|
||||||
type: 'mjml'
|
type: 'mjml',
|
||||||
|
help: helpMjmlGeneral
|
||||||
}, {
|
}, {
|
||||||
name: 'mail_unsubscribe_confirmed_text',
|
name: 'mail_unsubscribe_confirmed_text',
|
||||||
label: _('Mail - Unsubscribe Confirmed (Text)'),
|
label: _('Mail - Unsubscribe Confirmed (Text)'),
|
||||||
type: 'text'
|
type: 'text',
|
||||||
|
help: helpEmailText
|
||||||
}]
|
}]
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
|
||||||
|
|
@ -73,7 +73,6 @@
|
||||||
<ul class="nav nav-tabs" role="tablist">
|
<ul class="nav nav-tabs" role="tablist">
|
||||||
<li role="presentation" class="active"><a href="#templates" aria-controls="templates" role="tab" data-toggle="tab">{{#translate}}Templates{{/translate}}</a></li>
|
<li role="presentation" class="active"><a href="#templates" aria-controls="templates" role="tab" data-toggle="tab">{{#translate}}Templates{{/translate}}</a></li>
|
||||||
<li role="presentation"><a href="#fields" aria-controls="fields" role="tab" data-toggle="tab">{{#translate}}Fields{{/translate}}</a></li>
|
<li role="presentation"><a href="#fields" aria-controls="fields" role="tab" data-toggle="tab">{{#translate}}Fields{{/translate}}</a></li>
|
||||||
<li role="presentation"><a href="#help" aria-controls="help" role="tab" data-toggle="tab">{{#translate}}Help{{/translate}}</a></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -121,6 +120,9 @@
|
||||||
{{#each opts}}
|
{{#each opts}}
|
||||||
<div class="form-group template {{name}}" {{#unless isLayout}}style="display: none;"{{/unless}}>
|
<div class="form-group template {{name}}" {{#unless isLayout}}style="display: none;"{{/unless}}>
|
||||||
<div class="col-sm-offset-2 col-sm-10">
|
<div class="col-sm-offset-2 col-sm-10">
|
||||||
|
<div class="help-block" style="margin-top: -8px;">
|
||||||
|
<small>{{#if help}}{{{help}}}{{else}} {{/if}}</small>
|
||||||
|
</div>
|
||||||
<div class="code-editor-{{type}}" style="height: 700px; border: 1px solid #ccc;"></div>
|
<div class="code-editor-{{type}}" style="height: 700px; border: 1px solid #ccc;"></div>
|
||||||
<input type="hidden" name="{{name}}" value="{{value}}">
|
<input type="hidden" name="{{name}}" value="{{value}}">
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -238,16 +240,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div role="tabpanel" class="tab-pane" id="help">
|
|
||||||
<div class="form-group">
|
|
||||||
<div class="col-sm-offset-2 col-sm-10">
|
|
||||||
<p>
|
|
||||||
{{#translate}}The MJML Documentation can be found <a href="https://mjml.io/documentation/" rel="noreferrer" target="_blank">here</a>.{{/translate}}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div><!-- end .tab-content -->
|
</div><!-- end .tab-content -->
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
@ -282,5 +274,10 @@
|
||||||
Cookies.set('tmpl', $(this).val(), { expires: 7, path: '' });
|
Cookies.set('tmpl', $(this).val(), { expires: 7, path: '' });
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$('a.mjml-documentation')
|
||||||
|
.attr('href', 'https://mjml.io/documentation/')
|
||||||
|
.attr('target', '_blank')
|
||||||
|
.attr('rel', 'noreferrer')
|
||||||
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue