Create new settings page
[MAILPOET-2676] The new settings can be accessed via `?page=mailpoet-new-settings` I don't think we need a flag for this because it's already hidden.
This commit is contained in:
Amine Ben hammou
committed by
amine-mp
amine-mp
parent
2917361a98
commit
1d029374e8
@ -1,7 +1,7 @@
|
||||
import PropTypes from 'prop-types';
|
||||
import React from 'react';
|
||||
import MailPoet from 'mailpoet';
|
||||
import { PremiumInstallationMessages } from 'settings/premium_tab/messages/premium_installation_messages.jsx';
|
||||
import { PremiumInstallationMessages } from 'old_settings/premium_tab/messages/premium_installation_messages.jsx';
|
||||
|
||||
const PremiumStatus = {
|
||||
KEY_INVALID: 0,
|
||||
@ -2,10 +2,10 @@ import PropTypes from 'prop-types';
|
||||
import React, { useMemo, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import MailPoet from 'mailpoet';
|
||||
import KeyMessages from 'settings/premium_tab/messages/key_messages.jsx';
|
||||
import { MssStatus, MssMessages } from 'settings/premium_tab/messages/mss_messages.jsx';
|
||||
import { PremiumStatus, PremiumMessages } from 'settings/premium_tab/messages/premium_messages.jsx';
|
||||
import { PremiumInstallationStatus } from 'settings/premium_tab/messages/premium_installation_messages.jsx';
|
||||
import KeyMessages from 'old_settings/premium_tab/messages/key_messages.jsx';
|
||||
import { MssStatus, MssMessages } from 'old_settings/premium_tab/messages/mss_messages.jsx';
|
||||
import { PremiumStatus, PremiumMessages } from 'old_settings/premium_tab/messages/premium_messages.jsx';
|
||||
import { PremiumInstallationStatus } from 'old_settings/premium_tab/messages/premium_installation_messages.jsx';
|
||||
|
||||
const requestServicesApi = async (key, action) => MailPoet.Ajax.post({
|
||||
api_version: window.mailpoet_api_version,
|
||||
@ -1,6 +1,6 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import DefaultSender from 'settings/default_sender.jsx';
|
||||
import DefaultSender from 'old_settings/default_sender.jsx';
|
||||
import { GlobalContext, useGlobalContextValue } from 'context/index.jsx';
|
||||
import Notices from 'notices/notices.jsx';
|
||||
|
||||
9
assets/js/src/settings/index.tsx
Normal file
9
assets/js/src/settings/index.tsx
Normal file
@ -0,0 +1,9 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
|
||||
const App = () => <h1 className="title">Settings</h1>;
|
||||
|
||||
const container = document.getElementById('settings_container');
|
||||
if (container) {
|
||||
ReactDOM.render(<App />, container);
|
||||
}
|
||||
@ -9,12 +9,13 @@ import 'subscribers/subscribers.jsx'; // side effect - renders ReactDOM to docum
|
||||
import 'newsletters/newsletters.jsx'; // side effect - renders ReactDOM to window
|
||||
import 'segments/segments.jsx'; // side effect - renders ReactDOM to document
|
||||
import 'dynamic_segments/dynamic_segments.jsx'; // side effect - renders ReactDOM to document
|
||||
import 'settings/settings.jsx'; // side effect - renders ReactDOM to document
|
||||
import 'old_settings/settings.jsx'; // side effect - renders ReactDOM to document
|
||||
import 'forms/forms.jsx'; // side effect - renders ReactDOM to document
|
||||
import 'settings/tabs.js'; // side effect - assigns to MailPoet.Router, executes code on doc ready
|
||||
import 'settings/premium_tab/premium_tab.jsx'; // side effect - renders ReactDOM to document
|
||||
import 'old_settings/tabs.js'; // side effect - assigns to MailPoet.Router, executes code on doc ready
|
||||
import 'old_settings/premium_tab/premium_tab.jsx'; // side effect - renders ReactDOM to document
|
||||
import 'help/help.jsx'; // side effect - renders ReactDOM to document
|
||||
import 'settings/reinstall_from_scratch.js'; // side effect - adds event handler to document
|
||||
import 'old_settings/reinstall_from_scratch.js'; // side effect - adds event handler to document
|
||||
import 'settings/index.tsx'; // side effect - renders Settings to document
|
||||
import 'subscribers/importExport/import.jsx'; // side effect - executes on doc ready, adds events
|
||||
import 'subscribers/importExport/export.js'; // side effect - executes on doc ready
|
||||
import 'wizard/wizard.jsx'; // side effect - renders ReactDOM to document
|
||||
|
||||
104
lib/AdminPages/Pages/OldSettings.php
Normal file
104
lib/AdminPages/Pages/OldSettings.php
Normal file
@ -0,0 +1,104 @@
|
||||
<?php
|
||||
|
||||
namespace MailPoet\AdminPages\Pages;
|
||||
|
||||
use MailPoet\AdminPages\PageRenderer;
|
||||
use MailPoet\Config\Installer;
|
||||
use MailPoet\Config\ServicesChecker;
|
||||
use MailPoet\Cron\CronTrigger;
|
||||
use MailPoet\Models\Segment;
|
||||
use MailPoet\Models\Subscriber;
|
||||
use MailPoet\Services\Bridge;
|
||||
use MailPoet\Settings\Hosts;
|
||||
use MailPoet\Settings\Pages;
|
||||
use MailPoet\Settings\SettingsController;
|
||||
use MailPoet\Subscription\Captcha;
|
||||
use MailPoet\Util\Installation;
|
||||
use MailPoet\Util\License\License;
|
||||
use MailPoet\WooCommerce\Helper as WooCommerceHelper;
|
||||
use MailPoet\WP\Functions as WPFunctions;
|
||||
use MailPoet\WP\Notice as WPNotice;
|
||||
|
||||
class OldSettings {
|
||||
/** @var PageRenderer */
|
||||
private $pageRenderer;
|
||||
|
||||
/** @var SettingsController */
|
||||
private $settings;
|
||||
|
||||
/** @var WooCommerceHelper */
|
||||
private $woocommerceHelper;
|
||||
|
||||
/** @var WPFunctions */
|
||||
private $wp;
|
||||
|
||||
/** @var ServicesChecker */
|
||||
private $servicesChecker;
|
||||
|
||||
/** @var Captcha */
|
||||
private $captcha;
|
||||
|
||||
/** @var Installation */
|
||||
private $installation;
|
||||
|
||||
public function __construct(
|
||||
PageRenderer $pageRenderer,
|
||||
SettingsController $settings,
|
||||
WooCommerceHelper $woocommerceHelper,
|
||||
WPFunctions $wp,
|
||||
ServicesChecker $servicesChecker,
|
||||
Installation $installation,
|
||||
Captcha $captcha
|
||||
) {
|
||||
$this->pageRenderer = $pageRenderer;
|
||||
$this->settings = $settings;
|
||||
$this->woocommerceHelper = $woocommerceHelper;
|
||||
$this->wp = $wp;
|
||||
$this->servicesChecker = $servicesChecker;
|
||||
$this->installation = $installation;
|
||||
$this->captcha = $captcha;
|
||||
}
|
||||
|
||||
public function render() {
|
||||
$settings = $this->settings->getAll();
|
||||
|
||||
$premiumKeyValid = $this->servicesChecker->isPremiumKeyValid(false);
|
||||
// force MSS key check even if the method isn't active
|
||||
$mpApiKeyValid = $this->servicesChecker->isMailPoetAPIKeyValid(false, true);
|
||||
|
||||
$data = [
|
||||
'settings' => $settings,
|
||||
'segments' => Segment::getSegmentsWithSubscriberCount(),
|
||||
'cron_trigger' => CronTrigger::METHODS,
|
||||
'total_subscribers' => Subscriber::getTotalSubscribers(),
|
||||
'premium_plugin_active' => License::getLicense(),
|
||||
'premium_key_valid' => !empty($premiumKeyValid),
|
||||
'mss_active' => Bridge::isMPSendingServiceEnabled(),
|
||||
'mss_key_valid' => !empty($mpApiKeyValid),
|
||||
'members_plugin_active' => $this->wp->isPluginActive('members/members.php'),
|
||||
'pages' => Pages::getAll(),
|
||||
'current_user' => $this->wp->wpGetCurrentUser(),
|
||||
'linux_cron_path' => dirname(dirname(dirname(__DIR__))),
|
||||
'is_woocommerce_active' => $this->woocommerceHelper->isWooCommerceActive(),
|
||||
'ABSPATH' => ABSPATH,
|
||||
'hosts' => [
|
||||
'web' => Hosts::getWebHosts(),
|
||||
'smtp' => Hosts::getSMTPHosts(),
|
||||
],
|
||||
'built_in_captcha_supported' => $this->captcha->isSupported(),
|
||||
];
|
||||
|
||||
$data['is_new_user'] = $this->installation->isNewInstallation();
|
||||
|
||||
$data = array_merge($data, Installer::getPremiumStatus());
|
||||
|
||||
if (isset($_GET['enable-customizer-notice'])) {
|
||||
$notice = new WPNotice(WPNotice::TYPE_ERROR, $this->wp->_x(
|
||||
'You need to have WooCommerce active to access the MailPoet email customizer for WooCommerce.',
|
||||
'Notice in Settings when WooCommerce is not enabled'
|
||||
), 'mailpoet');
|
||||
$notice->displayWPNotice();
|
||||
}
|
||||
$this->pageRenderer->displayPage('old_settings.html', $data);
|
||||
}
|
||||
}
|
||||
@ -10,6 +10,7 @@ use MailPoet\AdminPages\Pages\Help;
|
||||
use MailPoet\AdminPages\Pages\MP2Migration;
|
||||
use MailPoet\AdminPages\Pages\NewsletterEditor;
|
||||
use MailPoet\AdminPages\Pages\Newsletters;
|
||||
use MailPoet\AdminPages\Pages\OldSettings;
|
||||
use MailPoet\AdminPages\Pages\Premium;
|
||||
use MailPoet\AdminPages\Pages\RevenueTrackingPermission;
|
||||
use MailPoet\AdminPages\Pages\Segments;
|
||||
@ -298,7 +299,7 @@ class Menu {
|
||||
'mailpoet-settings',
|
||||
[
|
||||
$this,
|
||||
'settings',
|
||||
'oldSettings',
|
||||
]
|
||||
);
|
||||
|
||||
@ -403,6 +404,16 @@ class Menu {
|
||||
'mailpoet-experimental',
|
||||
[$this, 'experimentalFeatures']
|
||||
);
|
||||
|
||||
// New Settings page
|
||||
$this->wp->addSubmenuPage(
|
||||
true,
|
||||
$this->setPageTitle('New Settings'),
|
||||
'',
|
||||
AccessControl::PERMISSION_MANAGE_SETTINGS,
|
||||
'mailpoet-new-settings',
|
||||
[$this, 'settings']
|
||||
);
|
||||
}
|
||||
|
||||
public function disableWPEmojis() {
|
||||
@ -434,6 +445,10 @@ class Menu {
|
||||
$this->container->get(Premium::class)->render();
|
||||
}
|
||||
|
||||
public function oldSettings() {
|
||||
$this->container->get(OldSettings::class)->render();
|
||||
}
|
||||
|
||||
public function settings() {
|
||||
$this->container->get(Settings::class)->render();
|
||||
}
|
||||
|
||||
@ -45,6 +45,7 @@ class ContainerConfigurator implements IContainerConfigurator {
|
||||
$container->autowire(\MailPoet\AdminPages\Pages\Premium::class)->setPublic(true);
|
||||
$container->autowire(\MailPoet\AdminPages\Pages\RevenueTrackingPermission::class)->setPublic(true);
|
||||
$container->autowire(\MailPoet\AdminPages\Pages\Segments::class)->setPublic(true);
|
||||
$container->autowire(\MailPoet\AdminPages\Pages\OldSettings::class)->setPublic(true);
|
||||
$container->autowire(\MailPoet\AdminPages\Pages\Settings::class)->setPublic(true);
|
||||
$container->autowire(\MailPoet\AdminPages\Pages\Subscribers::class)->setPublic(true);
|
||||
$container->autowire(\MailPoet\AdminPages\Pages\SubscribersAPIKeyInvalid::class)->setPublic(true);
|
||||
|
||||
324
views/old_settings.html
Normal file
324
views/old_settings.html
Normal file
@ -0,0 +1,324 @@
|
||||
<% extends 'layout.html' %>
|
||||
|
||||
<% block content %>
|
||||
<div id="mailpoet_settings">
|
||||
|
||||
<h1 class="title"><%= __('Settings') %></h1>
|
||||
|
||||
<!-- settings form -->
|
||||
<form
|
||||
id="mailpoet_settings_form"
|
||||
name="mailpoet_settings_form"
|
||||
class="mailpoet_form"
|
||||
autocomplete="off"
|
||||
novalidate
|
||||
>
|
||||
<!-- tabs -->
|
||||
<h2 class="nav-tab-wrapper" id="mailpoet_settings_tabs">
|
||||
<a class="nav-tab" href="#basics" data-automation-id="basic_settings_tab"><%= __('Basics') %></a>
|
||||
<a class="nav-tab" href="#signup" data-automation-id="signup_settings_tab"><%= __('Sign-up Confirmation') %></a>
|
||||
<a class="nav-tab" href="#mta" data-automation-id="send_with_settings_tab"><%= __('Send With...') %></a>
|
||||
<% if is_woocommerce_active %>
|
||||
<a class="nav-tab" href="#woocommerce" data-automation-id="woocommerce_settings_tab"><%= __('WooCommerce') %></a>
|
||||
<% endif %>
|
||||
<a class="nav-tab" href="#advanced" data-automation-id="settings-advanced-tab"><%= __('Advanced') %></a>
|
||||
<a class="nav-tab nav-tab-reload" href="#premium" data-automation-id="activation_settings_tab"><%= __('Key Activation') %></a>
|
||||
</h2>
|
||||
|
||||
<!-- sending method -->
|
||||
<div data-tab="mta" class="mailpoet_tab_panel">
|
||||
<% include 'settings/mta.html' %>
|
||||
</div>
|
||||
|
||||
<!-- basics -->
|
||||
<div data-tab="basics" class="mailpoet_tab_panel">
|
||||
<% include 'settings/basics.html' %>
|
||||
</div>
|
||||
|
||||
<!-- sign-up confirmation -->
|
||||
<div data-tab="signup" class="mailpoet_tab_panel">
|
||||
<% include 'settings/signup.html' %>
|
||||
</div>
|
||||
|
||||
<% if is_woocommerce_active %>
|
||||
<!-- woocommerce -->
|
||||
<div data-tab="woocommerce" class="mailpoet_tab_panel">
|
||||
<% include 'settings/woocommerce.html' %>
|
||||
</div>
|
||||
<% endif %>
|
||||
|
||||
<!-- advanced -->
|
||||
<div data-tab="advanced" class="mailpoet_tab_panel">
|
||||
<% include 'settings/advanced.html' %>
|
||||
</div>
|
||||
|
||||
<!-- premium -->
|
||||
<div data-tab="premium" class="mailpoet_tab_panel">
|
||||
<% include 'settings/premium.html' %>
|
||||
</div>
|
||||
|
||||
<p class="submit mailpoet_settings_submit" style="display:none;">
|
||||
<input
|
||||
type="submit"
|
||||
class="button button-primary"
|
||||
name="submit"
|
||||
data-automation-id="settings-submit-button"
|
||||
value="<%= __('Save settings') %>"
|
||||
/>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
// on dom loaded
|
||||
$(function() {
|
||||
// on form submission
|
||||
$('#mailpoet_settings_form').on('submit', function() {
|
||||
var errorFound = false;
|
||||
// Check if filled emails are valid
|
||||
var invalidEmails = $.map($('#mailpoet_settings_form')[0].elements, function(el) {
|
||||
return el.type === 'email' && el.value && !window.mailpoet_email_regex.test(el.value) ? el.value : null;
|
||||
}).filter(function(val) { return !!val; });
|
||||
if (invalidEmails.length) {
|
||||
MailPoet.Notice.error(
|
||||
"<%= __('Invalid email addresses: ') | escape('js') %>" + invalidEmails.join(', '),
|
||||
{ scroll: true }
|
||||
);
|
||||
errorFound = true;
|
||||
}
|
||||
// if reCAPTCHA is enabled but keys are emty, show error
|
||||
var enabled = $('input[name="captcha[type]"]:checked').val() == 'recaptcha',
|
||||
site_key = $('input[name="captcha[recaptcha_site_token]"]').val().trim(),
|
||||
secret_key = $('input[name="captcha[recaptcha_secret_token]"]').val().trim();
|
||||
if (enabled && (site_key == '' || secret_key == '')) {
|
||||
$('#settings_recaptcha_tokens_error').show();
|
||||
window.location.href = '#advanced';
|
||||
errorFound = true;
|
||||
} else {
|
||||
$('#settings_recaptcha_tokens_error').hide();
|
||||
}
|
||||
// if new subscriber notification is enabled but sender is empty, show error
|
||||
var notifications_enabled = $('input[name="subscriber_email_notification[enabled]"]:checked').val(),
|
||||
address = $('input[name="subscriber_email_notification[address]"]').val().trim();
|
||||
if (notifications_enabled && address == '') {
|
||||
$('#settings_subscriber_email_notification_error').show();
|
||||
window.location.href = '#basics';
|
||||
errorFound = true;
|
||||
} else {
|
||||
$('#settings_subscriber_email_notification_error').hide();
|
||||
}
|
||||
var stats_notifications_enabled = $('input[name="stats_notifications[enabled]"]:checked').val(),
|
||||
stats_notifications_address = $('input[name="stats_notifications[address]"]').val().trim();
|
||||
if (stats_notifications_enabled && stats_notifications_address == '') {
|
||||
$('#settings_stats_notifications_error').show();
|
||||
window.location.href = '#basics';
|
||||
errorFound = true;
|
||||
} else {
|
||||
$('#settings_stats_notifications_error').hide();
|
||||
}
|
||||
|
||||
<% if is_woocommerce_active %>
|
||||
// if WooCommerce opt-in on checkout is enabled but the checkbox message is empty, show an error
|
||||
var woocommerce_optin_on_checkout_enabled = $('input[name="woocommerce[optin_on_checkout][enabled]"]:checked').val(),
|
||||
woocommerce_optin_on_checkout_message = $('input[name="woocommerce[optin_on_checkout][message]"]').val().trim();
|
||||
if (woocommerce_optin_on_checkout_enabled && woocommerce_optin_on_checkout_message == '') {
|
||||
$('#settings_woocommerce_optin_on_checkout_error').show();
|
||||
window.location.href = '#woocommerce';
|
||||
errorFound = true;
|
||||
} else {
|
||||
$('#settings_woocommerce_optin_on_checkout_error').hide();
|
||||
}
|
||||
<% endif %>
|
||||
// stop processing if an error was found
|
||||
if (errorFound) {
|
||||
return false;
|
||||
}
|
||||
// if we're setting up a sending method, try to activate it
|
||||
if ($('.mailpoet_mta_setup_save').is(':visible')) {
|
||||
$('.mailpoet_mta_setup_save').trigger('click');
|
||||
}
|
||||
var mailpoet_premium_key = $('#mailpoet_premium_key').val();
|
||||
// sync mss key with premium key
|
||||
$('#mailpoet_api_key').val(mailpoet_premium_key);
|
||||
if (mailpoet_premium_key.length > 0) {
|
||||
$('#mailpoet_premium_key_verify').trigger('click', false);
|
||||
}
|
||||
saveSettings();
|
||||
return false;
|
||||
});
|
||||
|
||||
function saveSettings() {
|
||||
// serialize form data
|
||||
var settings_data = $('#mailpoet_settings_form').mailpoetSerializeObject();
|
||||
|
||||
// show loading screen
|
||||
MailPoet.Modal.loading(true);
|
||||
|
||||
MailPoet.Ajax.post({
|
||||
api_version: window.mailpoet_api_version,
|
||||
endpoint: 'settings',
|
||||
action: 'set',
|
||||
data: settings_data
|
||||
}).always(function() {
|
||||
MailPoet.Modal.loading(false);
|
||||
}).done(function(response) {
|
||||
MailPoet.Notice.success(
|
||||
"<%= __('Settings saved') | escape('js') %>",
|
||||
{ scroll: true }
|
||||
);
|
||||
MailPoet.trackEvent(
|
||||
'User has saved Settings',
|
||||
{
|
||||
'MailPoet Free version': window.mailpoet_version,
|
||||
'Sending method type': settings_data.mta_group || null,
|
||||
'Sending frequency (emails)': settings_data.mta_group != 'mailpoet' && settings_data.mta && settings_data.mta.frequency && settings_data.mta.frequency.emails,
|
||||
'Sending frequency (interval)': settings_data.mta_group != 'mailpoet' && settings_data.mta && settings_data.mta.frequency && settings_data.mta.frequency.interval,
|
||||
'Sending provider': settings_data.mta_group == 'smtp' && settings_data.smtp_provider,
|
||||
'Sign-up confirmation enabled': (settings_data.signup_confirmation && settings_data.signup_confirmation.enabled == true),
|
||||
'Bounce email is present': (settings_data.bounce && settings_data.bounce.address != ""),
|
||||
<% if is_woocommerce_active %>
|
||||
'WooCommerce email customizer enabled': (settings_data.woocommerce && settings_data.woocommerce.use_mailpoet_editor),
|
||||
<% endif %>
|
||||
'Newsletter task scheduler method': (settings_data.cron_trigger && settings_data.cron_trigger.method)
|
||||
}
|
||||
);
|
||||
}).fail(function(response) {
|
||||
if (response.errors.length > 0) {
|
||||
MailPoet.Notice.error(
|
||||
response.errors.map(function(error) { return error.message; }),
|
||||
{ scroll: true }
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// setup toggle checkboxes
|
||||
function toggleContent() {
|
||||
$('#'+$(this).data('toggle'))[
|
||||
($(this).is(':checked'))
|
||||
? 'show'
|
||||
: 'hide'
|
||||
]();
|
||||
}
|
||||
|
||||
$(document).on('click', 'input[data-toggle]', toggleContent);
|
||||
$('input[data-toggle]').each(toggleContent);
|
||||
|
||||
function toggleReCaptchaSettings() {
|
||||
if ($('input[name="captcha[type]"]:checked').val() == 'recaptcha') {
|
||||
$('#settings_recaptcha_tokens').show();
|
||||
} else {
|
||||
$('#settings_recaptcha_tokens').hide();
|
||||
}
|
||||
}
|
||||
$('input[name="captcha[type]"]').on('click', toggleReCaptchaSettings);
|
||||
toggleReCaptchaSettings();
|
||||
$('#settings_recaptcha_tokens_error').hide();
|
||||
|
||||
$('#settings_subscriber_email_notification_error').hide();
|
||||
$('#settings_stats_notifications_error').hide();
|
||||
|
||||
<% if is_woocommerce_active %>
|
||||
$('#settings_woocommerce_optin_on_checkout_error').hide();
|
||||
|
||||
$('.mailpoet_woocommerce_editor_button').on('click', function() {
|
||||
var emailId = "<%= settings.woocommerce.transactional_email_id %>";
|
||||
if (!emailId) {
|
||||
MailPoet.Ajax.post({
|
||||
api_version: window.mailpoet_api_version,
|
||||
endpoint: 'settings',
|
||||
action: 'set',
|
||||
data: {
|
||||
'woocommerce.use_mailpoet_editor': 1,
|
||||
},
|
||||
}).done(function (response) {
|
||||
emailId = response.data.woocommerce.transactional_email_id;
|
||||
window.location.href = '?page=mailpoet-newsletter-editor&id=' + emailId;
|
||||
}).fail(function (response) {
|
||||
MailPoet.Notice.showApiErrorNotice(response, { scroll: true });
|
||||
});
|
||||
} else {
|
||||
window.location.href = '?page=mailpoet-newsletter-editor&id=' + emailId;
|
||||
}
|
||||
});
|
||||
<% endif %>
|
||||
|
||||
function toggleLinuxCronSettings() {
|
||||
if ($('input[name="cron_trigger[method]"]:checked').val() === '<%= cron_trigger.linux_cron %>') {
|
||||
$('#settings_linux_cron').show();
|
||||
} else {
|
||||
$('#settings_linux_cron').hide();
|
||||
}
|
||||
}
|
||||
$('input[name="cron_trigger[method]"]').on('click', toggleLinuxCronSettings);
|
||||
toggleLinuxCronSettings();
|
||||
|
||||
// page preview
|
||||
$('.mailpoet_page_preview').on('click', function() {
|
||||
var selection = $(this).siblings('.mailpoet_page_selection');
|
||||
|
||||
if (selection.length > 0) {
|
||||
$(this).attr('href', $(selection).find('option[value="'+$(selection).val()+'"]').data('preview-url'));
|
||||
$(this).attr('target', '_blank');
|
||||
} else {
|
||||
$(this).attr('href', 'javascript:;');
|
||||
$(this).removeAttr('target');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
<% set newUser = (is_new_user == true) ? 'true' : 'false' %>
|
||||
<% autoescape 'js' %>
|
||||
var mailpoet_is_new_user = <%= newUser %>;
|
||||
var mailpoet_settings_sender_name = "<%= settings.sender.name %>";
|
||||
var mailpoet_settings_sender_adddress = "<%= settings.sender.address %>";
|
||||
var mailpoet_settings_reply_to_name = "<%= settings.reply_to.name %>";
|
||||
var mailpoet_settings_reply_to_address = "<%= settings.reply_to.address %>";
|
||||
var mailpoet_settings_signup_confirmation_name = "<%= settings.signup_confirmation.from.name %>";
|
||||
var mailpoet_settings_signup_confirmation_address = "<%= settings.signup_confirmation.from.address %>";
|
||||
var mailpoet_installed_at = '<%= settings.installed_at %>';
|
||||
var mailpoet_mss_active = <%= json_encode(settings.mta_group == 'mailpoet') %>;
|
||||
<% endautoescape %>
|
||||
var mailpoet_beacon_articles = [
|
||||
'57f71d49c697911f2d323486',
|
||||
'57fb0e1d9033600277a681ca',
|
||||
'57f49a929033602e61d4b9f4',
|
||||
'57fb134cc697911f2d323e3b',
|
||||
];
|
||||
</script>
|
||||
<% endblock %>
|
||||
<% block translations %>
|
||||
<%= localize({
|
||||
'reinstallConfirmation': __('Are you sure? All of your MailPoet data will be permanently erased (newsletters, statistics, subscribers, etc.).'),
|
||||
'announcementHeader': __('Get notified when someone subscribes'),
|
||||
'announcementParagraph1': __('It’s been a popular feature request from our users, we hope you get lots of emails about all your new subscribers!'),
|
||||
'announcementParagraph2': __('(You can turn this feature off if it’s too many emails.)'),
|
||||
'yourName': __('Your name'),
|
||||
'from': __('From'),
|
||||
'replyTo': __('Reply-to'),
|
||||
|
||||
'premiumTabActivationKeyLabel': __('Activation Key', 'mailpoet'),
|
||||
'premiumTabDescription': __('This key is used to validate your free or paid subscription. Paying customers will enjoy automatic upgrades of their Premium plugin and access to faster support.', 'mailpoet'),
|
||||
'premiumTabNoKeyNotice': __('Please specify a license key before validating it.', 'mailpoet'),
|
||||
'premiumTabVerifyButton': __('Verify', 'mailpoet'),
|
||||
'premiumTabKeyValidMessage': __('Your key is valid', 'mailpoet'),
|
||||
'premiumTabKeyNotValidMessage': __('Your key is not valid', 'mailpoet'),
|
||||
'premiumTabPremiumActiveMessage': __('MailPoet Premium is active', 'mailpoet'),
|
||||
'premiumTabPremiumInstallingMessage': __('MailPoet Premium plugin is being installed', 'mailpoet'),
|
||||
'premiumTabPremiumActivatingMessage': __('MailPoet Premium plugin is being activated', 'mailpoet'),
|
||||
'premiumTabPremiumNotInstalledMessage': __('MailPoet Premium is not installed.', 'mailpoet'),
|
||||
'premiumTabPremiumInstallMessage': __('Install MailPoet Premium plugin', 'mailpoet'),
|
||||
'premiumTabPremiumNotActiveMessage': __('MailPoet Premium is not active.', 'mailpoet'),
|
||||
'premiumTabPremiumActivateMessage': __('Activate MailPoet Premium plugin', 'mailpoet'),
|
||||
'premiumTabPremiumInstallationInstallingMessage': __('downloading MailPoet Premium…', 'mailpoet'),
|
||||
'premiumTabPremiumInstallationActivatingMessage': __('activating MailPoet Premium…', 'mailpoet'),
|
||||
'premiumTabPremiumInstallationActiveMessage': __('MailPoet Premium is active!', 'mailpoet'),
|
||||
'premiumTabPremiumInstallationErrorMessage': __('Something went wrong. Please [link]download the Premium plugin from your account[/link] and [link]contact our support team[/link].', 'mailpoet'),
|
||||
'premiumTabPremiumKeyNotValidMessage': __('Your key is not valid for MailPoet Premium', 'mailpoet'),
|
||||
'premiumTabMssActiveMessage': __('MailPoet Sending Service is active', 'mailpoet'),
|
||||
'premiumTabMssNotActiveMessage': __('MailPoet Sending Service is not active.', 'mailpoet'),
|
||||
'premiumTabMssActivateMessage': __('Activate MailPoet Sending Service', 'mailpoet'),
|
||||
'premiumTabMssKeyNotValidMessage': __('Your key is not valid for the MailPoet Sending Service', 'mailpoet'),
|
||||
}) %>
|
||||
<% endblock %>
|
||||
@ -1,273 +1,9 @@
|
||||
<% extends 'layout.html' %>
|
||||
|
||||
<% block content %>
|
||||
<div id="mailpoet_settings">
|
||||
|
||||
<h1 class="title"><%= __('Settings') %></h1>
|
||||
|
||||
<!-- settings form -->
|
||||
<form
|
||||
id="mailpoet_settings_form"
|
||||
name="mailpoet_settings_form"
|
||||
class="mailpoet_form"
|
||||
autocomplete="off"
|
||||
novalidate
|
||||
>
|
||||
<!-- tabs -->
|
||||
<h2 class="nav-tab-wrapper" id="mailpoet_settings_tabs">
|
||||
<a class="nav-tab" href="#basics" data-automation-id="basic_settings_tab"><%= __('Basics') %></a>
|
||||
<a class="nav-tab" href="#signup" data-automation-id="signup_settings_tab"><%= __('Sign-up Confirmation') %></a>
|
||||
<a class="nav-tab" href="#mta" data-automation-id="send_with_settings_tab"><%= __('Send With...') %></a>
|
||||
<% if is_woocommerce_active %>
|
||||
<a class="nav-tab" href="#woocommerce" data-automation-id="woocommerce_settings_tab"><%= __('WooCommerce') %></a>
|
||||
<% endif %>
|
||||
<a class="nav-tab" href="#advanced" data-automation-id="settings-advanced-tab"><%= __('Advanced') %></a>
|
||||
<a class="nav-tab nav-tab-reload" href="#premium" data-automation-id="activation_settings_tab"><%= __('Key Activation') %></a>
|
||||
</h2>
|
||||
|
||||
<!-- sending method -->
|
||||
<div data-tab="mta" class="mailpoet_tab_panel">
|
||||
<% include 'settings/mta.html' %>
|
||||
</div>
|
||||
|
||||
<!-- basics -->
|
||||
<div data-tab="basics" class="mailpoet_tab_panel">
|
||||
<% include 'settings/basics.html' %>
|
||||
</div>
|
||||
|
||||
<!-- sign-up confirmation -->
|
||||
<div data-tab="signup" class="mailpoet_tab_panel">
|
||||
<% include 'settings/signup.html' %>
|
||||
</div>
|
||||
|
||||
<% if is_woocommerce_active %>
|
||||
<!-- woocommerce -->
|
||||
<div data-tab="woocommerce" class="mailpoet_tab_panel">
|
||||
<% include 'settings/woocommerce.html' %>
|
||||
</div>
|
||||
<% endif %>
|
||||
|
||||
<!-- advanced -->
|
||||
<div data-tab="advanced" class="mailpoet_tab_panel">
|
||||
<% include 'settings/advanced.html' %>
|
||||
</div>
|
||||
|
||||
<!-- premium -->
|
||||
<div data-tab="premium" class="mailpoet_tab_panel">
|
||||
<% include 'settings/premium.html' %>
|
||||
</div>
|
||||
|
||||
<p class="submit mailpoet_settings_submit" style="display:none;">
|
||||
<input
|
||||
type="submit"
|
||||
class="button button-primary"
|
||||
name="submit"
|
||||
data-automation-id="settings-submit-button"
|
||||
value="<%= __('Save settings') %>"
|
||||
/>
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
<div id="settings_container"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(function($) {
|
||||
// on dom loaded
|
||||
$(function() {
|
||||
// on form submission
|
||||
$('#mailpoet_settings_form').on('submit', function() {
|
||||
var errorFound = false;
|
||||
// Check if filled emails are valid
|
||||
var invalidEmails = $.map($('#mailpoet_settings_form')[0].elements, function(el) {
|
||||
return el.type === 'email' && el.value && !window.mailpoet_email_regex.test(el.value) ? el.value : null;
|
||||
}).filter(function(val) { return !!val; });
|
||||
if (invalidEmails.length) {
|
||||
MailPoet.Notice.error(
|
||||
"<%= __('Invalid email addresses: ') | escape('js') %>" + invalidEmails.join(', '),
|
||||
{ scroll: true }
|
||||
);
|
||||
errorFound = true;
|
||||
}
|
||||
// if reCAPTCHA is enabled but keys are emty, show error
|
||||
var enabled = $('input[name="captcha[type]"]:checked').val() == 'recaptcha',
|
||||
site_key = $('input[name="captcha[recaptcha_site_token]"]').val().trim(),
|
||||
secret_key = $('input[name="captcha[recaptcha_secret_token]"]').val().trim();
|
||||
if (enabled && (site_key == '' || secret_key == '')) {
|
||||
$('#settings_recaptcha_tokens_error').show();
|
||||
window.location.href = '#advanced';
|
||||
errorFound = true;
|
||||
} else {
|
||||
$('#settings_recaptcha_tokens_error').hide();
|
||||
}
|
||||
// if new subscriber notification is enabled but sender is empty, show error
|
||||
var notifications_enabled = $('input[name="subscriber_email_notification[enabled]"]:checked').val(),
|
||||
address = $('input[name="subscriber_email_notification[address]"]').val().trim();
|
||||
if (notifications_enabled && address == '') {
|
||||
$('#settings_subscriber_email_notification_error').show();
|
||||
window.location.href = '#basics';
|
||||
errorFound = true;
|
||||
} else {
|
||||
$('#settings_subscriber_email_notification_error').hide();
|
||||
}
|
||||
var stats_notifications_enabled = $('input[name="stats_notifications[enabled]"]:checked').val(),
|
||||
stats_notifications_address = $('input[name="stats_notifications[address]"]').val().trim();
|
||||
if (stats_notifications_enabled && stats_notifications_address == '') {
|
||||
$('#settings_stats_notifications_error').show();
|
||||
window.location.href = '#basics';
|
||||
errorFound = true;
|
||||
} else {
|
||||
$('#settings_stats_notifications_error').hide();
|
||||
}
|
||||
|
||||
<% if is_woocommerce_active %>
|
||||
// if WooCommerce opt-in on checkout is enabled but the checkbox message is empty, show an error
|
||||
var woocommerce_optin_on_checkout_enabled = $('input[name="woocommerce[optin_on_checkout][enabled]"]:checked').val(),
|
||||
woocommerce_optin_on_checkout_message = $('input[name="woocommerce[optin_on_checkout][message]"]').val().trim();
|
||||
if (woocommerce_optin_on_checkout_enabled && woocommerce_optin_on_checkout_message == '') {
|
||||
$('#settings_woocommerce_optin_on_checkout_error').show();
|
||||
window.location.href = '#woocommerce';
|
||||
errorFound = true;
|
||||
} else {
|
||||
$('#settings_woocommerce_optin_on_checkout_error').hide();
|
||||
}
|
||||
<% endif %>
|
||||
// stop processing if an error was found
|
||||
if (errorFound) {
|
||||
return false;
|
||||
}
|
||||
// if we're setting up a sending method, try to activate it
|
||||
if ($('.mailpoet_mta_setup_save').is(':visible')) {
|
||||
$('.mailpoet_mta_setup_save').trigger('click');
|
||||
}
|
||||
var mailpoet_premium_key = $('#mailpoet_premium_key').val();
|
||||
// sync mss key with premium key
|
||||
$('#mailpoet_api_key').val(mailpoet_premium_key);
|
||||
if (mailpoet_premium_key.length > 0) {
|
||||
$('#mailpoet_premium_key_verify').trigger('click', false);
|
||||
}
|
||||
saveSettings();
|
||||
return false;
|
||||
});
|
||||
|
||||
function saveSettings() {
|
||||
// serialize form data
|
||||
var settings_data = $('#mailpoet_settings_form').mailpoetSerializeObject();
|
||||
|
||||
// show loading screen
|
||||
MailPoet.Modal.loading(true);
|
||||
|
||||
MailPoet.Ajax.post({
|
||||
api_version: window.mailpoet_api_version,
|
||||
endpoint: 'settings',
|
||||
action: 'set',
|
||||
data: settings_data
|
||||
}).always(function() {
|
||||
MailPoet.Modal.loading(false);
|
||||
}).done(function(response) {
|
||||
MailPoet.Notice.success(
|
||||
"<%= __('Settings saved') | escape('js') %>",
|
||||
{ scroll: true }
|
||||
);
|
||||
MailPoet.trackEvent(
|
||||
'User has saved Settings',
|
||||
{
|
||||
'MailPoet Free version': window.mailpoet_version,
|
||||
'Sending method type': settings_data.mta_group || null,
|
||||
'Sending frequency (emails)': settings_data.mta_group != 'mailpoet' && settings_data.mta && settings_data.mta.frequency && settings_data.mta.frequency.emails,
|
||||
'Sending frequency (interval)': settings_data.mta_group != 'mailpoet' && settings_data.mta && settings_data.mta.frequency && settings_data.mta.frequency.interval,
|
||||
'Sending provider': settings_data.mta_group == 'smtp' && settings_data.smtp_provider,
|
||||
'Sign-up confirmation enabled': (settings_data.signup_confirmation && settings_data.signup_confirmation.enabled == true),
|
||||
'Bounce email is present': (settings_data.bounce && settings_data.bounce.address != ""),
|
||||
<% if is_woocommerce_active %>
|
||||
'WooCommerce email customizer enabled': (settings_data.woocommerce && settings_data.woocommerce.use_mailpoet_editor),
|
||||
<% endif %>
|
||||
'Newsletter task scheduler method': (settings_data.cron_trigger && settings_data.cron_trigger.method)
|
||||
}
|
||||
);
|
||||
}).fail(function(response) {
|
||||
if (response.errors.length > 0) {
|
||||
MailPoet.Notice.error(
|
||||
response.errors.map(function(error) { return error.message; }),
|
||||
{ scroll: true }
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// setup toggle checkboxes
|
||||
function toggleContent() {
|
||||
$('#'+$(this).data('toggle'))[
|
||||
($(this).is(':checked'))
|
||||
? 'show'
|
||||
: 'hide'
|
||||
]();
|
||||
}
|
||||
|
||||
$(document).on('click', 'input[data-toggle]', toggleContent);
|
||||
$('input[data-toggle]').each(toggleContent);
|
||||
|
||||
function toggleReCaptchaSettings() {
|
||||
if ($('input[name="captcha[type]"]:checked').val() == 'recaptcha') {
|
||||
$('#settings_recaptcha_tokens').show();
|
||||
} else {
|
||||
$('#settings_recaptcha_tokens').hide();
|
||||
}
|
||||
}
|
||||
$('input[name="captcha[type]"]').on('click', toggleReCaptchaSettings);
|
||||
toggleReCaptchaSettings();
|
||||
$('#settings_recaptcha_tokens_error').hide();
|
||||
|
||||
$('#settings_subscriber_email_notification_error').hide();
|
||||
$('#settings_stats_notifications_error').hide();
|
||||
|
||||
<% if is_woocommerce_active %>
|
||||
$('#settings_woocommerce_optin_on_checkout_error').hide();
|
||||
|
||||
$('.mailpoet_woocommerce_editor_button').on('click', function() {
|
||||
var emailId = "<%= settings.woocommerce.transactional_email_id %>";
|
||||
if (!emailId) {
|
||||
MailPoet.Ajax.post({
|
||||
api_version: window.mailpoet_api_version,
|
||||
endpoint: 'settings',
|
||||
action: 'set',
|
||||
data: {
|
||||
'woocommerce.use_mailpoet_editor': 1,
|
||||
},
|
||||
}).done(function (response) {
|
||||
emailId = response.data.woocommerce.transactional_email_id;
|
||||
window.location.href = '?page=mailpoet-newsletter-editor&id=' + emailId;
|
||||
}).fail(function (response) {
|
||||
MailPoet.Notice.showApiErrorNotice(response, { scroll: true });
|
||||
});
|
||||
} else {
|
||||
window.location.href = '?page=mailpoet-newsletter-editor&id=' + emailId;
|
||||
}
|
||||
});
|
||||
<% endif %>
|
||||
|
||||
function toggleLinuxCronSettings() {
|
||||
if ($('input[name="cron_trigger[method]"]:checked').val() === '<%= cron_trigger.linux_cron %>') {
|
||||
$('#settings_linux_cron').show();
|
||||
} else {
|
||||
$('#settings_linux_cron').hide();
|
||||
}
|
||||
}
|
||||
$('input[name="cron_trigger[method]"]').on('click', toggleLinuxCronSettings);
|
||||
toggleLinuxCronSettings();
|
||||
|
||||
// page preview
|
||||
$('.mailpoet_page_preview').on('click', function() {
|
||||
var selection = $(this).siblings('.mailpoet_page_selection');
|
||||
|
||||
if (selection.length > 0) {
|
||||
$(this).attr('href', $(selection).find('option[value="'+$(selection).val()+'"]').data('preview-url'));
|
||||
$(this).attr('target', '_blank');
|
||||
} else {
|
||||
$(this).attr('href', 'javascript:;');
|
||||
$(this).removeAttr('target');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
<% set newUser = (is_new_user == true) ? 'true' : 'false' %>
|
||||
<% autoescape 'js' %>
|
||||
var mailpoet_is_new_user = <%= newUser %>;
|
||||
|
||||
Reference in New Issue
Block a user