PURPOSE Add a block that allows recipients to check the email in a browser in case their mail service provider does not render it well or to see it full screen. SPECIFICATIONS A thumbnail has been added in the snippet thumbnails list of the mail editor. It allows to add an header snippet. This snippet contains a link allowing the recipient to see the mail in its browser instead of its mail client. Add a route to display a mailing content. This route should be recipient dependent as mailings could contain jinja markers. Using the same access token and check as unsubscribe route this public route allows to display a mailing content directly rendered for a given customer. _get_unsubscribe_url method is moved from mail_mail to mailing as it does not really belong to the mail model. Indeed it is mailing dependent. A view URL leading to the view in browser route is added. It is managed like the unsubscribe url: magically avoid shortening, magically rewrite when sending email. Task ID-2239327 PR #49886
875 lines
46 KiB
XML
875 lines
46 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- Snippets & Themes Menu -->
|
|
<template id="email_designer_snippets" inherit_id="web_editor.snippets" primary="True" groups="base.group_user">
|
|
<xpath expr="//div[@id='snippets_menu']" position="inside">
|
|
<button type="button" disabled="disabled">Select a template</button>
|
|
</xpath>
|
|
<xpath expr="//t[@id='default_snippets']" position="replace">
|
|
<t id="default_snippets">
|
|
<t t-set="company_id" t-value="res_company"/>
|
|
<div id="email_designer_themes">
|
|
<div data-name="basic"
|
|
data-nowrap="1"
|
|
data-img="/mass_mailing/static/src/img/theme_imgs/basic_thumb"
|
|
data-images-info='{"logo": {"format": "png"}}'>
|
|
<t t-call="mass_mailing.theme_basic_template"/>
|
|
</div>
|
|
<div data-name="default"
|
|
data-img="/mass_mailing/static/src/img/theme_imgs/default_thumb"
|
|
data-images-info='{"logo": {"format": "png"}}'>
|
|
<t t-call="mass_mailing.theme_default_template"/>
|
|
</div>
|
|
</div>
|
|
<div id="email_designer_default_headers" class="o_panel">
|
|
<div class="o_panel_header">Headers</div>
|
|
<div class="o_panel_body" id="email_designer_header_elements">
|
|
<t t-snippet="mass_mailing.s_mail_block_header_social" t-thumbnail="/mass_mailing/static/src/img/blocks/block_header_social.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_header_text_social" t-thumbnail="/mass_mailing/static/src/img/blocks/block_header_text_social.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_header_logo" t-thumbnail="/mass_mailing/static/src/img/blocks/block_header_logo.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_banner" t-thumbnail="/mass_mailing/static/src/img/blocks/block_banner.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_header_view" t-thumbnail="/mass_mailing/static/src/img/blocks/block_header_browser.png"/>
|
|
</div>
|
|
</div>
|
|
<div id="email_designer_default_body" class="o_panel">
|
|
<div class="o_panel_header">Body</div>
|
|
<div class="o_panel_body" id="email_designer_body_elements">
|
|
<t t-snippet="mass_mailing.s_mail_block_title_text" t-thumbnail="/mass_mailing/static/src/img/blocks/block_title_text.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_title_sub" t-thumbnail="/mass_mailing/static/src/img/blocks/block_title_sub.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_paragraph" t-thumbnail="/mass_mailing/static/src/img/blocks/block_paragraph.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_comparison_table" t-thumbnail="/mass_mailing/static/src/img/blocks/block_comparison_table.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_two_cols" t-thumbnail="/mass_mailing/static/src/img/blocks/block_two_cols.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_three_cols" t-thumbnail="/mass_mailing/static/src/img/blocks/block_three_cols.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_image_text" t-thumbnail="/mass_mailing/static/src/img/blocks/block_image_text.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_text_image" t-thumbnail="/mass_mailing/static/src/img/blocks/block_text_image.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_image" t-thumbnail="/mass_mailing/static/src/img/blocks/block_image.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_footer_separator" t-thumbnail="/mass_mailing/static/src/img/blocks/block_footer_separator.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_footer_tag_line" t-thumbnail="/mass_mailing/static/src/img/blocks/block_footer_tag_line.png"/>
|
|
</div>
|
|
</div>
|
|
<div id="email_designer_default_extra" class="o_panel">
|
|
<div class="o_panel_header">Marketing Content</div>
|
|
<div class="o_panel_body" id="email_designer_marketing_elements">
|
|
<t t-snippet="mass_mailing.s_mail_block_discount2" t-thumbnail="/mass_mailing/static/src/img/blocks/block_discount2.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_discount1" t-thumbnail="/mass_mailing/static/src/img/blocks/block_discount1.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_event" t-thumbnail="/mass_mailing/static/src/img/blocks/block_event.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_steps" t-thumbnail="/mass_mailing/static/src/img/blocks/block_steps.png"/>
|
|
</div>
|
|
</div>
|
|
<div id="email_designer_default_footer" class="o_panel">
|
|
<div class="o_panel_header">Footers</div>
|
|
<div class="o_panel_body" id="email_designer_footer_elements">
|
|
<t t-snippet="mass_mailing.s_mail_block_footer_social" t-thumbnail="/mass_mailing/static/src/img/blocks/block_footer_social.png"/>
|
|
<t t-snippet="mass_mailing.s_mail_block_footer_social_left" t-thumbnail="/mass_mailing/static/src/img/blocks/block_footer_social_left.png"/>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</xpath>
|
|
<xpath expr="//div[@id='snippet_options']/t" position="attributes">
|
|
<attribute name="t-call">mass_mailing.snippet_options</attribute>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Snippet Templates -->
|
|
<template id="s_mail_block_header_social" name="Left Logo">
|
|
<div class="o_mail_block_header_social">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles">
|
|
<tr>
|
|
<td width="70%" class="o_mail_logo_container o_mail_h_padding o_mail_v_padding">
|
|
&nbsp;
|
|
<a t-att-href="(company_id.website) or '#'" style="text-decoration:none;float:none;">
|
|
<img border="0" src="/mass_mailing/static/src/img/theme_basic/s_default_image_logo.png" style="height:auto;max-width:400px;" alt="Your Logo" />
|
|
</a>
|
|
&nbsp;
|
|
</td>
|
|
<td width="30%" class="text-right o_mail_no_resize">
|
|
<div class="o_mail_header_social">
|
|
<t t-call="mass_mailing.social_links"/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_header_text_social" name="Left Text">
|
|
<div class="o_mail_block_header_text_social">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles">
|
|
<tr>
|
|
<td width="70%" class="o_mail_h_padding o_mail_v_padding">
|
|
&nbsp;
|
|
<h3>
|
|
<a t-att-href="(company_id.website) or '#'">
|
|
My Company
|
|
</a>
|
|
</h3>
|
|
&nbsp;
|
|
</td>
|
|
<td width="30%" class="text-right o_mail_no_resize">
|
|
<div class="o_mail_header_social">
|
|
<t t-call="mass_mailing.social_links"/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_header_logo" name="Centered Logo">
|
|
<div class="o_mail_block_header_logo">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles o_mail_h_padding">
|
|
<tr>
|
|
<td width="35%"/>
|
|
<td valign="center" width="30%" class="text-center o_mail_v_padding">
|
|
<a t-att-href="(company_id.website) or '#'" style="text-decoration:none;">
|
|
<img border="0" src="/mass_mailing/static/src/img/theme_basic/s_default_image_logo.png" style="height:auto;max-width:400px;width:auto" alt="Your Logo" />
|
|
</a>
|
|
</td>
|
|
<td width="35%" style="text-align:right"/>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_banner" name="Banner">
|
|
<div class="o_mail_block_banner">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%" valign="top" class="o_mail_full_width_padding o_mail_no_colorpicker">
|
|
<a href="#">
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_banner.jpg" class="d-block mx-auto" alt="Your Banner Image" />
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_header_view" name="View in browser">
|
|
<div class="o_snippet_view_in_browser">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%" class="o_mail_h_padding o_mail_v_padding o_mail_no_colorpicker text-center">
|
|
<a href="/view">
|
|
View this email in your browser
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_title_text" name="Title Content">
|
|
<div class="o_mail_block_title_text">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%" class="o_mail_h_padding o_mail_v_padding o_mail_no_colorpicker">
|
|
<h2 class="mt0">Thank you for joining us!</h2>
|
|
<p>We want to take this opportunity to welcome you to our ever-growing community!<br/></p>
|
|
<p>Your platform is ready for work. It will help you reduce the costs of digital signage, attract new customers and increase sales.</p>
|
|
<p>Enjoy,</p>
|
|
<img src="/mass_mailing/static/src/img/theme_default//demo/signature.png" style="width:125px; margin-top:8px;margin-bottom:-25px;" alt="Demo Signature"/>
|
|
<p>
|
|
<small>
|
|
<strong>Michael Fletcher</strong><br/>
|
|
<small>Community Manager</small>
|
|
</small>
|
|
</p>
|
|
<div class="o_mail_v_padding text-center">
|
|
<a role="button" href="#" class="btn btn-primary">LOGIN</a>
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_paragraph" name="Paragraph">
|
|
<div class="o_mail_block_paragraph">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%" class="o_mail_h_padding o_mail_v_padding o_mail_no_colorpicker">
|
|
<p> The open source model of Odoo has allowed us to leverage thousands of developers and
|
|
business experts to build hundreds of apps in just a few years.</p>
|
|
<p> With strong technical foundations, Odoo's framework is unique.
|
|
It provides top notch usability that scales across all apps.</p>
|
|
<p> Usability improvements made on Odoo will automatically apply to all
|
|
of our fully integrated apps.</p>
|
|
<p> That way, Odoo evolves much faster than any other solution.</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<template id="s_mail_block_title_sub" name="Title - Subtitle">
|
|
<div class="o_mail_block_title_sub">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td class="o_mail_h_padding o_mail_v_padding o_mail_no_colorpicker">
|
|
<h2 class="o_mail_no_margin">Check this out!</h2>
|
|
<p class="o_mail_no_margin">Apps That Help You Grow Your Business!</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_comparison_table" name="Comparison">
|
|
<div class="o_mail_block_comparison_table">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td class="o_mail_h_padding o_mail_v_padding o_mail_col_mv">
|
|
<table cellspacing="0" cellpadding="0" class="o_mail_table_styles">
|
|
<thead>
|
|
<tr>
|
|
<th class="bg-o-color-2 o_mail_v_padding o_mail_col_mv">
|
|
<h2 class="text-center o_mail_no_margin">DEFAULT</h2>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-center o_mail_col_mv bg-gray-lighter">
|
|
<p class="o_mail_display_coupon text-center" style="margin-top:10px;">$8</p>
|
|
<small>user / month (billed annually)</small>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" class="o_mail_v_padding o_mail_col_mv bg-gray-lighter">
|
|
<div class="separator"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_col_mv bg-gray-lighter">
|
|
<p>Basic features</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_col_mv bg-gray-lighter">
|
|
<p>Basic management</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_col_mv bg-gray-lighter">
|
|
<p>No customization</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_col_mv bg-gray-lighter">
|
|
<p>No support</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td valign="top" class="o_mail_v_padding o_mail_col_mv bg-gray-lighter">
|
|
<div class="separator"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" class="text-center o_mail_h_padding o_mail_col_mv bg-gray-lighter" style="padding-bottom: 20px;">
|
|
<a role="button" href="#" class="btn btn-block btn-primary">More</a>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</td>
|
|
<td class="o_mail_h_padding o_mail_v_padding o_mail_col_mv">
|
|
<table cellspacing="0" cellpadding="0" class="o_mail_table_styles">
|
|
<thead>
|
|
<tr>
|
|
<th class="bg-o-color-2 o_mail_v_padding o_mail_col_mv">
|
|
<h2 class="text-center o_mail_no_margin">PRO</h2>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-center o_mail_col_mv bg-gray-lighter">
|
|
<p class="o_mail_display_coupon text-center" style="margin-top:10px;">$18</p>
|
|
<small>user / month (billed annually)</small>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" class="o_mail_v_padding o_mail_col_mv bg-gray-lighter">
|
|
<div class="separator"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_col_mv bg-gray-lighter">
|
|
<p><strong>Advanced</strong> features</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_col_mv bg-gray-lighter">
|
|
<p><strong>Total</strong> management</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_col_mv bg-gray-lighter">
|
|
<p><strong>Fully customizable</strong></p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_col_mv bg-gray-lighter">
|
|
<p><strong>24/7 Support</strong></p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td valign="top" class="o_mail_v_padding o_mail_col_mv bg-gray-lighter">
|
|
<div class="separator"></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" class="text-center o_mail_h_padding o_mail_col_mv bg-gray-lighter" style="padding-bottom: 20px;">
|
|
<a role="button" href="#" class="btn btn-block btn-primary">More</a>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_two_cols" name="Two Columns">
|
|
<div class="o_mail_block_two_cols">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_v_padding o_mail_col_table">
|
|
<tbody>
|
|
<tr>
|
|
<td style="vertical-align:top;width:270px;" class="o_mail_col_mv o_mail_col_container">
|
|
<div>
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_two_cols_1.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
<h4 class="text-center">Column title</h4>
|
|
<p class="text-center o_mail_no_margin">
|
|
Write one paragraph describing your product,
|
|
services or a specific feature. To be successful
|
|
your content needs to be useful to your readers.
|
|
</p>
|
|
<div class="text-center" style="margin-top:15px;">
|
|
<a role="button" href="#" class="btn btn-link">Read More...</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
|
|
<td style="vertical-align:top;width:270px;" class="o_mail_col_mv o_mail_col_container">
|
|
<div>
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_two_cols_2.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
<h4 class="text-center">Column title</h4>
|
|
<p class="text-center o_mail_no_margin">
|
|
Write one paragraph describing your product,
|
|
services or a specific feature. To be successful
|
|
your content needs to be useful to your readers.
|
|
</p>
|
|
<div class="text-center" style="margin-top:15px;">
|
|
<a role="button" href="#" class="btn btn-link">Read More...</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_three_cols" name="Three Columns">
|
|
<div class="o_mail_block_three_cols">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_v_padding o_mail_col_table">
|
|
<tbody>
|
|
<tr>
|
|
<td style="vertical-align:top;width:180px;" class="o_mail_col_mv o_mail_col_container">
|
|
<div>
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_three_cols_1.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
<h4 class="text-center">Column Title</h4>
|
|
<p class="text-center o_mail_no_margin">
|
|
A short description
|
|
</p>
|
|
<div class="text-center" style="margin-top:15px;">
|
|
<a role="button" href="#" class="btn btn-link">Read More...</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
|
|
<td style="vertical-align:top;width:180px;" class="o_mail_col_mv o_mail_col_container">
|
|
<div>
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_three_cols_2.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
<h4 class="text-center">Column Title</h4>
|
|
<p class="text-center o_mail_no_margin">
|
|
A short description
|
|
</p>
|
|
<div class="text-center" style="margin-top:15px;">
|
|
<a role="button" href="#" class="btn btn-link">Read More...</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
|
|
<td style="vertical-align:top;width:180px;" class="o_mail_col_mv o_mail_col_container">
|
|
<div>
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_three_cols_3.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
<h4 class="text-center">Column Title</h4>
|
|
<p class="text-center o_mail_no_margin">
|
|
A short description
|
|
</p>
|
|
<div class="text-center" style="margin-top:15px;">
|
|
<a role="button" href="#" class="btn btn-link">Read More...</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_image_text" name="Image - Text">
|
|
<div class="o_mail_block_image_text">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width:270px;text-align:center;vertical-align:middle" class="o_mail_col_mv o_mail_img_container o_mail_h_padding o_mail_v_padding">
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_image_text.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
</td>
|
|
<td style="width:270px;vertical-align:middle;text-align:center;" class="o_mail_col_mv o_mail_h_padding o_mail_v_padding">
|
|
<h3>Omnichannel sales</h3>
|
|
<p class="o_mail_no_margin" style="text-align:justify;">Get your inside sales (CRM) fully integrated with online sales (eCommerce), in-store sales (Point of Sale) and marketplaces like eBay and Amazon.</p>
|
|
<div class="text-center" style="margin-top:15px;">
|
|
<a role="button" href="#" class="btn btn-link">Read More...</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_text_image" name="Text - Image">
|
|
<div class="o_mail_block_text_image">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width:270px;vertical-align:middle;text-align:center;" class="o_mail_col_mv o_mail_h_padding o_mail_v_padding">
|
|
<h3>A unique value</h3>
|
|
<p class="o_mail_no_margin" style="text-align:justify;">The open source model of Odoo has allowed us to leverage thousands of developers and business experts to build hundreds of apps in just a few years.</p>
|
|
<div class="text-center" style="margin-top:15px;">
|
|
<a role="button" href="#" class="btn btn-link">Read More...</a>
|
|
</div>
|
|
</td>
|
|
<td style="width:270px;text-align:center;vertical-align:middle" class="o_mail_col_mv o_mail_img_container o_mail_h_padding o_mail_v_padding">
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_text_image.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_image" name="Image">
|
|
<div class="o_mail_block_image">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%" align="center" style="text-align:center" class="o_mail_h_padding">
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_image.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="100%" align="center" style="text-align:center" class="o_mail_h_padding">
|
|
<table>
|
|
<td class="bg-o-color-2 o_mail_v_padding">
|
|
<p class="text-center">With strong technical foundations, Odoo's framework is unique. It provides <strong>top notch usability that scales across all apps</strong>.</p>
|
|
</td>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_footer_separator" name="Separator">
|
|
<div class="o_mail_block_footer_separator">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_full_width_padding">
|
|
<tbody>
|
|
<tr>
|
|
<td valign="top" style="width:100%;" class="o_mail_v_padding o_mail_no_colorpicker">
|
|
<div style="width:100%;" class="separator"></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_footer_tag_line" name="Tag Line">
|
|
<div class="o_mail_block_footer_tag_line o_mail_no_colorpicker">
|
|
<div class="o_mail_snippet_general">
|
|
<table class="o_mail_table_styles o_mail_full_width_padding" align="center" cellpadding="0" cellspacing="0">
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-center o_mail_h_padding o_mail_v_padding bg-o-color-2">
|
|
<h3 style="margin:10px 0;">Apps That Help You Grow Your Business</h3>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center o_mail_h_padding o_mail_v_padding bg-o-color-2" style="padding:10px;">
|
|
&nbsp;
|
|
<a role="button" href="#" class="btn btn-primary">My Account</a>
|
|
&nbsp;
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="bg-o-color-2">
|
|
&nbsp;
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_discount2" name="Promo Code">
|
|
<div class="o_mail_block_discount2 mb32">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_h_padding">
|
|
<tbody>
|
|
<tr>
|
|
<td class="o_mail_v_padding">
|
|
<div class="text-center d-block mx-auto">
|
|
<p class="o_mail_display_coupon o_mail_no_margin text-center text-o-color-2" style="font-weight:800;">
|
|
$20
|
|
</p>
|
|
<h3 class="o_mail_no_margin">OFF YOUR NEXT ORDER!</h3>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">
|
|
<p class="text-center" style="margin-top:10px;">
|
|
Use This Promo Code BEFORE 1st of August
|
|
</p>
|
|
<p class="o_mail_h_padding text-center">
|
|
<span style="line-height: 30px;"><small>CODE: </small></span><strong class="o_code h3">45A9E77DGW8455</strong>
|
|
</p>
|
|
<p class="text-center">
|
|
and save $20 on your next order!
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="mb16 mt16 text-center">
|
|
<a role="button" href="#" class="btn btn-primary">Use now</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_discount1" name="Discount Offer">
|
|
<div class="o_mail_block_discount1">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellpadding="0" cellspacing="0" class="o_mail_table_styles">
|
|
<tbody>
|
|
<tr>
|
|
<td class="o_mail_h_padding o_mail_v_padding text-center o_mail_col_mv" width="250">
|
|
<table class="o_mail_table_styles">
|
|
<tr>
|
|
<td>
|
|
<p class="o_mail_display_coupon text-o-color-2 text-center o_mail_no_margin" style="font-weight:800;">20%</p>
|
|
<h4 class="text-o-color-2 text-center mt0 mb16" style="font-weight:800;">OFF</h4>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p class="text-center">FROM YOUR NEXT ORDER!</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center">
|
|
<a role="button" href="#" class="btn btn-primary">Redeem Discount!</a>
|
|
&nbsp;
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td class="o_mail_h_padding o_mail_v_padding o_mail_col_mv" width="350">
|
|
<p class="o_mail_no_margin">We are continuing to grow and we miss seeing you be a part of it! We've increased store hours and have lot's of new brands available. To welcome you back please accept this 20% discount on you next purchase by clicking the button.</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_event" name="Event">
|
|
<div class="o_mail_block_event o_mail_no_colorpicker">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellpadding="0" cellspacing="0" class="o_mail_table_styles">
|
|
<tr>
|
|
<td style="width:25%;min-height: 150px;vertical-align:middle;" class="bg-o-color-2 text-center o_mail_col_mv">
|
|
<div class="o_mail_h_padding o_mail_v_padding">
|
|
<h3 class="o_mail_no_margin">21 Jul</h3>
|
|
<p class="o_mail_no_margin">ALL DAY</p>
|
|
</div>
|
|
</td>
|
|
<td style="width:25%;min-height: 150px;" class="text-center bg-o-color-4 o_mail_col_mv">
|
|
<img src="/mass_mailing/static/src/img/theme_basic/s_default_image_block_event.jpg" class="d-block mx-auto" alt="Your Picture" />
|
|
</td>
|
|
<td class="o_mail_h_padding o_mail_v_padding o_mail_col_mv" style="min-height: 150px;">
|
|
<div style="min-height: 111px">
|
|
<h4>Cybersecurity</h4>
|
|
<p class="o_mail_no_margin">
|
|
Cyber-threats continue to increase.<br/>
|
|
The discussion will examine how to develop new norms and integrate them into EU
|
|
</p>
|
|
</div>
|
|
<div class="small mt16">
|
|
<a role="button" href="#" class="btn btn-primary">Registration</a>
|
|
<a role="button" href="#" class="btn btn-link" style="margin-left:10px">More Info</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_steps" name="Steps">
|
|
<div class="o_mail_block_steps o_mail_no_colorpicker">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_full_width_padding">
|
|
<tbody>
|
|
<tr>
|
|
<td class="o_mail_col_mv o_mail_h_padding o_mail_v_padding">
|
|
<table align="center">
|
|
<tr>
|
|
<td rowspan="2" class="text-right">
|
|
&nbsp;
|
|
<span class="fa fa-compass fa-2x text-o-color-4" role="img" aria-label="Choose" title="Choose"></span>
|
|
&nbsp;
|
|
</td>
|
|
<td style="padding-left:10px;">
|
|
<p class="o_mail_no_margin"><small>Step 1:</small></p>
|
|
<h4 class="o_mail_no_margin">Choose</h4>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td class="o_mail_col_mv o_mail_h_padding o_mail_v_padding">
|
|
<table align="center">
|
|
<tr>
|
|
<td rowspan="2" class="text-right">
|
|
&nbsp;
|
|
<span class="fa fa-credit-card fa-2x text-o-color-4" role="img" aria-label="Order" title="Order"></span>
|
|
&nbsp;
|
|
</td>
|
|
<td style="padding-left:10px;">
|
|
<p class="o_mail_no_margin"><small>Step 2:</small></p>
|
|
<h4 class="o_mail_no_margin ">Order</h4>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td class="o_mail_col_mv o_mail_h_padding o_mail_v_padding">
|
|
<table align="center">
|
|
<tr>
|
|
<td rowspan="2" class="text-right">
|
|
&nbsp;
|
|
<span class="fa fa-smile-o fa-2x text-o-color-4" role="img" aria-label="Enjoy" title="Enjoy"></span>
|
|
&nbsp;
|
|
</td>
|
|
<td style="padding-left:10px;">
|
|
<p class="o_mail_no_margin"><small>Step 3:</small></p>
|
|
<h4 class="o_mail_no_margin ">Enjoy!</h4>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_footer_social" name="Footer Center">
|
|
<div class="o_mail_block_footer_social o_mail_footer_social_center">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_full_width_padding">
|
|
<tbody>
|
|
<tr>
|
|
<td class="o_mail_footer_social">
|
|
<t t-call="mass_mailing.social_links"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="o_mail_footer_links">
|
|
<a role="button" href="/unsubscribe_from_list" class="btn btn-link">Unsubscribe</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p class="o_mail_footer_copy"><span class="fa fa-copyright" role="img" aria-label="Copyright" title="Copyright"/> 2016 All Rights Reserved</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="s_mail_block_footer_social_left" name="Footer Left">
|
|
<div class="o_mail_block_footer_social o_mail_footer_social_left">
|
|
<div class="o_mail_snippet_general">
|
|
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_full_width_padding">
|
|
<tbody>
|
|
<tr>
|
|
<td class="o_mail_footer_description">
|
|
<p t-if="res_company" class="o_mail_no_margin">
|
|
<strong><t t-esc="res_company.partner_id.name"/></strong>
|
|
</p>
|
|
<div class="o_mail_footer_links">
|
|
<a role="button" href="/unsubscribe_from_list" class="btn btn-link">Unsubscribe</a>
|
|
</div>
|
|
<div>
|
|
<p class="o_mail_footer_copy"><span class="fa fa-copyright" role="img" aria-label="Copyright" title="Copyright"/> 2016 All Rights Reserved</p>
|
|
</div>
|
|
</td>
|
|
<td class="o_mail_footer_social">
|
|
<t t-call="mass_mailing.social_links"/>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<template id="social_links">
|
|
|
|
<t t-set="social_links" t-value="company_id._get_social_media_links()"/>
|
|
|
|
<a t-if="social_links.get('social_facebook')" t-att-href="social_links.get('social_facebook')" aria-label="Facebook" title="Facebook">
|
|
<span class="fa fa-facebook"></span>
|
|
</a>
|
|
<a t-if="social_links.get('social_linkedin')" t-att-href="social_links.get('social_linkedin')" style="margin-left:10px" aria-label="LinkedIn" title="LinkedIn">
|
|
<span class="fa fa-linkedin"></span>
|
|
</a>
|
|
<a t-if="social_links.get('social_twitter')" t-att-href="social_links.get('social_twitter')" style="margin-left:10px" aria-label="Twitter" title="Twitter">
|
|
<span class="fa fa-twitter"></span>
|
|
</a>
|
|
<a t-if="social_links.get('social_instagram')" t-att-href="social_links.get('social_instagram')" style="margin-left:10px" aria-label="Instagram" title="Instagram">
|
|
<span class="fa fa-instagram"></span>
|
|
</a>
|
|
</template>
|
|
|
|
<!-- Snippet themes Options -->
|
|
<template id="snippet_options">
|
|
<t t-call="web_editor.snippet_options"/>
|
|
<t t-raw="0"/>
|
|
|
|
<div data-js="mass_mailing_sizing_x"
|
|
data-selector="img, .mv, .col_mv, td, th"
|
|
data-exclude=".o_mail_no_resize, .o_mail_no_options"/>
|
|
|
|
<div data-js="mass_mailing_table_item"
|
|
data-selector="td, th"
|
|
data-exclude=".o_mail_no_options"/>
|
|
|
|
<div data-js="table_row"
|
|
data-selector="tr:has(> .row), tr:has(> .col_mv)"
|
|
data-exclude=".o_mail_no_options"
|
|
data-drop-near="tr:has(> .row), tr:has(> .col_mv)"/>
|
|
|
|
<div data-js="table_column"
|
|
data-selector=".col>td, .col>th"
|
|
data-exclude=".o_mail_no_options"
|
|
data-drop-near=".col>td, .col>th"/>
|
|
|
|
<div data-js="table_column_mv"
|
|
data-selector=".col_mv, td, th"
|
|
data-exclude=".o_mail_no_options"
|
|
data-drop-near=".col_mv, td, th"/>
|
|
|
|
<t t-set="mailing_content_selector" t-translation="off">.note-editable > div:not(.o_layout), .note-editable .oe_structure > div, .oe_snippet_body</t>
|
|
<div data-js="content"
|
|
t-att-data-selector="mailing_content_selector"
|
|
data-exclude=".o_mail_no_options"
|
|
data-drop-near="[data-oe-field='body_html']:not(:has(.o_layout)) > *, .oe_structure > *"
|
|
data-drop-in="[data-oe-field='body_html']:not(:has(.o_layout)), .oe_structure"/>
|
|
|
|
<div data-js="SnippetSave"
|
|
t-att-data-selector="mailing_content_selector">
|
|
<we-button class="fa fa-fw fa-save"
|
|
title="Save the block to use it elsewhere"
|
|
data-save-snippet=""
|
|
data-no-preview="true"/>
|
|
</div>
|
|
|
|
<div data-js="sizing_y"
|
|
data-selector=".note-editable > div:not(.o_layout), .note-editable .oe_structure > div, td, th"
|
|
data-exclude=".o_mail_no_resize, .o_mail_no_options"/>
|
|
|
|
<div data-selector=".note-editable > div:not(.o_layout), .note-editable .oe_structure > div, td, th"
|
|
data-exclude=".o_mail_no_colorpicker, .o_mail_no_options">
|
|
<we-colorpicker string="Background Color"
|
|
data-select-style="true"
|
|
data-css-property="background-color"
|
|
data-color-prefix="bg-"/>
|
|
</div>
|
|
</template>
|
|
</odoo>
|