diff --git a/assets/css/src/settings.styl b/assets/css/src/settings.styl index b5d0b101ee..de8f889b30 100644 --- a/assets/css/src/settings.styl +++ b/assets/css/src/settings.styl @@ -19,13 +19,15 @@ flex-direction column flex-basis 0 margin 0 25px 25px 0 - border 1px solid #dedede background-color #fff + border 2px solid #dcdcdc max-width 500px .mailpoet_sending_method_description padding: 25px flex-grow 1 flex-shrink 0 + &:hover:not(.mailpoet_active) + border-color #c5c5c5 > li:last-child margin-right 0 h3 @@ -37,22 +39,36 @@ .mailpoet_status display flex flex-direction row - justify-content space-between + justify-content flex-end align-items center - background-color #2f2f2f + background-color #dcdcdc color #fff text-overflow ellipsis - padding 15px + min-height 2em + padding 1em span visibility hidden font-weight bold + div + margin-left 1em .mailpoet_active + border 2px solid #088b00 + &.mailpoet_invalid_key + border 2px solid #dc3232 .mailpoet_status background-color #088b00 + &.mailpoet_invalid_key + background-color #dc3232 + .mailpoet_actions + color white + a:not(.button-primary) + color white span visibility visible #mailpoet_mta_activate visibility hidden + .mailpoet_actions + color initial .tooltip.dashicons.dashicons-editor-help line-height: 1.4 diff --git a/views/settings.html b/views/settings.html index 5bf90ddc4c..be2105f7fa 100644 --- a/views/settings.html +++ b/views/settings.html @@ -15,9 +15,9 @@ > diff --git a/views/settings/mta.html b/views/settings/mta.html index c4067ab2b3..a24bae9094 100644 --- a/views/settings/mta.html +++ b/views/settings/mta.html @@ -1,4 +1,5 @@ <% set intervals = [1, 2, 5, 10, 15, 30] %> +<% set mss_key_valid = settings.mta.mailpoet_api_key_state.state == "valid" %> <% set default_frequency = { 'website': { 'emails': 25, @@ -57,103 +58,93 @@ -

- <% set badgeClassName = (is_new_user == true) ? 'mailpoet_badge mailpoet_badge_video' : 'mailpoet_badge mailpoet_badge_video mailpoet_badge_video_grey' %> - <%= __('Need help to pick? [link1]%s See video guide[/link1] [link2]or check out the comparison table of sending methods[/link2].') - |format('') - |replaceLinkTags('https://beta.docs.mailpoet.com/article/235-video-guide-sending-options', {'class' : badgeClassName, 'target' : '_blank'}, 'link1') - |replaceLinkTags('http://beta.docs.mailpoet.com/article/181-comparison-table-of-sending-methods', {'target' : '_blank'}, 'link2') - |raw - %> -

-
@@ -605,69 +596,69 @@ + + + + + + + + + + + + + + + + + + + +
+ +

+ <%= __("This improves your delivery rate by verifying that you're allowed to send emails from your domain.") %> +

+
+

+ <%= __("SPF is set up in your DNS. Read your host's support documentation for more information.") %> +

+
+ + +

+ + <%= __('Send a test email') %> + + +

+
+

+ <%= __('Activate') %> +   + <%= __('or Cancel') %> +

+
- - - - - - - - - - - - - - - - - - - -
- -

- <%= __("This improves your delivery rate by verifying that you're allowed to send emails from your domain.") %> -

-
-

- <%= __("SPF is set up in your DNS. Read your host's support documentation for more information.") %> -

-
- - -

- - <%= __('Send a test email') %> - - -

-
-

- <%= __('Activate') %> -   - <%= __('or Cancel') %> -

-
<%= partial( diff --git a/views/settings/premium.html b/views/settings/premium.html index 8191947723..3334ec7a32 100644 --- a/views/settings/premium.html +++ b/views/settings/premium.html @@ -74,19 +74,6 @@ href="<%= premium_activate_url | default('#') %>" ><%= __('Activate Premium.') %> -
- style="display: none;" - <% endif %> - > - - <%= __("Don't forget to activate the MailPoet Sending Service in the [link]Send with...[/link] tab above.") - |replaceLinkTags('#mta') - |raw - %> - -
@@ -186,7 +173,8 @@ $('.mailpoet_notice_server').hide(); $('.mailpoet_mss_key_valid').text(response.data.message); $('.mailpoet_mss_key_valid').removeClass('mailpoet_hidden'); - updateMSSActivationUI(); + $('#mta_group').val('mailpoet'); + $('.mailpoet_sending_service_activate').trigger('click', false); }).fail(function(response) { if (response.errors.length > 0) { $('.mailpoet_mss_key_invalid').text(