This commit is contained in:
emmymayo
2025-02-05 23:15:46 +01:00
commit 7269c99357
16995 changed files with 3389680 additions and 0 deletions
@@ -0,0 +1,6 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_abandoned_cart_content_block_overlay" data-automation-id="acc_overlay">
<span class="mailpoet_overlay_message"><%= __('This is only a preview! Your customers will see the product(s) they left in their shopping cart.') %></span>
</div>
<div class="mailpoet_abandoned_cart_content_container"></div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,7 @@
<h3><%= __('Display options') %></h3>
<div class="mailpoet_settings_abandoned_cart_content_display_options"></div>
<div class="mailpoet_settings_abandoned_cart_content_controls">
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
</div>
</div>
@@ -0,0 +1,199 @@
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_display_type" class="mailpoet_products_display_type" value="titleOnly" {{#ifCond model.displayType '==' 'titleOnly'}}CHECKED{{/ifCond}}/>
<%= __('Title only') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_display_type" class="mailpoet_products_display_type" value="excerpt" {{#ifCond model.displayType '==' 'excerpt'}}CHECKED{{/ifCond}}/>
<%= __('Title and a short description') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_display_type" class="mailpoet_products_display_type" value="full" {{#ifCond model.displayType '==' 'full'}}CHECKED{{/ifCond}} />
<%= __('Title and description') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Format') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_format" class="mailpoet_products_title_format" value="h1" {{#ifCond model.titleFormat '==' 'h1'}}CHECKED{{/ifCond}}/>
<%= __('Heading 1') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_format" class="mailpoet_products_title_format" value="h2" {{#ifCond model.titleFormat '==' 'h2'}}CHECKED{{/ifCond}}/>
<%= __('Heading 2') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_format" class="mailpoet_products_title_format" value="h3" {{#ifCond model.titleFormat '==' 'h3'}}CHECKED{{/ifCond}}/>
<%= __('Heading 3') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_alignment" class="mailpoet_products_title_alignment" value="left" {{#ifCond model.titleAlignment '==' 'left'}}CHECKED{{/ifCond}} />
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_alignment" class="mailpoet_products_title_alignment" value="center" {{#ifCond model.titleAlignment '==' 'center'}}CHECKED{{/ifCond}} />
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_alignment" class="mailpoet_products_title_alignment" value="right" {{#ifCond model.titleAlignment '==' 'right'}}CHECKED{{/ifCond}} />
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= _x('Make the product title into a link', 'Display the product title into a link') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_as_links" class="mailpoet_products_title_as_links" value="true" {{#if model.titleIsLink}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_as_links" class="mailpoet_products_title_as_links" value="false" {{#unless model.titleIsLink}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field mailpoet_products_title_position {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= _x('Product title position', 'Setting in the email designer to position an ecommerce product title') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_position" class="mailpoet_products_title_position" value="abovePost" {{#ifCond model.titlePosition '!=' 'aboveExcerpt'}}CHECKED{{/ifCond}}/>
<%= _x('Above the product', 'Display the product title above the product block') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_position" class="mailpoet_products_title_position" value="aboveExcerpt" {{#ifCond model.titlePosition '==' 'aboveExcerpt'}}CHECKED{{/ifCond}}/>
<%= _x('Above the product description', 'Display the product title above the product description') %>
</label>
</div>
</div>
<hr class="mailpoet_separator mailpoet_products_title_position_separator {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}" />
<div> <!-- empty div for better git diff -->
<div class="mailpoet_form_field mailpoet_products_featured_image_position_container">
<div class="mailpoet_form_field_title"><%= __('Product image position') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="centered" {{#ifCond model.featuredImagePosition '==' 'centered' }}CHECKED{{/ifCond}}/>
<%= __('Centered') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="left" {{#ifCond model.featuredImagePosition '==' 'left' }}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="right" {{#ifCond model.featuredImagePosition '==' 'right' }}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="alternate" {{#ifCond model.featuredImagePosition '==' 'alternate' }}CHECKED{{/ifCond}}/>
<%= __('Alternate') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="none" {{#ifCond model.featuredImagePosition '==' 'none' }}CHECKED{{/ifCond}}/>
<%= __('None') %>
</label>
</div>
</div>
<div class="mailpoet_form_field mailpoet_products_image_full_width_option {{#ifCond model.displayType '==' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Image width') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_products_image_full_width" value="true" {{#if model.imageFullWidth}}CHECKED{{/if}}/>
<%= __('Full width') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_products_image_full_width" value="false" {{#unless model.imageFullWidth}}CHECKED{{/unless}}/>
<%= __('Padded') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Price') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_price_position" class="mailpoet_products_price_position" value="below" {{#ifCond model.pricePosition '==' 'below'}}CHECKED{{/ifCond}} />
<%= __('Below text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_price_position" class="mailpoet_products_price_position" value="above" {{#ifCond model.pricePosition '==' 'above'}}CHECKED{{/ifCond}} />
<%= __('Above text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_price_position" class="mailpoet_products_price_position" value="hidden" {{#ifCond model.pricePosition '==' 'hidden'}}CHECKED{{/ifCond}} />
<%= __('No') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('Show divider between products') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_show_divider" class="mailpoet_products_show_divider" value="true" {{#if model.showDivider}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_show_divider"class="mailpoet_products_show_divider" value="false" {{#unless model.showDivider}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_input_option">
<a href="javascript:;" class="mailpoet_products_select_divider"><%= __('Select divider') %></a>
</div>
</div>
</div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/acc-block.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Abandoned Cart Content') %></div>
@@ -0,0 +1,6 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content">
<div class="mailpoet_automated_latest_content_block_overlay"></div>
<div class="mailpoet_automated_latest_content_block_posts"></div>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,301 @@
<h3><%= __('Post selection') %></h3>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Show max:') %></div>
<div class="mailpoet_form_field_input_option">
<input type="text" class="mailpoet_input mailpoet_input_small mailpoet_automated_latest_content_show_amount" value="{{ model.amount }}" maxlength="2" size="2" />
<select class="mailpoet_select mailpoet_select_large mailpoet_automated_latest_content_content_type">
<option value="post" {{#ifCond model.contentType '==' 'post'}}SELECTED{{/ifCond}}><%= __('Posts') %></option>
<option value="page" {{#ifCond model.contentType '==' 'page'}}SELECTED{{/ifCond}}><%= __('Pages') %></option>
<option value="mailpoet_page" {{#ifCond model.contentType '==' 'mailpoet_page'}}SELECTED{{/ifCond}}><%= __('MailPoet pages') %></option>
</select>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_select_option">
<select class="mailpoet_select mailpoet_automated_latest_content_categories_and_tags" multiple="multiple">
{{#each model.terms}}
<option value="{{ id }}" selected="selected">{{ text }}</option>
{{/each}}
</select>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_include_or_exclude" class="mailpoet_automated_latest_content_include_or_exclude" value="include" {{#ifCond model.inclusionType '==' 'include'}}CHECKED{{/ifCond}}/>
<%= __('Include') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_include_or_exclude" class="mailpoet_automated_latest_content_include_or_exclude" value="exclude" {{#ifCond model.inclusionType '==' 'exclude'}}CHECKED{{/ifCond}} />
<%= __('Exclude') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<a href="javascript:;" class="mailpoet_automated_latest_content_show_display_options"><%= __('Display options') %></a>
</div>
<div class="mailpoet_automated_latest_content_display_options mailpoet_closed">
<div class="mailpoet_form_field">
<a href="javascript:;" class="mailpoet_automated_latest_content_hide_display_options"><%= __('Hide display options') %></a>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_display_type" class="mailpoet_automated_latest_content_display_type" value="excerpt" {{#ifCond model.displayType '==' 'excerpt'}}CHECKED{{/ifCond}}/>
<%= __('Excerpt') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_display_type" class="mailpoet_automated_latest_content_display_type" value="full" {{#ifCond model.displayType '==' 'full'}}CHECKED{{/ifCond}}/>
<%= __('Full post') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_display_type" class="mailpoet_automated_latest_content_display_type" value="titleOnly" {{#ifCond model.displayType '==' 'titleOnly'}}CHECKED{{/ifCond}} />
<%= __('Title only') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Format') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_format" class="mailpoet_automated_latest_content_title_format" value="h1" {{#ifCond model.titleFormat '==' 'h1'}}CHECKED{{/ifCond}}/>
<%= __('Heading 1') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_format" class="mailpoet_automated_latest_content_title_format" value="h2" {{#ifCond model.titleFormat '==' 'h2'}}CHECKED{{/ifCond}}/>
<%= __('Heading 2') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_format" class="mailpoet_automated_latest_content_title_format" value="h3" {{#ifCond model.titleFormat '==' 'h3'}}CHECKED{{/ifCond}}/>
<%= __('Heading 3') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option mailpoet_automated_latest_content_title_as_list {{#ifCond model.displayType '!=' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_format" class="mailpoet_automated_latest_content_title_format" value="ul" {{#ifCond model.titleFormat '==' 'ul'}}CHECKED{{/ifCond}}/>
<%= __('Show as list') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_alignment" class="mailpoet_automated_latest_content_title_alignment" value="left" {{#ifCond model.titleAlignment '==' 'left'}}CHECKED{{/ifCond}} />
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_alignment" class="mailpoet_automated_latest_content_title_alignment" value="center" {{#ifCond model.titleAlignment '==' 'center'}}CHECKED{{/ifCond}} />
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_alignment" class="mailpoet_automated_latest_content_title_alignment" value="right" {{#ifCond model.titleAlignment '==' 'right'}}CHECKED{{/ifCond}} />
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field mailpoet_automated_latest_content_title_as_link {{#ifCond model.titleFormat '===' 'ul'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Title as links') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_as_links" class="mailpoet_automated_latest_content_title_as_links" value="true" {{#if model.titleIsLink}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_as_links" class="mailpoet_automated_latest_content_title_as_links" value="false" {{#unless model.titleIsLink}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
</div>
<hr class="mailpoet_separator mailpoet_automated_latest_content_image_separator {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}" />
<div class="mailpoet_form_field mailpoet_automated_latest_content_featured_image_position_container {{#ifCond model.displayType '!==' 'excerpt'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Featured image position') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_featured_image_position" class="mailpoet_automated_latest_content_featured_image_position" value="belowTitle" {{#ifCond model.featuredImagePosition '==' 'belowTitle' }}CHECKED{{/ifCond}}/>
<%= __('Below title') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_featured_image_position" class="mailpoet_automated_latest_content_featured_image_position" value="aboveTitle" {{#ifCond model.featuredImagePosition '==' 'aboveTitle' }}CHECKED{{/ifCond}}/>
<%= __('Above title') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_featured_image_position" class="mailpoet_automated_latest_content_featured_image_position" value="none" {{#ifCond model.featuredImagePosition '==' 'none' }}CHECKED{{/ifCond}}/>
<%= __('None') %>
</label>
</div>
</div>
<div class="mailpoet_automated_latest_content_non_title_list_options {{#ifCond model.displayType '==' 'titleOnly'}}{{#ifCond model.titleFormat '==' 'ul'}}mailpoet_hidden{{/ifCond}}{{/ifCond}}">
<div class="mailpoet_form_field mailpoet_automated_latest_content_image_full_width_option {{#ifCond model.displayType '==' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Image width') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_automated_latest_content_image_full_width" value="true" {{#if model.imageFullWidth}}CHECKED{{/if}}/>
<%= __('Full width') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_automated_latest_content_image_full_width" value="false" {{#unless model.imageFullWidth}}CHECKED{{/unless}}/>
<%= __('Padded') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Show author') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_author" class="mailpoet_automated_latest_content_show_author" value="no" {{#ifCond model.showAuthor '==' 'no'}}CHECKED{{/ifCond}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_author" class="mailpoet_automated_latest_content_show_author" value="aboveText" {{#ifCond model.showAuthor '==' 'aboveText'}}CHECKED{{/ifCond}}/>
<%= __('Above text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_author" class="mailpoet_automated_latest_content_show_author" value="belowText" {{#ifCond model.showAuthor '==' 'belowText'}}CHECKED{{/ifCond}}/>
<%= __('Below text') %><br />
</label>
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_author_preceded_by" value="{{ model.authorPrecededBy }}" />
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Show categories') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_categories" class="mailpoet_automated_latest_content_show_categories" value="no" {{#ifCond model.showCategories '==' 'no'}}CHECKED{{/ifCond}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_categories" class="mailpoet_automated_latest_content_show_categories" value="aboveText" {{#ifCond model.showCategories '==' 'aboveText'}}CHECKED{{/ifCond}}/>
<%= __('Above text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_categories" class="mailpoet_automated_latest_content_show_categories" value="belowText" {{#ifCond model.showCategories '==' 'belowText'}}CHECKED{{/ifCond}}/>
<%= __('Below text') %>
</label>
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_categories" value="{{ model.categoriesPrecededBy }}" />
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('"Read more" text') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_read_more_type" class="mailpoet_automated_latest_content_read_more_type" value="link" {{#ifCond model.readMoreType '==' 'link'}}CHECKED{{/ifCond}}/>
<%= __('Link') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_read_more_type" class="mailpoet_automated_latest_content_read_more_type" value="button" {{#ifCond model.readMoreType '==' 'button'}}CHECKED{{/ifCond}}/>
<%= __('Button') %>
</label>
</div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_read_more_text {{#ifCond model.readMoreType '!=' 'link'}}mailpoet_hidden{{/ifCond}}" value="{{ model.readMoreText }}" />
</div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<a href="javascript:;" class="mailpoet_automated_latest_content_select_button {{#ifCond model.readMoreType '!=' 'button'}}mailpoet_hidden{{/ifCond}}"><%= __('Design a button') %></a>
</div>
</div>
<hr class="mailpoet_separator" />
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Sort by') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_sort_by" class="mailpoet_automated_latest_content_sort_by" value="newest" {{#ifCond model.sortBy '==' 'newest'}}CHECKED{{/ifCond}}/>
<%= __('Newest') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_sort_by" class="mailpoet_automated_latest_content_sort_by" value="oldest" {{#ifCond model.sortBy '==' 'oldest'}}CHECKED{{/ifCond}}/>
<%= __('Oldest') %>
</label>
</div>
</div>
<div class="mailpoet_automated_latest_content_non_title_list_options {{#ifCond model.displayType '==' 'titleOnly'}}{{#ifCond model.titleFormat '==' 'ul'}}mailpoet_hidden{{/ifCond}}{{/ifCond}}">
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Show divider between posts') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_divider"class="mailpoet_automated_latest_content_show_divider" value="true" {{#if model.showDivider}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_divider"class="mailpoet_automated_latest_content_show_divider" value="false" {{#unless model.showDivider}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
<div>
<a href="javascript:;" class="mailpoet_automated_latest_content_select_divider"><%= __('Select divider') %></a>
</div>
</div>
</div>
</div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
</div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/auto-post.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Automatic Latest Content') %></div>
@@ -0,0 +1,8 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content">
<div class="mailpoet_automated_latest_content_block_overlay" data-automation-id="alc_overlay">
<span class="mailpoet_overlay_message"><%= __('This is only a preview! Your subscribers will see your latest blog posts.') %></span>
</div>
<div class="mailpoet_automated_latest_content_block_posts" data-automation-id="alc_posts"></div>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,333 @@
<h3><%= __('Post selection') %></h3>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Show max:') %></div>
<div class="mailpoet_form_field_input_option">
<input type="text" class="mailpoet_input mailpoet_input_small mailpoet_automated_latest_content_show_amount" value="{{ model.amount }}" maxlength="2" size="2" data-automation-id="show_max_posts" />
<select class="mailpoet_select mailpoet_select_large mailpoet_automated_latest_content_content_type">
<option value="post" {{#ifCond model.contentType '==' 'post'}}SELECTED{{/ifCond}}><%= __('Posts') %></option>
<option value="page" {{#ifCond model.contentType '==' 'page'}}SELECTED{{/ifCond}}><%= __('Pages') %></option>
<option value="mailpoet_page" {{#ifCond model.contentType '==' 'mailpoet_page'}}SELECTED{{/ifCond}}><%= __('MailPoet pages') %></option>
</select>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_select_option">
<select class="mailpoet_select mailpoet_automated_latest_content_categories_and_tags" multiple="multiple">
{{#each model.terms}}
<option value="{{ id }}" selected="selected">{{ text }}</option>
{{/each}}
</select>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_include_or_exclude" class="mailpoet_automated_latest_content_include_or_exclude" value="include" {{#ifCond model.inclusionType '==' 'include'}}CHECKED{{/ifCond}}/>
<%= __('Include') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_include_or_exclude" class="mailpoet_automated_latest_content_include_or_exclude" value="exclude" {{#ifCond model.inclusionType '==' 'exclude'}}CHECKED{{/ifCond}} />
<%= __('Exclude') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<a href="javascript:;" class="mailpoet_automated_latest_content_show_display_options" data-automation-id="display_options">
{{#if _displayOptionsHidden}}
<%= __('Display options') %>
{{else}}
<%= __('Hide display options') %>
{{/if}}
</a>
</div>
<div class="mailpoet_automated_latest_content_display_options {{#if _displayOptionsHidden}}mailpoet_closed{{/if}}">
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_display_type" class="mailpoet_automated_latest_content_display_type" value="excerpt" {{#ifCond model.displayType '==' 'excerpt'}}CHECKED{{/ifCond}}/>
<%= __('Excerpt') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_display_type" class="mailpoet_automated_latest_content_display_type" value="full" {{#ifCond model.displayType '==' 'full'}}CHECKED{{/ifCond}}/>
<%= __('Full post') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_display_type" class="mailpoet_automated_latest_content_display_type" value="titleOnly" {{#ifCond model.displayType '==' 'titleOnly'}}CHECKED{{/ifCond}} />
<%= __('Title only') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Format') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_format" class="mailpoet_automated_latest_content_title_format" value="h1" {{#ifCond model.titleFormat '==' 'h1'}}CHECKED{{/ifCond}}/>
<%= __('Heading 1') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_format" class="mailpoet_automated_latest_content_title_format" value="h2" {{#ifCond model.titleFormat '==' 'h2'}}CHECKED{{/ifCond}}/>
<%= __('Heading 2') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_format" class="mailpoet_automated_latest_content_title_format" value="h3" {{#ifCond model.titleFormat '==' 'h3'}}CHECKED{{/ifCond}}/>
<%= __('Heading 3') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option mailpoet_automated_latest_content_title_as_list {{#ifCond model.displayType '!=' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_format" class="mailpoet_automated_latest_content_title_format" value="ul" {{#ifCond model.titleFormat '==' 'ul'}}CHECKED{{/ifCond}}/>
<%= __('Show as list') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_alignment" class="mailpoet_automated_latest_content_title_alignment" value="left" {{#ifCond model.titleAlignment '==' 'left'}}CHECKED{{/ifCond}} />
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_alignment" class="mailpoet_automated_latest_content_title_alignment" value="center" {{#ifCond model.titleAlignment '==' 'center'}}CHECKED{{/ifCond}} />
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_alignment" class="mailpoet_automated_latest_content_title_alignment" value="right" {{#ifCond model.titleAlignment '==' 'right'}}CHECKED{{/ifCond}} />
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field mailpoet_automated_latest_content_title_as_link {{#ifCond model.titleFormat '===' 'ul'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Title as links') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_as_links" class="mailpoet_automated_latest_content_title_as_links" value="true" {{#if model.titleIsLink}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_as_links" class="mailpoet_automated_latest_content_title_as_links" value="false" {{#unless model.titleIsLink}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
</div>
<hr class="mailpoet_separator mailpoet_automated_latest_content_title_position_separator {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}" />
<div class="mailpoet_form_field mailpoet_automated_latest_content_title_position {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= _x('Title position', 'Setting in the email designer to position the blog post title') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input data-automation-id="title_above_post" type="radio" name="mailpoet_automated_latest_content_title_position" class="mailpoet_automated_latest_content_title_position" value="abovePost" {{#ifCond model.titlePosition '!=' 'aboveExcerpt'}}CHECKED{{/ifCond}}/>
<%= _x('Above the post', 'Display the post title above the post block') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input data-automation-id="title_above_excerpt" type="radio" name="mailpoet_automated_latest_content_title_position" class="mailpoet_automated_latest_content_title_position" value="aboveExcerpt" {{#ifCond model.titlePosition '==' 'aboveExcerpt'}}CHECKED{{/ifCond}}/>
<%= _x('Above the excerpt text', 'Display the post title above the post excerpt') %>
</label>
</div>
</div>
<hr class="mailpoet_separator mailpoet_automated_latest_content_image_separator {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}" />
<div class="mailpoet_form_field mailpoet_automated_latest_content_featured_image_position_container {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Featured image position') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_featured_image_position" class="mailpoet_automated_latest_content_featured_image_position" value="centered" {{#ifCond _featuredImagePosition '==' 'centered' }}CHECKED{{/ifCond}}/>
<%= __('Centered') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_featured_image_position" class="mailpoet_automated_latest_content_featured_image_position" value="left" {{#ifCond _featuredImagePosition '==' 'left' }}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_featured_image_position" class="mailpoet_automated_latest_content_featured_image_position" value="right" {{#ifCond _featuredImagePosition '==' 'right' }}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_featured_image_position" class="mailpoet_automated_latest_content_featured_image_position" value="alternate" {{#ifCond _featuredImagePosition '==' 'alternate' }}CHECKED{{/ifCond}}/>
<%= __('Alternate') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_featured_image_position" class="mailpoet_automated_latest_content_featured_image_position" value="none" {{#ifCond _featuredImagePosition '==' 'none' }}CHECKED{{/ifCond}}/>
<%= __('None') %>
</label>
</div>
</div>
<div class="mailpoet_automated_latest_content_non_title_list_options {{#ifCond model.displayType '==' 'titleOnly'}}{{#ifCond model.titleFormat '==' 'ul'}}mailpoet_hidden{{/ifCond}}{{/ifCond}}">
<div class="mailpoet_form_field mailpoet_automated_latest_content_image_full_width_option {{#ifCond model.displayType '==' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Image width') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_automated_latest_content_image_full_width" value="true" {{#if model.imageFullWidth}}CHECKED{{/if}}/>
<%= __('Full width') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_automated_latest_content_image_full_width" value="false" {{#unless model.imageFullWidth}}CHECKED{{/unless}}/>
<%= __('Padded') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Show author') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_author" class="mailpoet_automated_latest_content_show_author" value="no" {{#ifCond model.showAuthor '==' 'no'}}CHECKED{{/ifCond}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_author" class="mailpoet_automated_latest_content_show_author" value="aboveText" {{#ifCond model.showAuthor '==' 'aboveText'}}CHECKED{{/ifCond}}/>
<%= __('Above text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_author" class="mailpoet_automated_latest_content_show_author" value="belowText" {{#ifCond model.showAuthor '==' 'belowText'}}CHECKED{{/ifCond}}/>
<%= __('Below text') %><br />
</label>
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_author_preceded_by" value="{{ model.authorPrecededBy }}" />
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Show categories') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_categories" class="mailpoet_automated_latest_content_show_categories" value="no" {{#ifCond model.showCategories '==' 'no'}}CHECKED{{/ifCond}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_categories" class="mailpoet_automated_latest_content_show_categories" value="aboveText" {{#ifCond model.showCategories '==' 'aboveText'}}CHECKED{{/ifCond}}/>
<%= __('Above text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_categories" class="mailpoet_automated_latest_content_show_categories" value="belowText" {{#ifCond model.showCategories '==' 'belowText'}}CHECKED{{/ifCond}}/>
<%= __('Below text') %>
</label>
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_categories" value="{{ model.categoriesPrecededBy }}" />
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('"Read more" text') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_read_more_type" class="mailpoet_automated_latest_content_read_more_type" value="link" {{#ifCond model.readMoreType '==' 'link'}}CHECKED{{/ifCond}}/>
<%= __('Link') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_read_more_type" class="mailpoet_automated_latest_content_read_more_type" value="button" {{#ifCond model.readMoreType '==' 'button'}}CHECKED{{/ifCond}}/>
<%= __('Button') %>
</label>
</div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_automated_latest_content_read_more_text {{#ifCond model.readMoreType '!=' 'link'}}mailpoet_hidden{{/ifCond}}" value="{{ model.readMoreText }}" />
</div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<a href="javascript:;" class="mailpoet_automated_latest_content_select_button {{#ifCond model.readMoreType '!=' 'button'}}mailpoet_hidden{{/ifCond}}"><%= __('Design a button') %></a>
</div>
</div>
<hr class="mailpoet_separator" />
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Sort by') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_sort_by" class="mailpoet_automated_latest_content_sort_by" value="newest" {{#ifCond model.sortBy '==' 'newest'}}CHECKED{{/ifCond}}/>
<%= __('Newest') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_sort_by" class="mailpoet_automated_latest_content_sort_by" value="oldest" {{#ifCond model.sortBy '==' 'oldest'}}CHECKED{{/ifCond}}/>
<%= __('Oldest') %>
</label>
</div>
</div>
<div class="mailpoet_automated_latest_content_non_title_list_options {{#ifCond model.displayType '==' 'titleOnly'}}{{#ifCond model.titleFormat '==' 'ul'}}mailpoet_hidden{{/ifCond}}{{/ifCond}}">
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Show divider between posts') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_divider"class="mailpoet_automated_latest_content_show_divider" value="true" {{#if model.showDivider}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_show_divider"class="mailpoet_automated_latest_content_show_divider" value="false" {{#unless model.showDivider}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
<div>
<a href="javascript:;" class="mailpoet_automated_latest_content_select_divider"><%= __('Select divider') %></a>
</div>
</div>
</div>
</div>
<div class="mailpoet_form_field">
<input type="button" data-automation-id="alc_settings_done" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
</div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/auto-post.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Automatic Latest Content') %></div>
@@ -0,0 +1,35 @@
<div class="mailpoet_tools_slider">
{{#if tools.layerSelector}}
<a href="javascript:;" class="mailpoet_tool mailpoet_newsletter_layer_selector mailpoet_ignore_drag" title="<%= __('Switch editing layer') %>">
<%= source('newsletter/templates/svg/block-tools/settings.svg') %>
</a>
{{/if}}
{{#if tools.settings}}
<a href="javascript:;" data-automation-id="settings_tool" class="mailpoet_tool mailpoet_edit_block mailpoet_ignore_drag" title="<%= __('Edit settings') %>">
<%= source('newsletter/templates/svg/block-tools/settings.svg') %>
</a>
{{/if}}
{{#if tools.delete}}
<div class="mailpoet_delete_block mailpoet_ignore_drag">
<a href="javascript:;" class="mailpoet_tool mailpoet_delete_block_activate" title="<%= __('Delete') %>">
<%= source('newsletter/templates/svg/block-tools/trash.svg') %>
</a>
<a href="javascript:;" class="mailpoet_delete_block_cancel" title="<%= __('Cancel deletion') %>">
<%= __('Cancel') %>
</a>
<a href="javascript:;" class="mailpoet_delete_block_confirm" title="<%= __('Confirm deletion') %>">
<%= __('Delete') %>
</a>
</div>
{{/if}}
{{#if tools.duplicate}}
<a href="javascript:;" data-automation-id="duplicate_tool" class="mailpoet_tool mailpoet_duplicate_block" title="<%= __('Duplicate') %>">
<%= source('newsletter/templates/svg/block-tools/duplicate.svg') %>
</a>
{{/if}}
{{#if tools.move}}
<a href="javascript:;" class="mailpoet_tool mailpoet_move_block" title="<%= __('Drag to move') %>">
<%= source('newsletter/templates/svg/block-tools/move.svg') %>
</a>
{{/if}}
</div>
@@ -0,0 +1,5 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content">
<a href="{{escapeURL model.url}}" class="mailpoet_editor_button" style="{{#ifCond model.styles.block.textAlign '==' 'left'}}margin: 0 auto 0 0; {{/ifCond}}{{#ifCond model.styles.block.textAlign '==' 'center'}}margin: auto; {{/ifCond}}{{#ifCond model.styles.block.textAlign '==' 'right'}}margin: 0 0 0 auto; {{/ifCond}}line-height: {{ model.styles.block.lineHeight }}; width: {{ model.styles.block.width }}; background-color: {{ model.styles.block.backgroundColor }}; color: {{ model.styles.block.fontColor }}; font-family: {{fontWithFallback model.styles.block.fontFamily }}; font-size: {{ model.styles.block.fontSize }}; font-weight: {{ model.styles.block.fontWeight }}; border: {{ model.styles.block.borderWidth }} {{ model.styles.block.borderStyle }} {{ model.styles.block.borderColor }}; border-radius: {{ model.styles.block.borderRadius }};" onClick="return false;">{{ model.text }}</a>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,129 @@
<h3><%= __('Button') %></h3>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Label') %></div>
<div class="mailpoet_form_field_input_option">
<input type="text" name="text" class="mailpoet_input mailpoet_field_button_text" value="{{ model.text }}" />
</div>
</label>
</div>
{{#ifCond renderOptions.hideLink '!==' true}}
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Link') %></div>
<div class="mailpoet_form_field_input_option">
<input type="text" name="url" class="mailpoet_input mailpoet_field_button_url" value="{{ model.url }}" placeholder="http://" />
</div>
</label>
</div>
{{/ifCond}}
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_button_alignment" value="left" {{#ifCond model.styles.block.textAlign '===' 'left'}}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_button_alignment" value="center" {{#ifCond model.styles.block.textAlign '===' 'center'}}CHECKED{{/ifCond}}/>
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_button_alignment" value="right" {{#ifCond model.styles.block.textAlign '===' 'right'}}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
<div class="mailpoet_form_field_title"><%= __('Text') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_input_nowrap">
<input type="text" name="font-color" id="mailpoet_field_button_font_color" class="mailpoet_field_button_font_color mailpoet_color" value="{{ model.styles.block.fontColor }}" />
<select id="mailpoet_field_button_font_family" name="font-family" class="mailpoet_select mailpoet_select_medium mailpoet_field_button_font_family mailpoet_font_family">
<optgroup label="<%= __('Standard fonts')%>">
{{#each availableStyles.fonts.standard}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.block.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</optgroup>
<optgroup label="<%= __('Custom fonts')%>">
{{#each availableStyles.fonts.custom}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.block.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</optgroup>
</select>
<select id="mailpoet_field_button_font_size" name="font-size" class="mailpoet_select mailpoet_select_small mailpoet_field_button_font_size mailpoet_font_size">
{{#each availableStyles.headingSizes}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.block.fontSize}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</select>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_checkbox_option">
<label>
<input type="checkbox" name="fontWeight" class="mailpoet_field_button_font_weight" value="bold" {{#ifCond model.styles.block.fontWeight '===' 'bold'}}CHECKED{{/ifCond}}/>
<%= __('Bold') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="background-color" class="mailpoet_field_button_background_color mailpoet_color" value="{{ model.styles.block.backgroundColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Background') %></div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="border-color" class="mailpoet_field_button_border_color mailpoet_color" value="{{ model.styles.block.borderColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Border') %></div>
<div class="mailpoet_form_field_input_option">
<input type="number" name="border-width-input" class="mailpoet_input mailpoet_input_small mailpoet_field_button_border_width_input" value="{{getNumber model.styles.block.borderWidth}}" min="0" max="10" step="1" /> px
<input type="range" min="0" max="10" step="1" name="border-width" class="mailpoet_range mailpoet_range_small mailpoet_field_button_border_width" value="{{getNumber model.styles.block.borderWidth}}" />
</div>
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Rounded corners') %></div>
<div class="mailpoet_form_field_input_option">
<input type="number" name="border-radius-input" class="mailpoet_input mailpoet_input_small mailpoet_field_button_border_radius_input" value="{{getNumber model.styles.block.borderRadius}}" min="0" max="40" step="1" /> px
<input type="range" min="0" max="40" step="1" name="border-radius" class="mailpoet_range mailpoet_range_medium mailpoet_field_button_border_radius" value="{{getNumber model.styles.block.borderRadius }}" />
</div>
</label>
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Width') %></div>
<div class="mailpoet_form_field_input_option">
<input type="number" name="width-input" class="mailpoet_input mailpoet_input_small mailpoet_field_button_width_input" value="{{getNumber model.styles.block.width}}" min="50" max="288" step="1" /> px
<input type="range" min="50" max="288" step="1" name="width" class="mailpoet_range mailpoet_range_medium mailpoet_field_button_width" value="{{getNumber model.styles.block.width }}" />
</div>
</label>
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Height') %></div>
<div class="mailpoet_form_field_input_option">
<input type="number" name="line-height-input" class="mailpoet_input mailpoet_input_small mailpoet_field_button_line_height_input" value="{{getNumber model.styles.block.lineHeight}}" min="20" max="50" step="1" /> px
<input type="range" min="20" max="50" step="1" name="line-height" class="mailpoet_range mailpoet_range_medium mailpoet_field_button_line_height" value="{{getNumber model.styles.block.lineHeight }}" />
</div>
</label>
</div>
{{#ifCond renderOptions.hideApplyToAll '!==' true}}
<div class="mailpoet_form_field">
<input type="button" name="replace-all-button-styles" class="button button-secondary mailpoet_button_full mailpoet_field_button_replace_all_styles" value="<%= __('Apply styles to all buttons') | escape('html_attr') %>" />
</div>
{{/ifCond}}
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
</div>
<script type="text/javascript">
fontsSelect('#mailpoet_field_button_font_family');
</script>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/button.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Button') %></div>
@@ -0,0 +1,22 @@
{{#if model.image.src}}
<style type="text/css">
.mailpoet_editor_view_{{ viewCid }} {
background-color: {{#ifCond model.styles.block.backgroundColor '!=' 'transparent'}}{{ model.styles.block.backgroundColor }}{{else}}#ffffff{{/ifCond}} !important;
background-image: url({{ model.image.src }});
background-position: center;
background-repeat: {{#ifCond model.image.display '==' 'tile'}}repeat{{else}}no-repeat{{/ifCond}};
background-size: {{#ifCond model.image.display '==' 'scale'}}cover{{else}}contain{{/ifCond}};
}
.mailpoet_editor_view_{{ viewCid }} .mailpoet_container { background: transparent; }
</style>
{{else}}
{{#ifCond model.styles.block.backgroundColor '!=' 'transparent'}}
<style type="text/css">
.mailpoet_editor_view_{{ viewCid }} { background-color: {{ model.styles.block.backgroundColor }}; }
.mailpoet_editor_view_{{ viewCid }} .mailpoet_container { background-color: {{ model.styles.block.backgroundColor }}; }
</style>
{{/ifCond}}
{{/if}}
<div class="mailpoet_container {{#ifCond model.orientation '===' 'horizontal'}}mailpoet_container_horizontal{{/ifCond}}{{#ifCond model.orientation '===' 'vertical'}}mailpoet_container_vertical{{/ifCond}}"></div>
<div class="mailpoet_tools"></div><div class="mailpoet_block_highlight">
@@ -0,0 +1,2 @@
<div class="mailpoet_container_empty">{{#ifCond emptyContainerMessage '!==' ''}}{{emptyContainerMessage}}{{else}}{{#if isRoot}}<%= __('Add a column block here.') %>{{else}}<%= __('Add a content block here.') %>{{/if}}{{/ifCond}}</div>
{{debug}}
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/layout-icons/1-column.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('1 column') %></div>
@@ -0,0 +1,48 @@
<h3><%= __('Columns') %></h3>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_input_option">
<input type="text" name="background-color" class="mailpoet_field_container_background_color mailpoet_color" value="{{ model.styles.block.backgroundColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Background color') %></div>
</label>
</div>
<hr>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Background image') %></div>
<div class="mailpoet_form_field_input_option">
<input type="text" name="src" class="mailpoet_input mailpoet_field_image_address" value="{{ model.image.src }}" placeholder="http://" /><br />
</div>
</label>
</div>
<div class="mailpoet_form_field">
<input type="button" name="select-image" class="button button-secondary mailpoet_button_full mailpoet_field_image_select_image" value="{{#if model.image.src}}<%= __('Select another image') | escape('html_attr') %>{{else}}<%= _x('Select background image', 'call to action to select an image as a background image of a layout block') | escape('html_attr') %>{{/if}}" />
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Display options') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="display_type" class="mailpoet_field_display_type" value="scale" {{#ifCond model.image.display '===' 'scale'}}CHECKED{{/ifCond}}/>
<%= __('Scale') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="display_type" class="mailpoet_field_display_type" value="fit" {{#ifCond model.image.display '===' 'fit'}}CHECKED{{/ifCond}}/>
<%= __('Fit') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="display_type" class="mailpoet_field_display_type" value="tile" {{#ifCond model.image.display '===' 'tile'}}CHECKED{{/ifCond}}/>
<%= __('Tile') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<p class="mailpoet_settings_notice"><%= _x('A [link]few email clients[/link] do not show background images. Make sure you have a good background color to fall back on if the image is not displayed.', 'Editor > right sidebar for column block settings.')|replaceLinkTags('https://kb.mailpoet.com/article/261-add-a-background-image-to-your-newsletter', {'target': '_blank'})|raw %></p>
</div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
</div>
@@ -0,0 +1,5 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/layout-icons/3-column.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('3 columns') %></div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/layout-icons/2-column.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('2 columns') %></div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/layout-icons/2-column-12.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('1:2 columns') %></div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/layout-icons/2-column-21.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('2:1 columns') %></div>
@@ -0,0 +1,13 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content" data-automation-id="coupon_block">
<div class="mailpoet_editor_coupon" style="{{#ifCond model.styles.block.textAlign '==' 'left'}}margin: 0 auto 0 0; {{/ifCond}}{{#ifCond model.styles.block.textAlign '==' 'center'}}margin: auto; {{/ifCond}}{{#ifCond model.styles.block.textAlign '==' 'right'}}margin: 0 0 0 auto; {{/ifCond}}line-height: {{ model.styles.block.lineHeight }}; width: {{ model.styles.block.width }}; background-color: {{ model.styles.block.backgroundColor }}; color: {{ model.styles.block.fontColor }}; font-family: {{fontWithFallback model.styles.block.fontFamily }}; font-size: {{ model.styles.block.fontSize }}; font-weight: {{ model.styles.block.fontWeight }}; border: {{ model.styles.block.borderWidth }} {{ model.styles.block.borderStyle }} {{ model.styles.block.borderColor }}; border-radius: {{ model.styles.block.borderRadius }};">{{ model.code }}</div>
<div class="mailpoet_editor_coupon_overlay" style="{{#ifCond model.source '==' 'allCoupons'}}visibility: hidden;{{/ifCond}}">
<%= __('The coupon code will be auto-generated when this campaign is activated.') %>
{{#ifCond model.isStandardEmail '==' true}}
<%= __('All subscribers of this campaign will receive the same coupon code.') %>
{{else}}
<%= __('Each subscriber of this campaign will receive a new coupon code.') %>
{{/ifCond}}
</div>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,119 @@
<h3 data-automation-id="coupon_settings_heading"><%= __('Coupon') %></h3>
<div id="mailpoet_coupon_block_settings" class="mailpoet_coupon_block_settings"></div>
<div class="mailpoet_coupon_block_display_options mailpoet_closed">
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_coupon_alignment" value="left" {{#ifCond model.styles.block.textAlign '===' 'left'}}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_coupon_alignment" value="center" {{#ifCond model.styles.block.textAlign '===' 'center'}}CHECKED{{/ifCond}}/>
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_coupon_alignment" value="right" {{#ifCond model.styles.block.textAlign '===' 'right'}}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
<div class="mailpoet_form_field_title"><%= __('Text') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_input_nowrap">
<input type="text" name="font-color" id="mailpoet_field_coupon_font_color" class="mailpoet_field_coupon_font_color mailpoet_color" value="{{ model.styles.block.fontColor }}" />
<select id="mailpoet_field_coupon_font_family" name="font-family" class="mailpoet_select mailpoet_select_medium mailpoet_field_coupon_font_family mailpoet_font_family">
<optgroup label="<%= __('Standard fonts')%>">
{{#each availableStyles.fonts.standard}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.block.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</optgroup>
<optgroup label="<%= __('Custom fonts')%>">
{{#each availableStyles.fonts.custom}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.block.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</optgroup>
</select>
<select id="mailpoet_field_coupon_font_size" name="font-size" class="mailpoet_select mailpoet_select_small mailpoet_field_coupon_font_size mailpoet_font_size">
{{#each availableStyles.headingSizes}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.block.fontSize}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</select>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_checkbox_option">
<label>
<input type="checkbox" name="fontWeight" class="mailpoet_field_coupon_font_weight" value="bold" {{#ifCond model.styles.block.fontWeight '===' 'bold'}}CHECKED{{/ifCond}}/>
<%= __('Bold') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="background-color" class="mailpoet_field_coupon_background_color mailpoet_color" value="{{ model.styles.block.backgroundColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Background') %></div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="border-color" class="mailpoet_field_coupon_border_color mailpoet_color" value="{{ model.styles.block.borderColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Border') %></div>
<div class="mailpoet_form_field_input_option">
<input type="number" name="border-width-input" class="mailpoet_input mailpoet_input_small mailpoet_field_coupon_border_width_input" value="{{getNumber model.styles.block.borderWidth}}" min="0" max="10" step="1" /> px
<input type="range" min="0" max="10" step="1" name="border-width" class="mailpoet_range mailpoet_range_small mailpoet_field_coupon_border_width" value="{{getNumber model.styles.block.borderWidth}}" />
</div>
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Rounded corners') %></div>
<div class="mailpoet_form_field_input_option">
<input type="number" name="border-radius-input" class="mailpoet_input mailpoet_input_small mailpoet_field_coupon_border_radius_input" value="{{getNumber model.styles.block.borderRadius}}" min="0" max="40" step="1" /> px
<input type="range" min="0" max="40" step="1" name="border-radius" class="mailpoet_range mailpoet_range_medium mailpoet_field_coupon_border_radius" value="{{getNumber model.styles.block.borderRadius }}" />
</div>
</label>
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Width') %></div>
<div class="mailpoet_form_field_input_option">
<input type="number" name="width-input" class="mailpoet_input mailpoet_input_small mailpoet_field_coupon_width_input" value="{{getNumber model.styles.block.width}}" min="50" max="288" step="1" /> px
<input type="range" min="50" max="288" step="1" name="width" class="mailpoet_range mailpoet_range_medium mailpoet_field_coupon_width" value="{{getNumber model.styles.block.width }}" />
</div>
</label>
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Height') %></div>
<div class="mailpoet_form_field_input_option">
<input type="number" name="line-height-input" class="mailpoet_input mailpoet_input_small mailpoet_field_coupon_line_height_input" value="{{getNumber model.styles.block.lineHeight}}" min="20" max="50" step="1" /> px
<input type="range" min="20" max="50" step="1" name="line-height" class="mailpoet_range mailpoet_range_medium mailpoet_field_coupon_line_height" value="{{getNumber model.styles.block.lineHeight }}" />
</div>
</label>
</div>
{{#ifCond renderOptions.hideApplyToAll '!==' true}}
<div class="mailpoet_form_field">
<input type="button" name="replace-all-coupon-styles" class="button button-secondary mailpoet_coupon_full mailpoet_field_coupon_replace_all_styles" value="<%= __('Apply styles to all coupons') | escape('html_attr') %>" />
</div>
{{/ifCond}}
</div>
<div class="mailpoet_form_field">
<a href="javascript:;" class="mailpoet_settings_coupon_show_coupon_configuration mailpoet_hidden"><%= __('Back to selection') %></a>
<a href="javascript:;" class="mailpoet_settings_coupon_show_display_options"><%= __('Display options') %></a>
</div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" data-automation-id="coupon_done_button" value="<%= __('Done') | escape('html_attr') %>" />
</div>
<script type="text/javascript">
fontsSelect('#mailpoet_field_coupon_font_family');
</script>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/coupon.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Coupon') %></div>
@@ -0,0 +1,11 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content" data-automation-id="divider" style="padding: {{ model.styles.block.padding }} 0; background-color: {{ model.styles.block.backgroundColor }};">
<div class="mailpoet_divider" style="border-top-width: {{ model.styles.block.borderWidth }}; border-top-style: {{ model.styles.block.borderStyle }}; border-top-color: {{ model.styles.block.borderColor }};"></div>
<div class="mailpoet_resize_handle_container">
<div class="mailpoet_resize_handle" data-automation-id="divider_resize_handle">
<span class="mailpoet_resize_handle_text">{{ totalHeight }}</span>
<span class="mailpoet_resize_handle_icon"><%= source('newsletter/templates/svg/block-icons/spacer.svg') %></span>
</div>
</div>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,38 @@
<h3><%= __('Dividers') %></h3>
<div class="mailpoet_divider_selector" data-automation-id="divider_selector">
{{#each availableStyles.dividers}}
<div class="mailpoet_field_divider_style{{#ifCond this '==' ../model.styles.block.borderStyle}} mailpoet_active_divider_style{{/ifCond}}" data-style="{{ this }}">
<div style="border-top-width: 5px; border-top-style: {{ this }}; border-top-color: {{ ../model.styles.block.borderColor }};"></div>
</div>
{{/each}}
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_input_option">
<input type="number" name="border-width-input" class="mailpoet_input mailpoet_input_small mailpoet_field_divider_border_width_input" value="{{getNumber model.styles.block.borderWidth}}" min="1" max="30" step="1" /> px
<input type="range" min="1" max="30" step="1" name="divider-width" class="mailpoet_range mailpoet_range_small mailpoet_field_divider_border_width" value="{{getNumber model.styles.block.borderWidth }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Divider height') %></div>
</label>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="divider-color" class="mailpoet_field_divider_border_color mailpoet_color" value="{{ model.styles.block.borderColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Divider color') %></div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="background-color" class="mailpoet_field_divider_background_color mailpoet_color" value="{{ model.styles.block.backgroundColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Background') %></div>
</div>
{{#ifCond renderOptions.hideApplyToAll '!==' true}}
<div class="mailpoet_form_field">
<input type="button" name="apply-to-all-dividers" class="button button-secondary mailpoet_button_full mailpoet_button_divider_apply_to_all" value="<%= __('Apply to all dividers') | escape('html_attr') %>" />
</div>
{{/ifCond}}
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
</div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/divider.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Divider') %></div>
@@ -0,0 +1,20 @@
<div class="mailpoet_tools"></div>
<style type="text/css">
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content,
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content p {
color: {{ model.styles.text.fontColor }};
font-family: {{fontWithFallback model.styles.text.fontFamily }};
font-size: {{ model.styles.text.fontSize }};
background-color: {{ model.styles.block.backgroundColor }};
text-align: {{ model.styles.text.textAlign }};
}
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content a,
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content a:hover,
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content a:active,
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content a:visited {
color: {{ model.styles.link.fontColor }};
text-decoration: {{ model.styles.link.textDecoration }};
}
</style>
<div class="mailpoet_content mailpoet_text_content" data-automation-id="footer">{{{ model.text }}}</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,75 @@
<h3><%= __('Footer') %></h3>
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
<div class="mailpoet_form_field_title"><%= __('Text') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_input_nowrap">
<input type="text" name="font-color" id="mailpoet_field_footer_text_color" class="mailpoet_field_footer_text_color mailpoet_color" value="{{ model.styles.text.fontColor }}" />
<select id="mailpoet_field_footer_text_font_family" name="font-family" class="mailpoet_select mailpoet_select_medium mailpoet_field_footer_text_font_family mailpoet_font_family">
<optgroup label="<%= __('Standard fonts')%>">
{{#each availableStyles.fonts.standard}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.text.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</optgroup>
<optgroup label="<%= __('Custom fonts')%>">
{{#each availableStyles.fonts.custom}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.text.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</optgroup>
</select>
<select id="mailpoet_field_footer_text_size" name="font-size" class="mailpoet_select mailpoet_select_small mailpoet_field_footer_text_size mailpoet_font_size">
{{#each availableStyles.textSizes}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.text.fontSize}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</select>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" class="mailpoet_color" size="6" maxlength="6" name="link-color" value="{{ model.styles.link.fontColor }}" id="mailpoet_field_footer_link_color" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Links') %></div>
<label>
<div class="mailpoet_form_field_checkbox_option mailpoet_option_offset_left_small">
<input type="checkbox" name="underline" value="underline" id="mailpoet_field_footer_link_underline" {{#ifCond model.styles.link.textDecoration '==' 'underline'}}CHECKED{{/ifCond}}/> <%= __('Underline') %>
</div>
</label>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="background-color" class="mailpoet_field_footer_background_color mailpoet_color" value="{{ model.styles.block.backgroundColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Background') %></div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_footer_alignment" value="left" {{#ifCond model.styles.text.textAlign '===' 'left'}}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_footer_alignment" value="center" {{#ifCond model.styles.text.textAlign '===' 'center'}}CHECKED{{/ifCond}}/>
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_footer_alignment" value="right" {{#ifCond model.styles.text.textAlign '===' 'right'}}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" data-automation-id="footer_done_button" value="<%= __('Done') | escape('html_attr') %>" />
</div>
<div class="mailpoet_form_field">
<p class="mailpoet_settings_notice"><%= __('If an email client [link]does not support a custom web font[/link], a similar standard font will be used instead.')|replaceLinkTags('https://kb.mailpoet.com/article/176-which-fonts-can-be-used-in-mailpoet#custom-web-fonts', {'target' : '_blank'})|raw %></p>
</div>
<script type="text/javascript">
fontsSelect('#mailpoet_field_footer_text_font_family');
</script>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/footer.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Footer') %></div>
@@ -0,0 +1,20 @@
<div class="mailpoet_tools"></div>
<style type="text/css">
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content,
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content p {
color: {{ model.styles.text.fontColor }};
font-family: {{fontWithFallback model.styles.text.fontFamily }};
font-size: {{ model.styles.text.fontSize }};
background-color: {{ model.styles.block.backgroundColor }};
text-align: {{ model.styles.text.textAlign }};
}
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content a,
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content a:hover,
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content a:active,
.mailpoet_editor_view_{{ viewCid }} .mailpoet_content a:visited {
color: {{ model.styles.link.fontColor }};
text-decoration: {{ model.styles.link.textDecoration }};
}
</style>
<div class="mailpoet_content mailpoet_text_content" data-automation-id="header">{{{ model.text }}}</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,74 @@
<h3><%= __('Header') %></h3>
<div class="mailpoet_form_field mailpoet_form_narrow_select2">
<div class="mailpoet_form_field_title"><%= __('Text') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_input_nowrap">
<input type="text" name="font-color" id="mailpoet_field_header_text_color" class="mailpoet_field_header_text_color mailpoet_color" value="{{ model.styles.text.fontColor }}" />
<select id="mailpoet_field_header_text_font_family" name="font-family" class="mailpoet_select mailpoet_select_medium mailpoet_field_header_text_font_family mailpoet_font_family">
<optgroup label="<%= __('Standard fonts')%>">
{{#each availableStyles.fonts.standard}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.text.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</optgroup>
<optgroup label="<%= __('Custom fonts')%>">
{{#each availableStyles.fonts.custom}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.text.fontFamily}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</optgroup>
</select>
<select id="mailpoet_field_header_text_size" name="font-size" class="mailpoet_select mailpoet_select_small mailpoet_field_header_text_size mailpoet_font_size">
{{#each availableStyles.textSizes}}
<option value="{{ this }}" {{#ifCond this '==' ../model.styles.text.fontSize}}SELECTED{{/ifCond}}>{{ this }}</option>
{{/each}}
</select>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" class="mailpoet_color" size="6" maxlength="6" name="link-color" value="{{ model.styles.link.fontColor }}" id="mailpoet_field_header_link_color" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Links') %></div>
<label>
<div class="mailpoet_form_field_checkbox_option mailpoet_option_offset_left_small">
<input type="checkbox" name="underline" value="underline" id="mailpoet_field_header_link_underline" {{#ifCond model.styles.link.textDecoration '==' 'underline'}}CHECKED{{/ifCond}}/> <%= __('Underline') %>
</div>
</label>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="background-color" class="mailpoet_field_header_background_color mailpoet_color" value="{{ model.styles.block.backgroundColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Background') %></div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_header_alignment" value="left" {{#ifCond model.styles.text.textAlign '===' 'left'}}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_header_alignment" value="center" {{#ifCond model.styles.text.textAlign '===' 'center'}}CHECKED{{/ifCond}}/>
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_header_alignment" value="right" {{#ifCond model.styles.text.textAlign '===' 'right'}}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" data-automation-id="header_done_button" value="<%= __('Done') | escape('html_attr') %>" />
</div>
<p class="mailpoet_settings_notice"><%= __('If an email client [link]does not support a custom web font[/link], a similar standard font will be used instead.')|replaceLinkTags('https://kb.mailpoet.com/article/176-which-fonts-can-be-used-in-mailpoet#custom-web-fonts', {'target' : '_blank'})|raw %></p>
<script type="text/javascript">
fontsSelect('#mailpoet_field_header_text_font_family');
</script>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/header.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Header') %></div>
@@ -0,0 +1,14 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content" style="{{#ifCond model.styles.block.textAlign '==' 'left'}}margin: 0 auto 0 0; {{/ifCond}}{{#ifCond model.styles.block.textAlign '==' 'center'}}margin: auto; {{/ifCond}}{{#ifCond model.styles.block.textAlign '==' 'right'}}margin: 0 0 0 auto; {{/ifCond}}width: {{model.width}}">
<div class="mailpoet_image">
<a href="{{escapeURL model.link }}" onClick="return false;">
<img src="{{#ifCond model.src '!=' ''}}{{ model.src }}{{ else }}{{ imageMissingSrc }}{{/ifCond}}" alt="{{ model.alt }}" onerror="if(this.src != '{{ imageMissingSrc }}') {this.src = '{{ imageMissingSrc }}';}" width="{{model.width}}" />
</a>
<div class="mailpoet_image_resize_handle_container{{#ifCond model.styles.block.textAlign '==' 'right'}} mailpoet_image_resize_handle_container_left{{/ifCond}}">
<div class="mailpoet_image_resize_handle">
<span class="mailpoet_image_resize_handle_icon"><%= source('newsletter/templates/svg/block-tools/resize.svg') %></span>
</div>
</div>
</div>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,88 @@
<h3><%= __('Image') %><span id="tooltip-designer-ideal-width" class="tooltip-help-designer-ideal-width"></span></h3>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Link') %> <span class="mailpoet_form_field_optional">(<%= __('Optional') %>)</div>
<div class="mailpoet_form_field_input_option">
<input type="text" name="src" class="mailpoet_input mailpoet_field_image_link" value="{{ model.link }}" placeholder="http://" />
</div>
</label>
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= _x('Image address', 'input field for the image URL') %></div>
<div class="mailpoet_form_field_input_option">
<input type="text" name="src" class="mailpoet_input mailpoet_field_image_address" value="{{ model.src }}" placeholder="http://" /><br />
</div>
</label>
</div>
<div class="mailpoet_form_field">
<input type="button" name="select-image" class="button button-secondary mailpoet_button_full mailpoet_field_image_select_image" value="<%= __('Select another image') | escape('html_attr') %>" />
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Alternative text') %></div>
<div class="mailpoet_form_field_input_option">
<input type="text" name="alt" class="mailpoet_input mailpoet_field_image_alt_text" value="{{ model.alt }}" />
</div>
</label>
</div>
<div class="mailpoet_form_field">
<label>
<div class="mailpoet_form_field_title"><%= __('Width') %></div>
<div class="mailpoet_form_field_input_option">
<input
class="mailpoet_input mailpoet_input_small mailpoet_field_image_width_input"
name="image-width-input"
type="number"
value="{{getNumber model.width}}"
min="36"
max="660"
step="2"
/> px
<input
class="mailpoet_range mailpoet_range_small mailpoet_field_image_width"
name="image-width"
type="range"
value="{{getNumber model.width}}"
min="36"
max="660"
step="2"
/>
</div>
</label>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_checkbox_option">
<label>
<input type="checkbox" name="fullWidth" class="mailpoet_field_image_full_width" value="true" {{#if model.fullWidth }}CHECKED{{/if}}/>
<%= _x('No padding', 'Option to remove a default padding around images') %>
</label>
<span id="tooltip-designer-full-width" class="tooltip-help-designer-full-width"></span>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_image_alignment" value="left" {{#ifCond model.styles.block.textAlign '===' 'left'}}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_image_alignment" value="center" {{#ifCond model.styles.block.textAlign '===' 'center'}}CHECKED{{/ifCond}}/>
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_field_image_alignment" value="right" {{#ifCond model.styles.block.textAlign '===' 'right'}}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" value="<%= __('Done') | escape('html_attr') %>" />
</div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/image.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Image') %></div>
@@ -0,0 +1,3 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_posts_container"></div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,10 @@
<h3><%= __('Post selection') %></h3>
<div class="mailpoet_settings_posts_selection"></div>
<div class="mailpoet_settings_posts_display_options mailpoet_closed"></div>
<div class="mailpoet_settings_posts_controls">
<div class="mailpoet_form_field">
<a href="javascript:;" class="mailpoet_settings_posts_show_post_selection mailpoet_hidden"><%= __('Back to selection') %></a>
<a href="javascript:;" class="mailpoet_settings_posts_show_display_options"><%= __('Display options') %></a>
</div>
<input type="button" class="button button-primary mailpoet_settings_posts_insert_selected" value="<%= __('Insert selected') | escape('html_attr') %>" />
</div>
@@ -0,0 +1,264 @@
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_display_type" class="mailpoet_posts_display_type" value="excerpt" {{#ifCond model.displayType '==' 'excerpt'}}CHECKED{{/ifCond}}/>
<%= __('Excerpt') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_display_type" class="mailpoet_posts_display_type" value="full" {{#ifCond model.displayType '==' 'full'}}CHECKED{{/ifCond}}/>
<%= __('Full post') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_display_type" class="mailpoet_posts_display_type" value="titleOnly" {{#ifCond model.displayType '==' 'titleOnly'}}CHECKED{{/ifCond}} />
<%= __('Title only') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Format') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_title_format" class="mailpoet_posts_title_format" value="h1" {{#ifCond model.titleFormat '==' 'h1'}}CHECKED{{/ifCond}}/>
<%= __('Heading 1') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_title_format" class="mailpoet_posts_title_format" value="h2" {{#ifCond model.titleFormat '==' 'h2'}}CHECKED{{/ifCond}}/>
<%= __('Heading 2') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_title_format" class="mailpoet_posts_title_format" value="h3" {{#ifCond model.titleFormat '==' 'h3'}}CHECKED{{/ifCond}}/>
<%= __('Heading 3') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option mailpoet_posts_title_as_list {{#ifCond model.displayType '!=' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<label>
<input type="radio" name="mailpoet_posts_title_format" class="mailpoet_posts_title_format" value="ul" {{#ifCond model.titleFormat '==' 'ul'}}CHECKED{{/ifCond}}/>
<%= __('Show as list') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_title_alignment" class="mailpoet_posts_title_alignment" value="left" {{#ifCond model.titleAlignment '==' 'left'}}CHECKED{{/ifCond}} />
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_title_alignment" class="mailpoet_posts_title_alignment" value="center" {{#ifCond model.titleAlignment '==' 'center'}}CHECKED{{/ifCond}} />
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_title_alignment" class="mailpoet_posts_title_alignment" value="right" {{#ifCond model.titleAlignment '==' 'right'}}CHECKED{{/ifCond}} />
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field mailpoet_posts_title_as_link {{#ifCond model.titleFormat '===' 'ul'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Make the post title into a link') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_title_as_links" class="mailpoet_posts_title_as_links" value="true" {{#if model.titleIsLink}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_title_as_links" class="mailpoet_posts_title_as_links" value="false" {{#unless model.titleIsLink}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
</div>
<hr class="mailpoet_separator mailpoet_automated_latest_content_title_position_separator {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}" />
<div class="mailpoet_form_field mailpoet_automated_latest_content_title_position {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= _x('Title position', 'Setting in the email designer to position the blog post title') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_position" class="mailpoet_automated_latest_content_title_position" value="abovePost" {{#ifCond model.titlePosition '!=' 'aboveExcerpt'}}CHECKED{{/ifCond}}/>
<%= _x('Above the post', 'Display the post title above the post block') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_automated_latest_content_title_position" class="mailpoet_automated_latest_content_title_position" value="aboveExcerpt" {{#ifCond model.titlePosition '==' 'aboveExcerpt'}}CHECKED{{/ifCond}}/>
<%= _x('Above the excerpt text', 'Display the post title above the post excerpt') %>
</label>
</div>
</div>
<hr class="mailpoet_separator mailpoet_posts_image_separator {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}" />
<div class="mailpoet_posts_non_title_list_options {{#ifCond model.displayType '==' 'titleOnly'}}{{#ifCond model.titleFormat '==' 'ul'}}mailpoet_hidden{{/ifCond}}{{/ifCond}}">
<div class="mailpoet_form_field mailpoet_posts_featured_image_position_container {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Featured image position') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_featured_image_position" class="mailpoet_posts_featured_image_position" value="centered" {{#ifCond _featuredImagePosition '==' 'centered' }}CHECKED{{/ifCond}}/>
<%= __('Centered') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_featured_image_position" class="mailpoet_posts_featured_image_position" value="left" {{#ifCond _featuredImagePosition '==' 'left' }}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_featured_image_position" class="mailpoet_posts_featured_image_position" value="right" {{#ifCond _featuredImagePosition '==' 'right' }}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_featured_image_position" class="mailpoet_posts_featured_image_position" value="alternate" {{#ifCond _featuredImagePosition '==' 'alternate' }}CHECKED{{/ifCond}}/>
<%= __('Alternate') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_featured_image_position" class="mailpoet_posts_featured_image_position" value="none" {{#ifCond _featuredImagePosition '==' 'none' }}CHECKED{{/ifCond}}/>
<%= __('None') %>
</label>
</div>
</div>
<div class="mailpoet_form_field mailpoet_posts_image_full_width_option {{#ifCond model.displayType '==' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Image width') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_posts_image_full_width" value="true" {{#if model.imageFullWidth}}CHECKED{{/if}}/>
<%= __('Full width') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_posts_image_full_width" value="false" {{#unless model.imageFullWidth}}CHECKED{{/unless}}/>
<%= __('Padded') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Show author') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_show_author" class="mailpoet_posts_show_author" value="no" {{#ifCond model.showAuthor '==' 'no'}}CHECKED{{/ifCond}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_show_author" class="mailpoet_posts_show_author" value="aboveText" {{#ifCond model.showAuthor '==' 'aboveText'}}CHECKED{{/ifCond}}/>
<%= __('Above text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_show_author" class="mailpoet_posts_show_author" value="belowText" {{#ifCond model.showAuthor '==' 'belowText'}}CHECKED{{/ifCond}}/>
<%= __('Below text') %><br />
</label>
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_posts_author_preceded_by" value="{{ model.authorPrecededBy }}" />
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Show categories') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_show_categories" class="mailpoet_posts_show_categories" value="no" {{#ifCond model.showCategories '==' 'no'}}CHECKED{{/ifCond}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_show_categories" class="mailpoet_posts_show_categories" value="aboveText" {{#ifCond model.showCategories '==' 'aboveText'}}CHECKED{{/ifCond}}/>
<%= __('Above text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_show_categories" class="mailpoet_posts_show_categories" value="belowText" {{#ifCond model.showCategories '==' 'belowText'}}CHECKED{{/ifCond}}/>
<%= __('Below text') %>
</label>
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('Preceded by:') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_posts_categories" value="{{ model.categoriesPrecededBy }}" />
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('"Read more" text') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_read_more_type" class="mailpoet_posts_read_more_type" value="link" {{#ifCond model.readMoreType '==' 'link'}}CHECKED{{/ifCond}}/>
<%= __('Link') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_read_more_type" class="mailpoet_posts_read_more_type" value="button" {{#ifCond model.readMoreType '==' 'button'}}CHECKED{{/ifCond}}/>
<%= __('Button') %>
</label>
</div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_posts_read_more_text {{#ifCond model.readMoreType '!=' 'link'}}mailpoet_hidden{{/ifCond}}" value="{{ model.readMoreText }}" />
</div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<a href="javascript:;" class="mailpoet_posts_select_button {{#ifCond model.readMoreType '!=' 'button'}}mailpoet_hidden{{/ifCond}}"><%= __('Design a button') %></a>
</div>
</div>
<hr class="mailpoet_separator" />
</div>
<div class="mailpoet_posts_non_title_list_options {{#ifCond model.displayType '==' 'titleOnly'}}{{#ifCond model.titleFormat '==' 'ul'}}mailpoet_hidden{{/ifCond}}{{/ifCond}}">
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('Show divider between posts') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_show_divider" class="mailpoet_posts_show_divider" value="true" {{#if model.showDivider}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_posts_show_divider"class="mailpoet_posts_show_divider" value="false" {{#unless model.showDivider}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_input_option">
<a href="javascript:;" class="mailpoet_posts_select_divider"><%= __('Select divider') %></a>
</div>
</div>
</div>
@@ -0,0 +1,28 @@
<div class="mailpoet_settings_posts_selection_controls">
<div class="mailpoet_post_selection_filter_row">
<input type="text" name="" class="mailpoet_input mailpoet_input_full mailpoet_posts_search_term" value="{{model.search}}" placeholder="<%= __('Search...') %>" />
</div>
<div class="mailpoet_post_selection_filter_row"><select name="mailpoet_posts_content_type" class="mailpoet_select mailpoet_select_half_width mailpoet_settings_posts_content_type">
<option value="post" {{#ifCond model.contentType '==' 'post'}}SELECTED{{/ifCond}}><%= __('Posts') %></option>
<option value="page" {{#ifCond model.contentType '==' 'page'}}SELECTED{{/ifCond}}><%= __('Pages') %></option>
<option value="mailpoet_page" {{#ifCond model.contentType '==' 'mailpoet_page'}}SELECTED{{/ifCond}}><%= __('MailPoet pages') %></option>
</select><select class="mailpoet_select mailpoet_select_half_width mailpoet_posts_post_status">
<option value="publish" {{#ifCond model.postStatus '==' 'publish'}}SELECTED{{/ifCond}}><%= __('Published') %></option>
<option value="future" {{#ifCond model.postStatus '==' 'future'}}SELECTED{{/ifCond}}><%= __('Scheduled') %></option>
<option value="draft" {{#ifCond model.postStatus '==' 'draft'}}SELECTED{{/ifCond}}><%= __('Draft') %></option>
<option value="pending" {{#ifCond model.postStatus '==' 'pending'}}SELECTED{{/ifCond}}><%= __('Pending Review') %></option>
<option value="private" {{#ifCond model.postStatus '==' 'private'}}SELECTED{{/ifCond}}><%= __('Private') %></option>
</select></div>
<div class="mailpoet_post_selection_filter_row">
<select class="mailpoet_select mailpoet_posts_categories_and_tags" multiple="multiple">
{{#each model.terms}}
<option value="{{ id }}" selected="selected">{{ text }}</option>
{{/each}}
</select>
</div>
</div>
<div class="mailpoet_post_selection_container">
</div>
<div class="mailpoet_post_selection_loading" style="visibility: hidden;">
<%= __('Loading posts...') %>
</div>
@@ -0,0 +1 @@
<%= __('No posts available') %>
@@ -0,0 +1,6 @@
<div class="mailpoet_settings_posts_single_post">
<label>
<input id="mailpoet_select_post_{{ index }}" class="mailpoet_select_post_checkbox" type="checkbox" class="checkbox" value="" name="post_selection">
{{#ellipsis model.post_title 40 '...'}}{{/ellipsis}}
</label>
</div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/post.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Posts') %></div>
@@ -0,0 +1,3 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_products_container"></div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,12 @@
<h3><%= __('Product selection') %></h3>
<div class="mailpoet_settings_products_selection"></div>
<div class="mailpoet_settings_products_display_options mailpoet_closed"></div>
<div class="mailpoet_settings_products_controls">
<div class="mailpoet_form_field">
<a href="javascript:;" class="mailpoet_settings_products_show_product_selection mailpoet_hidden"><%= __('Back to selection') %></a>
<a href="javascript:;" class="mailpoet_settings_products_show_display_options"><%= __('Display options') %></a>
</div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_settings_products_insert_selected" value="<%= __('Insert selected') | escape('html_attr') %>" />
</div>
</div>
@@ -0,0 +1,225 @@
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_display_type" class="mailpoet_products_display_type" value="titleOnly" {{#ifCond model.displayType '==' 'titleOnly'}}CHECKED{{/ifCond}}/>
<%= __('Title only') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_display_type" class="mailpoet_products_display_type" value="excerpt" {{#ifCond model.displayType '==' 'excerpt'}}CHECKED{{/ifCond}}/>
<%= __('Title and a short description') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_display_type" class="mailpoet_products_display_type" value="full" {{#ifCond model.displayType '==' 'full'}}CHECKED{{/ifCond}} />
<%= __('Title and description') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Format') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_format" class="mailpoet_products_title_format" value="h1" {{#ifCond model.titleFormat '==' 'h1'}}CHECKED{{/ifCond}}/>
<%= __('Heading 1') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_format" class="mailpoet_products_title_format" value="h2" {{#ifCond model.titleFormat '==' 'h2'}}CHECKED{{/ifCond}}/>
<%= __('Heading 2') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_format" class="mailpoet_products_title_format" value="h3" {{#ifCond model.titleFormat '==' 'h3'}}CHECKED{{/ifCond}}/>
<%= __('Heading 3') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Title Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_alignment" class="mailpoet_products_title_alignment" value="left" {{#ifCond model.titleAlignment '==' 'left'}}CHECKED{{/ifCond}} />
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_alignment" class="mailpoet_products_title_alignment" value="center" {{#ifCond model.titleAlignment '==' 'center'}}CHECKED{{/ifCond}} />
<%= __('Center') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_alignment" class="mailpoet_products_title_alignment" value="right" {{#ifCond model.titleAlignment '==' 'right'}}CHECKED{{/ifCond}} />
<%= __('Right') %>
</label>
</div>
</div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= _x('Make the product title into a link', 'Display the product title into a link') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_as_links" class="mailpoet_products_title_as_links" value="true" {{#if model.titleIsLink}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_as_links" class="mailpoet_products_title_as_links" value="false" {{#unless model.titleIsLink}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field mailpoet_products_title_position {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= _x('Product title position', 'Setting in the email designer to position an ecommerce product title') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_position" class="mailpoet_products_title_position" value="abovePost" {{#ifCond model.titlePosition '!=' 'aboveExcerpt'}}CHECKED{{/ifCond}}/>
<%= _x('Above the product', 'Display the product title above the product block') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_title_position" class="mailpoet_products_title_position" value="aboveExcerpt" {{#ifCond model.titlePosition '==' 'aboveExcerpt'}}CHECKED{{/ifCond}}/>
<%= _x('Above the product description', 'Display the product title above the product description') %>
</label>
</div>
</div>
<hr class="mailpoet_separator mailpoet_products_title_position_separator {{#ifCond model.displayType '===' 'titleOnly'}}mailpoet_hidden{{/ifCond}}" />
<div> <!-- empty div for better git diff -->
<div class="mailpoet_form_field mailpoet_products_featured_image_position_container">
<div class="mailpoet_form_field_title"><%= __('Product image position') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="centered" {{#ifCond model.featuredImagePosition '==' 'centered' }}CHECKED{{/ifCond}}/>
<%= __('Centered') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="left" {{#ifCond model.featuredImagePosition '==' 'left' }}CHECKED{{/ifCond}}/>
<%= __('Left') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="right" {{#ifCond model.featuredImagePosition '==' 'right' }}CHECKED{{/ifCond}}/>
<%= __('Right') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="alternate" {{#ifCond model.featuredImagePosition '==' 'alternate' }}CHECKED{{/ifCond}}/>
<%= __('Alternate') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_featured_image_position" class="mailpoet_products_featured_image_position" value="none" {{#ifCond model.featuredImagePosition '==' 'none' }}CHECKED{{/ifCond}}/>
<%= __('None') %>
</label>
</div>
</div>
<div class="mailpoet_form_field mailpoet_products_image_full_width_option {{#ifCond model.displayType '==' 'titleOnly'}}mailpoet_hidden{{/ifCond}}">
<div class="mailpoet_form_field_title"><%= __('Image width') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_products_image_full_width" value="true" {{#if model.imageFullWidth}}CHECKED{{/if}}/>
<%= __('Full width') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="imageFullWidth" class="mailpoet_products_image_full_width" value="false" {{#unless model.imageFullWidth}}CHECKED{{/unless}}/>
<%= __('Padded') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Price') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_price_position" class="mailpoet_products_price_position" value="below" {{#ifCond model.pricePosition '==' 'below'}}CHECKED{{/ifCond}} />
<%= __('Below text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_price_position" class="mailpoet_products_price_position" value="above" {{#ifCond model.pricePosition '==' 'above'}}CHECKED{{/ifCond}} />
<%= __('Above text') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_price_position" class="mailpoet_products_price_position" value="hidden" {{#ifCond model.pricePosition '==' 'hidden'}}CHECKED{{/ifCond}} />
<%= __('No') %>
</label>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small"><%= __('"Buy now" text') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_read_more_type" class="mailpoet_products_read_more_type" value="link" {{#ifCond model.readMoreType '==' 'link'}}CHECKED{{/ifCond}}/>
<%= __('Link') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_read_more_type" class="mailpoet_products_read_more_type" value="button" {{#ifCond model.readMoreType '==' 'button'}}CHECKED{{/ifCond}}/>
<%= __('Button') %>
</label>
</div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<input type="text" class="mailpoet_input mailpoet_input_full mailpoet_products_read_more_text {{#ifCond model.readMoreType '!=' 'link'}}mailpoet_hidden{{/ifCond}}" value="{{ model.readMoreText }}" />
</div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_block">
<a href="javascript:;" class="mailpoet_products_select_button {{#ifCond model.readMoreType '!=' 'button'}}mailpoet_hidden{{/ifCond}}"><%= __('Design a button') %></a>
</div>
</div>
<hr class="mailpoet_separator" />
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title mailpoet_form_field_title_small mailpoet_form_field_title_inline"><%= __('Show divider between products') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_show_divider" class="mailpoet_products_show_divider" value="true" {{#if model.showDivider}}CHECKED{{/if}}/>
<%= __('Yes') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="mailpoet_products_show_divider"class="mailpoet_products_show_divider" value="false" {{#unless model.showDivider}}CHECKED{{/unless}}/>
<%= __('No') %>
</label>
</div>
<div class="mailpoet_form_field_input_option">
<a href="javascript:;" class="mailpoet_products_select_divider"><%= __('Select divider') %></a>
</div>
</div>
</div>
@@ -0,0 +1,24 @@
<div class="mailpoet_settings_products_selection_controls">
<div class="mailpoet_product_selection_filter_row">
<input type="text" name="" class="mailpoet_input mailpoet_input_full mailpoet_products_search_term" value="{{model.search}}" placeholder="<%= __('Search...') %>" />
</div>
<div class="mailpoet_product_selection_filter_row">
<select class="mailpoet_select mailpoet_input_full mailpoet_products_post_status">
<option value="publish" {{#ifCond model.postStatus '==' 'publish'}}SELECTED{{/ifCond}}><%= __('Published') %></option>
<option value="pending" {{#ifCond model.postStatus '==' 'pending'}}SELECTED{{/ifCond}}><%= __('Pending Review') %></option>
<option value="draft" {{#ifCond model.postStatus '==' 'draft'}}SELECTED{{/ifCond}}><%= __('Draft') %></option>
</select>
</div>
<div class="mailpoet_product_selection_filter_row">
<select class="mailpoet_select mailpoet_products_categories_and_tags" multiple="multiple">
{{#each model.terms}}
<option value="{{ id }}" selected="selected">{{ text }}</option>
{{/each}}
</select>
</div>
</div>
<div class="mailpoet_product_selection_container">
</div>
<div class="mailpoet_product_selection_loading" style="visibility: hidden;">
<%= __('Loading posts...') %>
</div>
@@ -0,0 +1 @@
<%= __('No products available') %>
@@ -0,0 +1,6 @@
<div class="mailpoet_settings_products_single_product">
<label>
<input id="mailpoet_select_product_{{ index }}" class="mailpoet_select_product_checkbox" type="checkbox" class="checkbox" value="" name="post_selection">
{{#ellipsis model.post_title 40 '...'}}{{/ellipsis}}
</label>
</div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/product.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Products') %></div>
@@ -0,0 +1,8 @@
<div class="mailpoet_tools"></div>
<div
class="mailpoet_content mailpoet_social"
data-automation-id="socialBlock"
style="text-align: {{model.styles.block.textAlign}}"
>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1 @@
<a href="{{escapeURL link }}" onClick="return false;"><img src="{{#ifCond image '!=' ''}}{{ image }}{{ else }}{{ imageMissingSrc }}{{/ifCond}}" onerror="if (this.src != '{{ imageMissingSrc }}') this.src = '{{ imageMissingSrc }}';" alt="{{ text }}" style="width: {{ width }}; height: {{ height }};"/></a>
@@ -0,0 +1,31 @@
<h3><%= __('Select icons') %></h3>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_title"><%= __('Alignment') %></div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_social_block_alignment" value="left" {{#ifCond model.styles.block.textAlign '===' 'left'}}CHECKED{{/ifCond}}/>
<%= _x('Left', 'Visual alignment settings') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_social_block_alignment" value="center" {{#ifCond model.styles.block.textAlign '===' 'center'}}CHECKED{{/ifCond}}/>
<%= _x('Center', 'Visual alignment settings') %>
</label>
</div>
<div class="mailpoet_form_field_radio_option">
<label>
<input type="radio" name="alignment" class="mailpoet_social_block_alignment" value="right" {{#ifCond model.styles.block.textAlign '===' 'right'}}CHECKED{{/ifCond}}/>
<%= _x('Right', 'Visual alignment settings') %>
</label>
</div>
</div>
<hr>
<div id="mailpoet_social_icons_selection" class="mailpoet_form_field"></div>
<h3><%= __('Styles') %></h3>
<div id="mailpoet_social_icons_styles"></div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" data-automation-id="social_done_button" value="<%= __('Done') | escape('html_attr') %>" />
</div>
@@ -0,0 +1,63 @@
<div class="mailpoet_social_icon_settings">
<div class="mailpoet_social_icon_settings_tool mailpoet_social_icon_settings_move_icon">
<a href="javascript:;" class="mailpoet_move_block"><%= source('newsletter/templates/svg/block-tools/move-without-bg.svg') %></a>
</div>
<div class="mailpoet_social_icon_settings_tool mailpoet_social_icon_settings_delete_icon">
<a href="javascript:;" class="mailpoet_delete_block"><%= source('newsletter/templates/svg/block-tools/trash-without-bg.svg') %></a>
</div>
<div class="mailpoet_social_icon_settings_row">
<label>
<div class="mailpoet_social_icon_settings_label mailpoet_social_icon_image_label">
<img src="{{ model.image }}" onerror="if (this.src != '{{ allIconSets.default.custom }}') this.src = '{{ allIconSets.default.custom }}';" alt="{{ model.text }}" class="mailpoet_social_icon_image" />
</div>
<div class="mailpoet_social_icon_settings_form_element">
<select name="iconType" class="mailpoet_social_icon_field_type">
{{#each iconTypes}}
<option value="{{ iconType }}" {{#ifCond iconType '==' ../model.iconType}}SELECTED{{/ifCond}}>{{ title }}</option>
{{/each}}
</select>
</div>
</label>
</div>
{{#ifCond iconType '==' 'custom'}}
<div class="mailpoet_social_icon_settings_row">
<label>
<div class="mailpoet_social_icon_settings_label">
<%= __('Image') %>
</div>
<div class="mailpoet_social_icon_settings_form_element">
<input type="text" name="image" class="mailpoet_social_icon_field_image" value="{{ model.image }}" placeholder="http://" />
</div>
</label>
</div>
{{/ifCond}}
<div class="mailpoet_social_icon_settings_row">
<label>
<div class="mailpoet_social_icon_settings_label">
{{ currentType.linkFieldName }}
</div>
<div class="mailpoet_social_icon_settings_form_element">
{{#ifCond iconType '==' 'email'}}
<input type="text" name="link" class="mailpoet_social_icon_field_link" value="{{emailFromMailto model.link }}" placeholder="example@example.org" /><br />
{{else}}
<input type="text" name="link" class="mailpoet_social_icon_field_link" value="{{ model.link }}" placeholder="http://" /><br />
{{/ifCond}}
</div>
</label>
</div>
{{#ifCond iconType '==' 'custom'}}
<div class="mailpoet_social_icon_settings_row">
<label>
<div class="mailpoet_social_icon_settings_label">
<%= __('Text') %>
</div>
<div class="mailpoet_social_icon_settings_form_element">
<input type="text" name="text" class="mailpoet_social_icon_field_text" value="{{ model.text }}" />
</div>
</label>
</div>
{{/ifCond}}
</div>
@@ -0,0 +1,2 @@
<div id="mailpoet_social_icon_selector_contents"></div>
<input type="button" class="button button-secondary mailpoet_button_full mailpoet_add_social_icon" data-automation-id='social_select_another_network' value="<%= __('Add another social network') %>" />
@@ -0,0 +1,5 @@
{{#each availableSets}}
<div class="mailpoet_social_icon_set{{#ifCond ../activeSet '==' this }} mailpoet_active_icon_set{{/ifCond}}" data-setName="{{ this }}">
{{#each ../availableSocialIcons}}<img src="{{lookup (lookup ../../socialIconSets ../this) this}}" />{{/each}}
</div>
{{/each}}
@@ -0,0 +1,2 @@
<div class="mailpoet_widget_icon"><span class="dashicons dashicons-facebook"></span></div>
<div class="mailpoet_widget_title"><%= __('Social') %></div>
@@ -0,0 +1,12 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content">
<div class="mailpoet_spacer" data-automation-id="spacer" style="height: {{ model.styles.block.height }}; background-color: {{ model.styles.block.backgroundColor }};">
<div class="mailpoet_resize_handle_container">
<div class="mailpoet_resize_handle" data-automation-id="spacer_resize_handle">
<span class="mailpoet_resize_handle_text">{{ model.styles.block.height }}</span>
<span class="mailpoet_resize_handle_icon"><%= source('newsletter/templates/svg/block-icons/spacer.svg') %></span>
</div>
</div>
</div>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,11 @@
<h3><%= __('Spacer') %></h3>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_input_option">
<input type="text" name="background-color" class="mailpoet_field_spacer_background_color mailpoet_color" value="{{ model.styles.block.backgroundColor }}" />
</div>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Background') %></div>
</div>
<div class="mailpoet_form_field">
<input type="button" class="button button-primary mailpoet_done_editing" data-automation-id="spacer_done_button" value="<%= __('Done') | escape('html_attr') %>" />
</div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/spacer.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Spacer') %></div>
@@ -0,0 +1,5 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content mailpoet_text_content" data-automation-id="text_block_in_editor">
{{{ model.text }}}
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,2 @@
<h3><%= __('Text') %></h3>
<%= __('Text') %>: <textarea name="text" class="text" rows="5" cols="40">{{ model.text }}</textarea>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/text.svg') %>
</div>
<div class="mailpoet_widget_title"><%= __('Text') %></div>
@@ -0,0 +1,6 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_content mailpoet_unknown_block_fallback">
<h2 class="mailpoet_unknown_block_fallback_heading"><%= __('Unsupported block type') %></h2>
<p><%= __('"%s" block type is not supported and will not be included in the email. You can either delete this block, or enable a plugin that adds support for this block.') | format('{{blockType}}') %></p>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1 @@
<div class="mailpoet_widget_title"></div>
@@ -0,0 +1,74 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_woocommerce_content_overlay">
<p><%= __('Autogenerated content by WooCommerce') %></p>
</div>
<div class="mailpoet_content mailpoet_woocommerce_content" data-automation-id="woocommerce_content">
<p style="margin:0 0 16px"><%= __('Hi %s,', 'woocommerce') | format('Jane') %></p>
<p style="margin:0 0 16px"><%= __('We have finished processing your order.', 'woocommerce') %></p>
<h2 style="display:block;font-family:&quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left">
<%= __('[Order #0001]', 'woocommerce') %></h2>
<div style="margin-bottom:40px">
<table class="m_3180768237544866075td" cellspacing="0" cellpadding="6" border="1" style="border:1px solid #e4e4e4;vertical-align:middle;width:100%;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
<thead>
<tr>
<th class="m_3180768237544866075td" scope="col" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Product', 'woocommerce') %></th>
<th class="m_3180768237544866075td" scope="col" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Quantity', 'woocommerce') %></th>
<th class="m_3180768237544866075td" scope="col" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Price', 'woocommerce') %></th>
</tr>
</thead>
<tbody>
<tr class="m_3180768237544866075order_item">
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;word-wrap:break-word">
My First Product </td>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
1 </td>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">10,00<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> </td>
</tr>
</tbody>
<tfoot>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left;border-top-width:4px"><%= __('Subtotal:', 'woocommerce') %></th>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left;border-top-width:4px"><span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">10,00<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span></td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Shipping:', 'woocommerce') %></th>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">4,90<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span>
</td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Payment method:', 'woocommerce') %></th>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">Paypal</td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Total:', 'woocommerce') %></th>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">14,90<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> <small class="m_3180768237544866075includes_tax">(includes <span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">0,91<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> VAT)</small>
</td>
</tr>
</tfoot>
</table>
</div>
<table id="m_3180768237544866075addresses" cellspacing="0" cellpadding="0" border="0" style="width:100%;vertical-align:top;margin-bottom:40px;padding:0">
<tbody><tr>
<td valign="top" width="50%" style="text-align:left;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;border:0;padding:0">
<h2 style="display:block;font-family:&quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left"><%= __('Billing address', 'woocommerce') %></h2>
<address class="m_3180768237544866075address" style="padding:12px;border:1px solid #e4e4e4">Jane Doe<br>42 rue Blue Origin<br>75000 Paris<br>France</address>
</td>
<td valign="top" width="50%" style="text-align:left;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;padding:0">
<h2 style="display:block;font-family:&quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left"><%= __('Shipping address', 'woocommerce') %></h2>
<address class="m_3180768237544866075address" style="padding:12px;border:1px solid #e4e4e4">Jane Doe<br>42 rue Blue Origin<br>75000 Paris<br>France</address>
</td>
</tr>
</tbody></table>
<p style="margin:0 0 16px"><%= __('Thanks for shopping with us.', 'woocommerce') %></p>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,76 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_woocommerce_content_overlay">
<p><%= __('Autogenerated content by WooCommerce') %></p>
</div>
<div class="mailpoet_content mailpoet_woocommerce_content" data-automation-id="woocommerce_content">
<p style="margin:0 0 16px"><%= __('Hi %s,', 'woocommerce') | format('Jane') %></p>
<p style="margin:0 0 16px"><%= __('The following note has been added to your order:', 'woocommerce') %></p>
<blockquote>
<p style="margin:0 0 16px">Hi Jane, welcome to MailPoet!</p>
</blockquote>
<p style="margin:0 0 16px"><%= __('As a reminder, here are your order details:', 'woocommerce') %></p>
<h2 style="display:block;font-family:&quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left">
<%= __('[Order #0001]', 'woocommerce') %></h2>
<div style="margin-bottom:40px">
<table class="m_3180768237544866075td" cellspacing="0" cellpadding="6" border="1" style="border:1px solid #e4e4e4;vertical-align:middle;width:100%;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
<thead>
<tr>
<th class="m_3180768237544866075td" scope="col" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Product', 'woocommerce') %></th>
<th class="m_3180768237544866075td" scope="col" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Quantity', 'woocommerce') %></th>
<th class="m_3180768237544866075td" scope="col" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Price', 'woocommerce') %></th>
</tr>
</thead>
<tbody>
<tr class="m_3180768237544866075order_item">
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;word-wrap:break-word">
My First Product </td>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
1 </td>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">10,00<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> </td>
</tr>
</tbody>
<tfoot>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left;border-top-width:4px"><%= __('Subtotal:', 'woocommerce') %></th>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left;border-top-width:4px"><span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">10,00<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span></td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Shipping:', 'woocommerce') %></th>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">4,90<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span>
</td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Payment method:', 'woocommerce') %></th>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">Paypal</td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Total:', 'woocommerce') %></th>
<td class="m_3180768237544866075td" style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">14,90<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> <small class="m_3180768237544866075includes_tax">(includes <span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">0,91<span class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> VAT)</small>
</td>
</tr>
</tfoot>
</table>
</div>
<table id="m_3180768237544866075addresses" cellspacing="0" cellpadding="0" border="0" style="width:100%;vertical-align:top;margin-bottom:40px;padding:0">
<tbody><tr>
<td valign="top" width="50%" style="text-align:left;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;border:0;padding:0">
<h2 style="display:block;font-family:&quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left"><%= __('Billing address', 'woocommerce') %></h2>
<address class="m_3180768237544866075address" style="padding:12px;border:1px solid #e4e4e4">Jane Doe<br>42 rue Blue Origin<br>75000 Paris<br>France</address>
</td>
<td valign="top" width="50%" style="text-align:left;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;padding:0">
<h2 style="display:block;font-family:&quot;Helvetica Neue&quot;,Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left"><%= __('Shipping address', 'woocommerce') %></h2>
<address class="m_3180768237544866075address" style="padding:12px;border:1px solid #e4e4e4">Jane Doe<br>42 rue Blue Origin<br>75000 Paris<br>France</address>
</td>
</tr>
</tbody></table>
<p style="margin:0 0 16px"><%= __('Thanks for reading.', 'woocommerce') %></p>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,10 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_woocommerce_content_overlay">
<p><%= __('Autogenerated content by WooCommerce') %></p>
</div>
<div class="mailpoet_content mailpoet_woocommerce_content" data-automation-id="woocommerce_content">
<p style="margin:0 0 16px"><%= __('Hi %s,', 'woocommerce') | format('Jane') %></p>
<p style="margin:0 0 16px"><%= __('Thanks for creating an account on %1$s. Your username is %2$s. You can access your account area to view orders, change your password, and more at: %3$s', 'woocommerce') | format('{{siteName}}', '<strong>elon.musk</strong>', '<a href="http://{{siteAddress}}" style="font-weight:normal;text-decoration:underline" target="_blank">{{siteAddress}}</a>') | raw %></p>
<p style="margin:0 0 16px"><%= __('We look forward to seeing you soon.', 'woocommerce') %></p>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,112 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_woocommerce_content_overlay">
<p><%= __('Autogenerated content by WooCommerce') %></p>
</div>
<div class="mailpoet_content mailpoet_woocommerce_content" data-automation-id="woocommerce_content" style="font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;font-size:14px;line-height:150%;text-align:left;">
<p style="margin:0 0 16px;font-size:14px;"><%= __('Hi %s,', 'woocommerce') | format('Jane') %></p>
<p style="margin:0 0 16px;font-size:14px;"><%= __("Just to let you know &mdash; we've received your order #%s, and it is now being processed:", 'woocommerce') | format('0001') | raw %></p>
<h2
style="display:block;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left">
<%= __('[Order #0001]', 'woocommerce') %></h2>
<div style="margin-bottom:40px">
<table class="m_3180768237544866075td" cellspacing="0" cellpadding="6" border="1"
style="border:1px solid #e4e4e4;vertical-align:middle;width:100%;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
<thead>
<tr>
<th class="m_3180768237544866075td" scope="col"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Product', 'woocommerce') %></th>
<th class="m_3180768237544866075td" scope="col"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Quantity', 'woocommerce') %>
</th>
<th class="m_3180768237544866075td" scope="col"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Price', 'woocommerce') %></th>
</tr>
</thead>
<tbody>
<tr class="m_3180768237544866075order_item">
<td class="m_3180768237544866075td"
style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;word-wrap:break-word">
My First Product </td>
<td class="m_3180768237544866075td"
style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
1 </td>
<td class="m_3180768237544866075td"
style="border:1px solid #e4e4e4;padding:12px;text-align:left;vertical-align:middle;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">10,00<span
class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> </td>
</tr>
</tbody>
<tfoot>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left;border-top-width:4px">
<%= __('Subtotal:', 'woocommerce') %></th>
<td class="m_3180768237544866075td"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left;border-top-width:4px">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">10,00<span
class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span></td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Shipping:', 'woocommerce') %>
</th>
<td class="m_3180768237544866075td"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">4,90<span
class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span>
</td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">
<%= __('Payment method:', 'woocommerce') %></th>
<td class="m_3180768237544866075td"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">Paypal</td>
</tr>
<tr>
<th class="m_3180768237544866075td" scope="row" colspan="2"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left"><%= __('Total:', 'woocommerce') %></th>
<td class="m_3180768237544866075td"
style="border:1px solid #e4e4e4;vertical-align:middle;padding:12px;text-align:left">
<span class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">14,90<span
class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> <small
class="m_3180768237544866075includes_tax">(includes <span
class="m_3180768237544866075woocommerce-Price-amount m_3180768237544866075amount">0,91<span
class="m_3180768237544866075woocommerce-Price-currencySymbol">€</span></span> VAT)</small>
</td>
</tr>
</tfoot>
</table>
</div>
<table id="m_3180768237544866075addresses" cellspacing="0" cellpadding="0" border="0"
style="width:100%;vertical-align:top;margin-bottom:40px;padding:0">
<tbody>
<tr>
<td valign="top" width="50%"
style="text-align:left;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;border:0;padding:0">
<h2
style="display:block;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left">
<%= __('Billing address', 'woocommerce') %></h2>
<address class="m_3180768237544866075address" style="padding:12px;border:1px solid #e4e4e4">Jane Doe
<br>42 rue Blue Origin<br>75000 Paris<br>France</address>
</td>
<td valign="top" width="50%"
style="text-align:left;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;padding:0">
<h2
style="display:block;font-family:'Helvetica Neue',Helvetica,Roboto,Arial,sans-serif;font-size:18px;font-weight:bold;line-height:130%;margin:0 0 18px;text-align:left">
<%= __('Shipping address', 'woocommerce') %></h2>
<address class="m_3180768237544866075address" style="padding:12px;border:1px solid #e4e4e4">Jane Doe
<br>42 rue Blue Origin<br>75000 Paris<br>France</address>
</td>
</tr>
</tbody>
</table>
<p style="margin:0 0 16px;font-size:14px;"><%= __('Thanks for shopping with us.', 'woocommerce') %></p>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/text.svg') %>
</div>
<div class="mailpoet_widget_title"><%= _x('WooCommerce Transactional Email Content', 'Name of a widget in the email editor. This widget is used to display WooCommerce order information (list of bought items, shipping address, ...)') %></div>
@@ -0,0 +1,8 @@
<div class="mailpoet_tools"></div>
<div class="mailpoet_woocommerce_heading_overlay">
<p><%= __('Autogenerated content by WooCommerce') %></p>
</div>
<div class="mailpoet_content mailpoet_woocommerce_heading" data-automation-id="woocommerce_heading">
<h1>{{ content }}</h1>
</div>
<div class="mailpoet_block_highlight"></div>
@@ -0,0 +1,4 @@
<div class="mailpoet_widget_icon">
<%= source('newsletter/templates/svg/block-icons/text.svg') %>
</div>
<div class="mailpoet_widget_title"><%= _x('WooCommerce Email Heading', 'Name of a widget in the email editor. This widget is used to display WooCommerce messages (like ”Thanks for your order!”)') %></div>