deactivationSurvey
7 years ago
form
7 years ago
newsletter
7 years ago
settings
7 years ago
subscribers
7 years ago
blank.html
8 years ago
forms.html
7 years ago
help.html
7 years ago
index.html
8 years ago
index.php
9 years ago
invalidkey.html
8 years ago
layout.html
7 years ago
limit.html
7 years ago
mp2migration.html
7 years ago
newsletters.html
7 years ago
premium.html
7 years ago
segments.html
7 years ago
settings.html
7 years ago
update.html
7 years ago
welcome_wizard.html
7 years ago
settings.html
190 lines
| 1 | <% extends 'layout.html' %> |
| 2 | |
| 3 | <% block content %> |
| 4 | <div id="mailpoet_settings"> |
| 5 | |
| 6 | <h1 class="title"><%= __('Settings') %></h1> |
| 7 | |
| 8 | <!-- settings form --> |
| 9 | <form |
| 10 | id="mailpoet_settings_form" |
| 11 | name="mailpoet_settings_form" |
| 12 | class="mailpoet_form" |
| 13 | autocomplete="off" |
| 14 | novalidate |
| 15 | > |
| 16 | <!-- tabs --> |
| 17 | <h2 class="nav-tab-wrapper" id="mailpoet_settings_tabs"> |
| 18 | <a class="nav-tab" href="#basics"><%= __('Basics') %></a> |
| 19 | <a class="nav-tab" href="#signup"><%= __('Sign-up Confirmation') %></a> |
| 20 | <a class="nav-tab" href="#mta"><%= __('Send With...') %></a> |
| 21 | <a class="nav-tab" href="#advanced" data-automation-id="settings-advanced-tab"><%= __('Advanced') %></a> |
| 22 | <a class="nav-tab" href="#premium"><%= __('Key Activation') %></a> |
| 23 | </h2> |
| 24 | |
| 25 | <!-- sending method --> |
| 26 | <div data-tab="mta" class="mailpoet_panel"> |
| 27 | <% include 'settings/mta.html' %> |
| 28 | </div> |
| 29 | |
| 30 | <!-- basics --> |
| 31 | <div data-tab="basics" class="mailpoet_panel"> |
| 32 | <% include 'settings/basics.html' %> |
| 33 | </div> |
| 34 | |
| 35 | <!-- sign-up confirmation --> |
| 36 | <div data-tab="signup" class="mailpoet_panel"> |
| 37 | <% include 'settings/signup.html' %> |
| 38 | </div> |
| 39 | |
| 40 | <!-- advanced --> |
| 41 | <div data-tab="advanced" class="mailpoet_panel"> |
| 42 | <% include 'settings/advanced.html' %> |
| 43 | </div> |
| 44 | |
| 45 | <!-- premium --> |
| 46 | <div data-tab="premium" class="mailpoet_panel"> |
| 47 | <% include 'settings/premium.html' %> |
| 48 | </div> |
| 49 | |
| 50 | <p class="submit mailpoet_settings_submit" style="display:none;"> |
| 51 | <input |
| 52 | type="submit" |
| 53 | class="button button-primary" |
| 54 | name="submit" |
| 55 | data-automation-id="settings-submit-button" |
| 56 | value="<%= __('Save settings') %>" |
| 57 | /> |
| 58 | </p> |
| 59 | </form> |
| 60 | </div> |
| 61 | |
| 62 | <script type="text/javascript"> |
| 63 | jQuery(function($) { |
| 64 | // on dom loaded |
| 65 | $(function() { |
| 66 | // on form submission |
| 67 | $('#mailpoet_settings_form').on('submit', function() { |
| 68 | // Check if filled emails are valid |
| 69 | var invalidEmails = $.map($('#mailpoet_settings_form')[0].elements, function(el) { |
| 70 | return el.type === 'email' && el.value && !window.mailpoet_email_regex.test(el.value) ? el.value : null; |
| 71 | }).filter(function(val) { return !!val; }); |
| 72 | if (invalidEmails.length) { |
| 73 | MailPoet.Notice.error( |
| 74 | "<%= __('Invalid email addresses: ') | escape('js') %>" + invalidEmails.join(', '), |
| 75 | { scroll: true } |
| 76 | ); |
| 77 | return false; |
| 78 | } |
| 79 | // if reCAPTCHA is enabled but keys are emty, show error |
| 80 | var enabled = $('input[name="re_captcha[enabled]"]:checked').val(), |
| 81 | site_key = $('input[name="re_captcha[site_token]"]').val().trim(), |
| 82 | secret_key = $('input[name="re_captcha[secret_token]"]').val().trim(); |
| 83 | if (enabled && (site_key == '' || secret_key == '')) { |
| 84 | $('#settings_re_captcha_tokens_error').show(); |
| 85 | window.location.href = '#advanced'; |
| 86 | return false; |
| 87 | } else { |
| 88 | $('#settings_re_captcha_tokens_error').hide(); |
| 89 | } |
| 90 | // if we're setting up a sending method, try to activate it |
| 91 | if ($('.mailpoet_mta_setup_save').is(':visible')) { |
| 92 | $('.mailpoet_mta_setup_save').trigger('click'); |
| 93 | } |
| 94 | var mailpoet_premium_key = $('#mailpoet_premium_key').val(); |
| 95 | // sync mss key with premium key |
| 96 | $('#mailpoet_api_key').val(mailpoet_premium_key); |
| 97 | if (mailpoet_premium_key.length > 0) { |
| 98 | $('#mailpoet_premium_key_verify').trigger('click', false); |
| 99 | } |
| 100 | saveSettings(); |
| 101 | return false; |
| 102 | }); |
| 103 | |
| 104 | function saveSettings() { |
| 105 | // serialize form data |
| 106 | var settings_data = $('#mailpoet_settings_form').mailpoetSerializeObject(); |
| 107 | |
| 108 | // show loading screen |
| 109 | MailPoet.Modal.loading(true); |
| 110 | |
| 111 | MailPoet.Ajax.post({ |
| 112 | api_version: window.mailpoet_api_version, |
| 113 | endpoint: 'settings', |
| 114 | action: 'set', |
| 115 | data: settings_data |
| 116 | }).always(function() { |
| 117 | MailPoet.Modal.loading(false); |
| 118 | }).done(function(response) { |
| 119 | MailPoet.Notice.success( |
| 120 | "<%= __('Settings saved') | escape('js') %>", |
| 121 | { scroll: true } |
| 122 | ); |
| 123 | MailPoet.trackEvent( |
| 124 | 'User has saved Settings', |
| 125 | { |
| 126 | 'MailPoet Free version': window.mailpoet_version, |
| 127 | 'Sending method type': settings_data.mta_group || null, |
| 128 | 'Sending frequency (emails)': settings_data.mta_group != 'mailpoet' && settings_data.mta && settings_data.mta.frequency && settings_data.mta.frequency.emails, |
| 129 | 'Sending frequency (interval)': settings_data.mta_group != 'mailpoet' && settings_data.mta && settings_data.mta.frequency && settings_data.mta.frequency.interval, |
| 130 | 'Sending provider': settings_data.mta_group == 'smtp' && settings_data.smtp_provider, |
| 131 | 'Sign-up confirmation enabled': (settings_data.signup_confirmation && settings_data.signup_confirmation.enabled == true), |
| 132 | 'Bounce email is present': (settings_data.bounce && settings_data.bounce.address != ""), |
| 133 | 'Newsletter task scheduler method': (settings_data.cron_trigger && settings_data.cron_trigger.method) |
| 134 | } |
| 135 | ); |
| 136 | }).fail(function(response) { |
| 137 | if (response.errors.length > 0) { |
| 138 | MailPoet.Notice.error( |
| 139 | response.errors.map(function(error) { return error.message; }), |
| 140 | { scroll: true } |
| 141 | ); |
| 142 | } |
| 143 | }); |
| 144 | } |
| 145 | |
| 146 | // setup toggle checkboxes |
| 147 | function toggleContent() { |
| 148 | $('#'+$(this).data('toggle'))[ |
| 149 | ($(this).is(':checked')) |
| 150 | ? 'show' |
| 151 | : 'hide' |
| 152 | ](); |
| 153 | } |
| 154 | |
| 155 | $(document).on('click', 'input[data-toggle]', toggleContent); |
| 156 | $('input[data-toggle]').each(toggleContent); |
| 157 | |
| 158 | function toggleReCaptchaSettings() { |
| 159 | if ($('input[name="re_captcha[enabled]"]:checked').val()) { |
| 160 | $('#settings_re_captcha_tokens').show(); |
| 161 | } else { |
| 162 | $('#settings_re_captcha_tokens').hide(); |
| 163 | } |
| 164 | } |
| 165 | $('input[name="re_captcha[enabled]"]').on('click', toggleReCaptchaSettings); |
| 166 | toggleReCaptchaSettings(); |
| 167 | $('#settings_re_captcha_tokens_error').hide(); |
| 168 | |
| 169 | // page preview |
| 170 | $('.mailpoet_page_preview').on('click', function() { |
| 171 | var selection = $(this).siblings('.mailpoet_page_selection'); |
| 172 | |
| 173 | if (selection.length > 0) { |
| 174 | $(this).attr('href', $(selection).find('option[value="'+$(selection).val()+'"]').data('preview-url')); |
| 175 | $(this).attr('target', '_blank'); |
| 176 | } else { |
| 177 | $(this).attr('href', 'javascript:;'); |
| 178 | $(this).removeAttr('target'); |
| 179 | } |
| 180 | }); |
| 181 | }); |
| 182 | }); |
| 183 | </script> |
| 184 | <% endblock %> |
| 185 | <% block translations %> |
| 186 | <%= localize({ |
| 187 | 'reinstallConfirmation': __('Are you sure? All of your MailPoet data will be permanently erased (newsletters, statistics, subscribers, etc.).') |
| 188 | }) %> |
| 189 | <% endblock %> |
| 190 |