[IMP] mass_mailing,mass_mailing_themes: snippets adjustments
In order for all snippets to be better supported by the builder and its new design-tab, some changes were needed. A lot of snippets used bootstrap classes (ex: for text alignment), these have been replaced by inline styles so they can be overridden by the editor. The templates have also been adapted so as to use the newest versions of these snippets. task-2835454 closes odoo/odoo#95940 Related: odoo/upgrade#3762 Signed-off-by: David Monjoie (dmo) <dmo@odoo.com>
Odoo's Mergebot
@@ -61,6 +61,7 @@
|
||||
'views/snippets/s_color_blocks_2.xml',
|
||||
'views/snippets/s_company_team.xml',
|
||||
'views/snippets/s_comparisons.xml',
|
||||
'views/snippets/s_event.xml',
|
||||
'views/snippets/s_features.xml',
|
||||
'views/snippets/s_features_grid.xml',
|
||||
'views/snippets/s_hr.xml',
|
||||
@@ -118,7 +119,6 @@
|
||||
'mass_mailing/static/tests/field_html_test.js',
|
||||
'mass_mailing/static/tests/mass_mailing_favourite_filter_tests.js',
|
||||
'mass_mailing/static/src/js/mass_mailing_snippets.js',
|
||||
'mass_mailing/static/src/snippets/s_blockquote/options.js',
|
||||
'mass_mailing/static/src/snippets/s_media_list/options.js',
|
||||
'mass_mailing/static/src/snippets/s_showcase/options.js',
|
||||
'mass_mailing/static/src/snippets/s_rating/options.js',
|
||||
|
||||
@@ -1,192 +1,162 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<data noupdate="1">
|
||||
<data noupdate="0">
|
||||
<!-- Snippets' Default Images -->
|
||||
<record id="mass_mailing.s_cover_default_image" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_cover_default_image.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_block_banner.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_cover.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_media_list_default_image_1" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_media_list_default_image_1.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_1.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_media_list_1.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_media_list_default_image_2" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_media_list_default_image_2.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_2.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_media_list_2.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_media_list_default_image_3" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_media_list_default_image_3.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_3.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_media_list_3.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_company_team_default_image_1" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_company_team_default_image_1.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_1-circle.png</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_1.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_company_team_default_image_2" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_company_team_default_image_2.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_2-circle.png</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_2.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_company_team_default_image_3" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_company_team_default_image_3.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_3-circle.png</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_3.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_company_team_default_image_4" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_company_team_default_image_4.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_4-circle.png</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_4.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_reference_demo_image_1" model="ir.attachment">
|
||||
<record id="mass_mailing.s_reference_default_image_1" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_reference_demo_image_1.png</field>
|
||||
<field name="name">s_reference_default_image_1.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_1.png</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_references_1.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_reference_demo_image_2" model="ir.attachment">
|
||||
<record id="mass_mailing.s_reference_default_image_2" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_reference_demo_image_2.png</field>
|
||||
<field name="name">s_reference_default_image_2.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_2.png</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_references_2.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_reference_demo_image_3" model="ir.attachment">
|
||||
<record id="mass_mailing.s_reference_default_image_3" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_reference_demo_image_3.png</field>
|
||||
<field name="name">s_reference_default_image_3.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_3.png</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_references_3.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_reference_demo_image_4" model="ir.attachment">
|
||||
<record id="mass_mailing.s_reference_default_image_4" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_reference_demo_image_4.png</field>
|
||||
<field name="name">s_reference_default_image_4.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_4.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_reference_demo_image_5" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_reference_demo_image_5.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_5.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_reference_default_image_6" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_reference_default_image_6.png</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_6.png</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_references_4.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_product_list_default_image_1" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_product_list_default_image_1.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/furniture.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_product_1.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_product_list_default_image_2" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_product_list_default_image_2.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/clothes.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_product_2.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_product_list_default_image_3" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_product_list_default_image_3.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/books.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_product_list_default_image_4" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_product_list_default_image_4.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/essentials_oils.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_product_list_default_image_5" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_product_list_default_image_5.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/services.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_product_list_default_image_6" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_product_list_default_image_6.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/multimedia.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_product_3.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_blockquote_default_image" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_blockquote_default_image.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_2.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_blockquote_cover_default_image" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_blockquote_cover_default_image.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_blockquote_cover.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_team_member_2.png</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_image_text_default_image" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_image_text_default_image.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_block_image_text.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_image_text.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_mail_block_event_default_image" model="ir.attachment">
|
||||
<record id="mass_mailing.s_event_default_image_1" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_mail_block_event_default_image.jpg</field>
|
||||
<field name="name">s_event_default_image_1.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_block_event.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_event_1.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_event_default_image_2" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_event_default_image_2.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_event_2.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_masonry_block_default_image_1" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_masonry_block_default_image_1.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_masonry_block_1.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_masonry_block_1.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_masonry_block_default_image_2" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_masonry_block_default_image_2.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_cover.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_masonry_block_2.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_picture_default_image" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_picture_default_image.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_block_image.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_picture.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_text_image_default_image" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_text_image_default_image.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_block_text_image.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_text_image.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_three_columns_default_image_1" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_three_columns_default_image_1.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_1.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_three_cols_1.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_three_columns_default_image_2" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_three_columns_default_image_2.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_2.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_three_cols_2.jpg</field>
|
||||
</record>
|
||||
<record id="mass_mailing.s_three_columns_default_image_3" model="ir.attachment">
|
||||
<field name="public" eval="True"/>
|
||||
<field name="name">s_three_columns_default_image_3.jpg</field>
|
||||
<field name="type">url</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_3.jpg</field>
|
||||
<field name="url">/mass_mailing/static/src/img/theme_default/s_default_image_three_cols_3.jpg</field>
|
||||
</record>
|
||||
</data>
|
||||
</odoo>
|
||||
|
||||
@@ -61,7 +61,7 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.o_mail_table_styles {
|
||||
.o_mail_snippet_general .container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.s_header_social table td, .s_header_text_social table td, .s_header_logo table td,
|
||||
@@ -103,7 +103,7 @@
|
||||
</p>
|
||||
<p>
|
||||
<t t-if="mailing.ab_testing_winner_selection == 'manual'">Don't forget to send your preferred version</t>
|
||||
<t t-elif="not mailing.ab_testing_schedule_datetime">Since the date and time for this test has not been scheduled, don't forget to manually send your preferred version.</t>
|
||||
<t t-elif="not mailing.ab_testing_schedule_datetime">Since the date and time for this test has not been scheduled, don't forget to manually send your preferred version.</t>
|
||||
<t t-else="">
|
||||
Then on <b><t t-out="mailing.ab_testing_schedule_datetime.strftime('%b %d, %Y')"/></b> the <t t-out="mailing.mailing_type_description"/> having the <b><t t-out="ab_testing_winner_selection_description"/></b> will be sent
|
||||
</t> to the remaining <t t-out="remaining_ab_testing_pc"/>% of recipients.
|
||||
|
||||
@@ -92,7 +92,7 @@
|
||||
<div class="col o_mail_no_options o_mail_wrapper_td bg-white oe_structure" style="text-align:left;width:100%;">
|
||||
<div class="o_mail_block_header_logo" data-snippet="s_mail_block_header_logo">
|
||||
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
|
||||
<div class="container o_mail_table_styles o_mail_h_padding" style="padding:0 20px 0 20px;width:100%;border-collapse:separate;">
|
||||
<div class="container o_mail_h_padding" style="padding:0 20px 0 20px;width:100%;border-collapse:separate;">
|
||||
<div class="row">
|
||||
<div valign="center" width="30%" class="col text-center o_mail_v_padding pb0" style="padding:20px 0 0px 0;vertical-align:middle;text-align:center;">
|
||||
<a href="http://www.example.com" style="text-decoration:none;font-weight:bold;background-color:transparent;color:rgb(100, 89, 116);">
|
||||
@@ -105,7 +105,7 @@
|
||||
</div>
|
||||
<div class="o_mail_block_footer_separator" data-snippet="s_hr" style="margin:0 20px 0 20px;">
|
||||
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
|
||||
<div class="container o_mail_table_styles o_mail_full_width_padding" style="width:100%;border-collapse:separate;">
|
||||
<div class="container" style="width:100%;border-collapse:separate;">
|
||||
<div class="row">
|
||||
<div valign="top" style="padding:20px 0 20px 0;text-align:left;vertical-align:top;width:100%;" class="col o_mail_v_padding o_mail_no_colorpicker">
|
||||
<div style="background-color:rgb(245, 245, 245);height:2px;width:100%;" class="separator"></div>
|
||||
@@ -116,7 +116,7 @@
|
||||
</div>
|
||||
<div class="o_mail_block_text" data-snippet="s_text_block">
|
||||
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
|
||||
<div class="container o_mail_table_styles" style="width:100%;border-collapse:separate;">
|
||||
<div class="container" style="width:100%;border-collapse:separate;">
|
||||
<div class="row">
|
||||
<div class="col-12 o_mail_h_padding o_mail_v_padding o_mail_no_colorpicker" style="padding:20px;text-align:left;vertical-align:top;">
|
||||
<p style="margin:0px 0 1rem 0;font-size:14px;">
|
||||
@@ -130,7 +130,7 @@
|
||||
</div>
|
||||
<div class="o_mail_block_footer_social o_mail_footer_social_center" data-snippet="s_mail_block_footer_social">
|
||||
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
|
||||
<div align="center" class="o_mail_table_styles container o_mail_full_width_padding" style="border-style:solid none none none;padding:20px 0 20px 0;border-top-color:rgb(245, 245, 245);border-top-width:2px;width:100%;border-collapse:separate;">
|
||||
<div align="center" class="container" style="border-style:solid none none none;padding:20px 0 20px 0;border-top-color:rgb(245, 245, 245);border-top-width:2px;width:100%;border-collapse:separate;">
|
||||
<div class="row">
|
||||
<div class="col o_mail_footer_links o_default_snippet_text" style="padding:10px 0 10px 0;text-align:center;vertical-align:middle;">
|
||||
<a href="/unsubscribe_from_list" class="btn btn-link o_default_snippet_text" style="text-decoration:none;border-radius:0.25rem;border-style:solid;padding:0px;cursor:pointer;line-height:1.5;font-size:12px;border-start-color:transparent;border-bottom-color:transparent;border-end-color:transparent;border-top-color:transparent;border-start-width:1px;border-bottom-width:1px;border-end-width:1px;border-top-width:1px;user-select:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:bold;display:inline-block;background-color:transparent;color:rgb(100, 89, 116);">Unsubscribe</a> |
|
||||
@@ -151,7 +151,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div align="center" class="container o_mail_table_styles o_mail_full_width_padding" style="width:100%;border-collapse:separate;">
|
||||
<div align="center" class="container" style="width:100%;border-collapse:separate;">
|
||||
<div class="row">
|
||||
<div align="center" style="padding:16px 0 16px 0;" class="col pt16 pb16">
|
||||
Powered by <a target="_blank" href="https://www.odoo.com" style="text-decoration:none;background-color:transparent;color:#875A7B;">Odoo</a>
|
||||
|
||||
|
Before Width: | Height: | Size: 604 B |
|
Before Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 611 B |
|
Before Width: | Height: | Size: 240 B |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 689 B |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 22 KiB |
@@ -1,10 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="12" viewBox="0 0 23 12">
|
||||
<g fill="none" fill-rule="evenodd" class="symbols">
|
||||
<g class="3_buttons_copy_7" transform="translate(-203 -5)">
|
||||
<g class="size_large" transform="translate(203 5)">
|
||||
<path fill="#B8B8B8" d="M23 0v12H0V0h23zm-1 1H1v10h21V1z" class="o_subdle"/>
|
||||
<rect width="19" height="8" x="2" y="2" fill="#FFF" class="o_graphic"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 459 B |
@@ -1,10 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="12" viewBox="0 0 23 12">
|
||||
<g fill="none" fill-rule="evenodd" class="symbols">
|
||||
<g class="3_buttons_copy_7" transform="translate(-170 -5)">
|
||||
<g class="size_medium" transform="translate(170 5)">
|
||||
<path fill="#B8B8B8" d="M23 0v12H0V0h23zm-4 2H4v8h15V2z" class="o_subdle"/>
|
||||
<rect width="13" height="6" x="5" y="3" fill="#FFF" class="o_graphic"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 459 B |
@@ -1,10 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="12" viewBox="0 0 23 12">
|
||||
<g fill="none" fill-rule="evenodd" class="symbols">
|
||||
<g class="3_buttons_copy_7" transform="translate(-137 -5)">
|
||||
<g class="size_small" transform="translate(137 5)">
|
||||
<path fill="#B8B8B8" d="M23 0v12H0V0h23zm-8 3H8v6h7V3z" class="o_subdle"/>
|
||||
<rect width="5" height="4" x="9" y="4" fill="#FFF" class="o_graphic"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 456 B |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 5.7 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 5.3 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 7.9 KiB |
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 7.2 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,100 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 82 60" style="enable-background:new 0 0 82 60;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#path-8_00000095300066650753250720000002666093597020083331_);}
|
||||
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:url(#path-8_00000093149943742714831120000011055561218156940933_);}
|
||||
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
|
||||
.st3{fill-rule:evenodd;clip-rule:evenodd;}
|
||||
.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;fill-opacity:0.348;}
|
||||
.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;fill-opacity:0.78;}
|
||||
.st6{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000153707667966277653250000009137429941846899595_);}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="path-8_00000176010670027675938670000004938458339886343844_" gradientUnits="userSpaceOnUse" x1="-1176.5044" y1="56.8991" x2="-1176.5044" y2="57.9573" gradientTransform="matrix(12.2244 0 0 12.2244 14408.0605 -682.6234)">
|
||||
<stop offset="0" style="stop-color:#00A09D"/>
|
||||
<stop offset="1" style="stop-color:#00E2FF"/>
|
||||
</linearGradient>
|
||||
|
||||
<path id="path-8_00000101807681392685050550000002881477577771196326_" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#path-8_00000176010670027675938670000004938458339886343844_);" d="
|
||||
M26.9,16.1l2.4,2.4L25,22.8l-2.4-2.4L26.9,16.1L26.9,16.1z M25.3,23.5l4.7-4.7c0.2-0.2,0.2-0.2,0.2-0.3c0-0.2,0-0.3-0.2-0.3
|
||||
l-2.7-2.7c-0.2-0.2-0.2-0.2-0.3-0.2c-0.2,0-0.3,0-0.3,0.2l-4.7,4.7c-0.2,0.2-0.2,0.2-0.2,0.3c0,0.2,0,0.3,0.2,0.3l2.7,2.7
|
||||
c0.2,0.2,0.2,0.2,0.3,0.2C25,23.6,25.1,23.6,25.3,23.5L25.3,23.5z M32,18.7l-6.9,6.9c-0.2,0.2-0.5,0.3-0.6,0.3
|
||||
c-0.3,0-0.5-0.2-0.6-0.3l-1-1c0.3-0.3,0.5-0.6,0.5-1c0-0.5-0.2-0.8-0.5-1c-0.3-0.3-0.6-0.5-1-0.5c-0.5,0-0.8,0.2-1,0.5l-1-1
|
||||
c-0.2-0.2-0.3-0.5-0.3-0.6c0-0.3,0.2-0.5,0.3-0.6l6.9-6.9c0.2-0.2,0.5-0.3,0.6-0.3c0.3,0,0.5,0.2,0.6,0.3l1,1
|
||||
c-0.3,0.3-0.5,0.6-0.5,1c0,0.5,0.2,0.8,0.5,1c0.3,0.3,0.6,0.5,1,0.5c0.5,0,0.8-0.2,1-0.5l1,1c0.2,0.2,0.3,0.5,0.3,0.6
|
||||
C32.4,18.2,32.2,18.5,32,18.7L32,18.7z"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="path-8_00000132811078807879644690000010232793767224656295_" gradientUnits="userSpaceOnUse" x1="-1174.0503" y1="56.8991" x2="-1174.0503" y2="57.9573" gradientTransform="matrix(12.2244 0 0 12.2244 14408.0605 -682.6234)">
|
||||
<stop offset="0" style="stop-color:#00A09D"/>
|
||||
<stop offset="1" style="stop-color:#00E2FF"/>
|
||||
</linearGradient>
|
||||
|
||||
<path id="path-8_00000013173299018101056130000011854440310922134964_" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#path-8_00000132811078807879644690000010232793767224656295_);" d="
|
||||
M56.9,16.1l2.4,2.4L55,22.8l-2.4-2.4L56.9,16.1L56.9,16.1z M55.3,23.5l4.7-4.7c0.2-0.2,0.2-0.2,0.2-0.3c0-0.2,0-0.3-0.2-0.3
|
||||
l-2.7-2.7c-0.2-0.2-0.2-0.2-0.3-0.2c-0.2,0-0.3,0-0.3,0.2l-4.7,4.7c-0.2,0.2-0.2,0.2-0.2,0.3c0,0.2,0,0.3,0.2,0.3l2.7,2.7
|
||||
c0.2,0.2,0.2,0.2,0.3,0.2C55.1,23.6,55.3,23.6,55.3,23.5L55.3,23.5z M62,18.7l-6.9,6.9c-0.2,0.2-0.5,0.3-0.6,0.3
|
||||
c-0.3,0-0.5-0.2-0.6-0.3l-1-1c0.3-0.3,0.5-0.6,0.5-1c0-0.5-0.2-0.8-0.5-1c-0.3-0.3-0.6-0.5-1-0.5c-0.5,0-0.8,0.2-1,0.5l-1-1
|
||||
c-0.2-0.2-0.3-0.5-0.3-0.6c0-0.3,0.2-0.5,0.3-0.6l6.9-6.9c0.2-0.2,0.5-0.3,0.6-0.3c0.3,0,0.5,0.2,0.6,0.3l1,1
|
||||
c-0.3,0.3-0.5,0.6-0.5,1c0,0.5,0.2,0.8,0.5,1c0.3,0.3,0.6,0.5,1,0.5c0.5,0,0.8-0.2,1-0.5l1,1c0.2,0.2,0.3,0.5,0.3,0.6
|
||||
C62.4,18.2,62.4,18.5,62,18.7L62,18.7z"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1123.9047" y1="237.1782" x2="-1122.5414" y2="237.3699" gradientTransform="matrix(8 0 0 3 9011 -665)">
|
||||
<stop offset="0" style="stop-color:#00A09D"/>
|
||||
<stop offset="1" style="stop-color:#00E2FF"/>
|
||||
</linearGradient>
|
||||
<rect x="19.7" y="44.8" class="st2" width="11" height="4"/>
|
||||
<g>
|
||||
<g>
|
||||
<path id="path-7" class="st3" d="M29.3,40.8v1H16v-1H29.3z M34.3,36.8v1H16v-1H34.3z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path id="path-7_00000049188432945054382670000012999828447748560522_" class="st4" d="M29.3,40.8v1H16v-1H29.3z M34.3,36.8v1
|
||||
H16v-1H34.3z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect id="path-11_00000042727771948489652620000007994651315568149948_" x="16" y="30.8" class="st3" width="20" height="3"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect id="path-11_00000069378958481318337710000011278380222473405829_" x="16" y="30.8" class="st5" width="20" height="3"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_00000046328548324713994340000006507111683487087778_" gradientUnits="userSpaceOnUse" x1="-1120.0671" y1="237.1759" x2="-1118.7037" y2="237.3676" gradientTransform="matrix(8 0 0 3 9011 -665)">
|
||||
<stop offset="0" style="stop-color:#00A09D"/>
|
||||
<stop offset="1" style="stop-color:#00E2FF"/>
|
||||
</linearGradient>
|
||||
|
||||
<rect x="50.5" y="44.8" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000046328548324713994340000006507111683487087778_);" width="11" height="4"/>
|
||||
<g>
|
||||
<g>
|
||||
<path id="path-7_00000073694205868785683900000016232603875333593771_" class="st3" d="M59.3,40.8v1H46v-1H59.3z M64.3,36.8v1
|
||||
H46v-1H64.3z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path id="path-7_00000132075829523470887660000004823225826125989510_" class="st4" d="M59.3,40.8v1H46v-1H59.3z M64.3,36.8v1
|
||||
H46v-1H64.3z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<rect id="path-11_00000073705521831743585720000001575955891273760656_" x="46" y="30.8" class="st3" width="20" height="3"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect id="path-11_00000027596513270444160320000018432938704865459642_" x="46" y="30.8" class="st5" width="20" height="3"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 917 B |
|
Before Width: | Height: | Size: 917 B |
|
Before Width: | Height: | Size: 917 B |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 63 KiB |
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6.1 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 38 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 8.2 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 909 B |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 153 B |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 2.9 KiB |
@@ -28,7 +28,7 @@ export const PRIORITY_STYLES = {
|
||||
'a:not(.btn)': [],
|
||||
'a.btn.btn-primary': [],
|
||||
'a.btn.btn-secondary': [],
|
||||
'hr': ['border-top-color'],
|
||||
'hr': ['border-top-width','border-top-style','border-top-color'],
|
||||
};
|
||||
export const RE_CSS_TEXT_MATCH = /([^{]+)([^}]+)/;
|
||||
export const RE_SELECTOR_ENDS_WITH_GT_STAR = />\s*\*\s*$/;
|
||||
|
||||
@@ -16,7 +16,6 @@ var MassMailingFieldHtml = FieldHtml.extend({
|
||||
jsLibs: [
|
||||
'/mass_mailing/static/src/js/mass_mailing_link_dialog_fix.js',
|
||||
'/mass_mailing/static/src/js/mass_mailing_snippets.js',
|
||||
'/mass_mailing/static/src/snippets/s_blockquote/options.js',
|
||||
'/mass_mailing/static/src/snippets/s_masonry_block/options.js',
|
||||
'/mass_mailing/static/src/snippets/s_media_list/options.js',
|
||||
'/mass_mailing/static/src/snippets/s_showcase/options.js',
|
||||
|
||||
@@ -137,11 +137,6 @@ div.col:not([align]) {
|
||||
|
||||
// ===== Snippets (specific) =====
|
||||
.o_mail_block_header_social, .o_mail_block_header_text_social, .o_mail_block_header_logo {
|
||||
.o_mail_logo_container {
|
||||
img {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.o_mail_header_social {
|
||||
a:not(.btn), .btn.btn-link {
|
||||
display: inline-block;
|
||||
@@ -156,29 +151,6 @@ div.col:not([align]) {
|
||||
.btn-link{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.o_mail_table_styles {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.o_mail_footer_social > a {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
.o_mail_footer_links {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.o_mail_footer_copy {
|
||||
font-size: 9px;
|
||||
color: lighten($o-mm-def-text-color, 30%);
|
||||
}
|
||||
|
||||
&.o_mail_footer_social_center {
|
||||
.o_mail_footer_social, .o_mail_footer_links, .o_mail_footer_copy {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// -- Bootstrap overrides for transparent colors -- //
|
||||
@@ -199,15 +171,8 @@ div.col:not([align]) {
|
||||
}
|
||||
|
||||
// ===== Misc =====
|
||||
.o_mail_no_margin {
|
||||
margin: 0;
|
||||
|
||||
&.o_mail_display_coupon {
|
||||
line-height: 1.1;
|
||||
}
|
||||
}
|
||||
|
||||
.o_mail_table_styles {
|
||||
.o_mail_snippet_general .container {
|
||||
width: 100%;
|
||||
border-collapse:separate;
|
||||
}
|
||||
@@ -220,3 +185,34 @@ div.col:not([align]) {
|
||||
div.col[class*="mb"], div.col[class*="mt"] {
|
||||
margin: 0!important;
|
||||
}
|
||||
|
||||
// DEFAULT_CSS styles
|
||||
|
||||
.o_mail_wrapper {
|
||||
h1 {
|
||||
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
|
||||
}
|
||||
h2 {
|
||||
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
|
||||
}
|
||||
h3 {
|
||||
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
|
||||
}
|
||||
p, p > *, li, li > * {
|
||||
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
|
||||
}
|
||||
a.btn-primary, a.btn-outline-primary, a.btn-fill-primary {
|
||||
color: #FFFFFF;
|
||||
background-color: #35979c;
|
||||
border-color: #35979c;
|
||||
}
|
||||
a.btn-secondary, a.btn-outline-secondary, a.btn-fill-secondary {
|
||||
color: #FFFFFF;
|
||||
background-color: #685563;
|
||||
border-color: #685563;
|
||||
}
|
||||
hr {
|
||||
border-top-color: #212529;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,23 +1,29 @@
|
||||
.o_mail_snippet_general .s_mail_alert [class^="col-lg"]{
|
||||
padding-left: 0!important;
|
||||
padding-right: 0!important;
|
||||
}
|
||||
|
||||
.s_mail_alert {
|
||||
margin: $grid-gutter-width/2 0;
|
||||
border-width: $alert-border-width;
|
||||
border-style: solid;
|
||||
border-radius: $alert-border-radius;
|
||||
p, ul, ol {
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
.s_alert {
|
||||
margin: auto;
|
||||
border-width: $alert-border-width;
|
||||
border-style: solid;
|
||||
border-radius: $alert-border-radius;
|
||||
p, ul, ol {
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.s_alert_sm {
|
||||
.s_alert_sm {
|
||||
padding: $grid-gutter-width/3;
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
&.s_alert_md {
|
||||
.s_alert_md {
|
||||
padding: $grid-gutter-width/2;
|
||||
font-size: $font-size-base;
|
||||
}
|
||||
&.s_alert_lg {
|
||||
.s_alert_lg {
|
||||
padding: $grid-gutter-width;
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
|
||||
@@ -1,45 +0,0 @@
|
||||
odoo.define('mass_mailing.s_blockquote_options', function (require) {
|
||||
'use strict';
|
||||
|
||||
const options = require('web_editor.snippets.options');
|
||||
|
||||
options.registry.Blockquote = options.Class.extend({
|
||||
|
||||
//--------------------------------------------------------------------------
|
||||
// Options
|
||||
//--------------------------------------------------------------------------
|
||||
|
||||
/**
|
||||
* Change blockquote design.
|
||||
*
|
||||
* @see this.selectClass for parameters
|
||||
*/
|
||||
display: function (previewMode, widgetValue, params) {
|
||||
|
||||
// Classic
|
||||
this.$target.find('.s_blockquote_avatar').toggleClass('d-none', widgetValue !== 'classic');
|
||||
|
||||
// Cover
|
||||
const $blockquote = this.$target.find('.s_blockquote_content');
|
||||
if (widgetValue === 'cover') {
|
||||
$blockquote.css({"background-image": "url('/web/image/mass_mailing.s_blockquote_cover_default_image')"});
|
||||
$blockquote.addClass('oe_img_bg o_bg_img_center');
|
||||
if (!$blockquote.find('.o_we_bg_filter').length) {
|
||||
const bgFilterEl = document.createElement('div');
|
||||
bgFilterEl.classList.add('o_we_bg_filter', 'bg-white-50');
|
||||
$blockquote.prepend(bgFilterEl);
|
||||
}
|
||||
} else {
|
||||
$blockquote.css({"background-image": ""});
|
||||
$blockquote.css({"background-position": ""});
|
||||
$blockquote.removeClass('oe_img_bg o_bg_img_center');
|
||||
$blockquote.find('.o_we_bg_filter').remove();
|
||||
$blockquote.find('.s_blockquote_filter').contents().unwrap(); // Compatibility
|
||||
}
|
||||
|
||||
// Minimalist
|
||||
this.$target.find('.s_blockquote_icon').toggleClass('d-none', widgetValue === 'minimalist');
|
||||
this.$target.find('footer').toggleClass('d-none', widgetValue === 'minimalist');
|
||||
},
|
||||
});
|
||||
});
|
||||
@@ -1,3 +1,7 @@
|
||||
.o_mail_snippet_general .s_rating{
|
||||
padding-left: 0!important;
|
||||
padding-right: 0!important;
|
||||
}
|
||||
|
||||
.s_rating[data-vcss="001"] {
|
||||
&.s_rating_inline {
|
||||
|
||||
@@ -1,43 +1,44 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_alert" name="Alert">
|
||||
<div class="s_mail_alert s_alert_md alert-info w-100 clearfix o_mail_snippet_general pt16 pb16 px-3" data-snippet="s_alert">
|
||||
<div class="s_alert_icon" valign="top">
|
||||
<i class="fa fa-2x fa-info-circle"/>
|
||||
</div>
|
||||
<div class="s_alert_content">
|
||||
<p><b>Explain the benefits you offer</b>
|
||||
<br/>Don't write about products or services here, write about solutions.</p>
|
||||
<div class="s_mail_alert o_mail_snippet_general pt16 pb16 mx-auto">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="s_alert s_alert_md s_alert_info w-100" style="background-color: rgb(209 236 241); border-width: 1px !important; border-color: rgb(190 229 235) !important;">
|
||||
<div class="s_alert_icon" valign="top">
|
||||
<i class="fa fa-2x fa-info-circle" style="color: rgb(12 84 96);"/>
|
||||
</div>
|
||||
<div class="s_alert_content">
|
||||
<h3><span style="color: rgb(12 84 96); font-size: 16px; font-weight: bolder;">Explain the benefits you offer</span></h3>
|
||||
<p><font style="color: rgb(12 84 96);">Don't write about products or services here, write about solutions.</font></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template id="s_alert_options" inherit_id="mass_mailing.snippet_options">
|
||||
<xpath expr="//div[@id='so_width']" position="before">
|
||||
<div data-selector=".s_mail_alert" data-js="Alert">
|
||||
<we-select string="Type" data-apply-to=".fa.s_alert_icon" data-trigger="alert_colorpicker_opt">
|
||||
<we-button data-select-class="fa-user-circle" data-trigger-value="primary">Primary</we-button>
|
||||
<we-button data-select-class="fa-user-circle-o" data-trigger-value="secondary">Secondary</we-button>
|
||||
<we-button data-select-class="fa-info-circle" data-trigger-value="info">Info</we-button>
|
||||
<we-button data-select-class="fa-check-circle" data-trigger-value="success">Success</we-button>
|
||||
<we-button data-select-class="fa-exclamation-triangle" data-trigger-value="warning">Warning</we-button>
|
||||
<we-button data-select-class="fa-exclamation-circle" data-trigger-value="danger">Danger</we-button>
|
||||
</we-select>
|
||||
</div>
|
||||
</xpath>
|
||||
<!-- Keep those options in separate xpath for options order -->
|
||||
<xpath expr="//div[@id='so_width']" position="after">
|
||||
<div data-selector=".s_mail_alert">
|
||||
<div data-selector=".s_mail_alert .s_alert">
|
||||
<we-select string="Size">
|
||||
<we-button data-select-class="s_alert_sm">Small</we-button>
|
||||
<we-button data-select-class="s_alert_md">Medium</we-button>
|
||||
<we-button data-select-class="s_alert_lg">Large</we-button>
|
||||
</we-select>
|
||||
<we-colorpicker string="Color" data-name="alert_colorpicker_opt"
|
||||
<we-colorpicker string="Background Color" data-name="alert_colorpicker_opt"
|
||||
data-select-style="true"
|
||||
data-css-property="background-color"
|
||||
data-color-prefix="alert-"/>
|
||||
</div>
|
||||
<div data-selector=".s_mail_alert .s_alert">
|
||||
<t t-call="mass_mailing.snippet_options_border_widgets">
|
||||
<t t-set="so_rounded_no_dependencies" t-value="True"/>
|
||||
</t>
|
||||
</div>
|
||||
</xpath>
|
||||
</template>
|
||||
|
||||
|
||||
@@ -2,23 +2,23 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_blockquote" name="Blockquote">
|
||||
<div class="s_mail_blockquote o_cc o_cc2 pt16 pb16 o_mail_snippet_general s_blockquote_classic blockquote mb-0" data-snippet="s_blockquote">
|
||||
<div class="s_mail_blockquote blockquote o_mail_snippet_general o_cc o_cc2 pt16 pb16 mb-0 w-100">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-1 d-flex align-items-start o_mail_no_resize" valign="top" align="right">
|
||||
<i class="s_blockquote_icon fa fa-1x fa-quote-left"/>
|
||||
<div class="col-lg-1 pb80" style="text-align: right;">
|
||||
<i class="fa fa-quote-left"/>
|
||||
</div>
|
||||
<div class="col-lg-10 px-0">
|
||||
<div class="s_blockquote_content">
|
||||
<div class="col-lg-10">
|
||||
<div>
|
||||
<p><i>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</i></p>
|
||||
<div>
|
||||
<img src="/mass_mailing/static/src/img/theme_default/team_member_2-circle.png" style="width: 40px" class="img me-2" data-original-id="361" data-original-src="/mass_mailing/static/src/img/theme_default/s_default_image_team_member_2.jpg" data-mimetype="image/svg+xml" data-shape="mass_mailing/basic/circle" data-file-name="team_member_2-circle.png" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
|
||||
<span style="font-weight: bolder; font-size: 14px;">John DOE</span><span style="font-size: 14px;"> • CEO of MyCompany</span>
|
||||
<p style="font-weight: bolder; font-size: 14px;"><b>John DOE</b> • CEO of MyCompany</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-1 d-flex align-items-end o_mail_no_resize" valign="bottom" align="left">
|
||||
<i class="s_blockquote_icon fa fa-1x fa-quote-right"/>
|
||||
<div class="col-lg-1 pt80" style="text-align: left;">
|
||||
<i class="fa fa-quote-right"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,15 +2,15 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_call_to_action" name="Call to Action">
|
||||
<div class="s_call_to_action o_cc o_cc3 pt48 pb24 o_mail_snippet_general" data-snippet="s_call_to_action">
|
||||
<div class="s_call_to_action o_mail_snippet_general o_cc o_cc3 pt48 pb24">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-9 pb16">
|
||||
<h3><b>50,000+ companies</b> run Odoo.</h3>
|
||||
<div class="col-lg-9">
|
||||
<h3><span style="font-weight: bolder;">50,000+ companies</span> run Odoo.</h3>
|
||||
<p>Join us and make your company a better place.</p>
|
||||
</div>
|
||||
<div class="col-lg-3 pt8">
|
||||
<a href="#" class="btn btn-primary btn-lg btn-block">Contact us</a>
|
||||
<div class="col-lg-3" style="text-align: center;">
|
||||
<a href="#" class="btn btn-primary btn-lg">Contact us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,20 +1,20 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_color_blocks_2" name="Big Boxes">
|
||||
<div class="s_mail_color_blocks_2 o_mail_snippet_general" data-snippet="s_color_blocks_2">
|
||||
<div class="s_mail_color_blocks_2 o_mail_snippet_general">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 o_cc o_cc3 text-center pt32 pb32">
|
||||
<i class="fa fa-shield fa-5x m-3"/>
|
||||
<h2>A color block</h2>
|
||||
<p>Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
|
||||
<a href="#" class="btn btn-primary">More Details</a>
|
||||
<div class="col-lg-6 o_cc o_cc3 pt32 pb32">
|
||||
<i class="fa fa-shield fa-5x m-3 mx-auto d-block"/>
|
||||
<h2 style="text-align: center;">A color block</h2>
|
||||
<p style="text-align: center;">Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
|
||||
<p style="text-align: center;"><a href="#" class="btn btn-primary">More Details</a></p>
|
||||
</div>
|
||||
<div class="col-lg-6 o_cc o_cc5 text-center pt32 pb32">
|
||||
<i class="fa fa-cube fa-5x m-3"/>
|
||||
<h2>Another color block</h2>
|
||||
<p>Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
|
||||
<a href="#" class="btn btn-primary">More Details</a>
|
||||
<div class="col-lg-6 o_cc o_cc5 pt32 pb32">
|
||||
<i class="fa fa-cube fa-5x m-3 mx-auto d-block"/>
|
||||
<h2 style="text-align: center;">Another color block</h2>
|
||||
<p style="text-align: center;">Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
|
||||
<p style="text-align: center;"><a href="#" class="btn btn-primary">More Details</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,9 +2,9 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_company_team" name="Team">
|
||||
<div class="s_company_team pt48 pb48 o_mail_snippet_general" data-snippet="s_company_team">
|
||||
<div class="s_company_team o_mail_snippet_general">
|
||||
<div class="container">
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 pt24 pb24">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -12,12 +12,8 @@
|
||||
<img src="/web/image/mass_mailing.s_company_team_default_image_1" class="img-fluid mx-auto" data-original-id="361" data-original-src="/mass_mailing/static/src/img/theme_default/s_default_image_team_member_1.png" data-mimetype="image/svg+xml" data-shape="mass_mailing/basic/circle" data-file-name="team_member_1-circle.png" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<h4>Tony Fred, CEO</h4>
|
||||
<p>
|
||||
Founder and chief visionary, Tony is the driving force behind the company. He loves
|
||||
to keep his hands full by participating in the development of the software,
|
||||
marketing, and customer experience strategies.
|
||||
</p>
|
||||
<h3>Tony Fred, CEO</h3>
|
||||
<p>Founder and chief visionary, Tony is the driving force behind the company. He lovesto keep his hands full by participating in the development of the software, marketing, and customer experience strategies.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -29,14 +25,12 @@
|
||||
<img src="/web/image/mass_mailing.s_company_team_default_image_2" class="img-fluid mx-auto" data-original-id="361" data-original-src="/mass_mailing/static/src/img/theme_default/s_default_image_team_member_2.png" data-mimetype="image/svg+xml" data-shape="mass_mailing/basic/circle" data-file-name="team_member_2-circle.png" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<h4>Mich Stark, COO</h4>
|
||||
<h3>Mich Stark, COO</h3>
|
||||
<p>Mich loves taking on challenges. With his multi-year experience as Commercial Director in the software industry, Mich has helped the company to get where it is today. Mich is among the best minds.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row s_nb_column_fixed">
|
||||
<div class="col-lg-6 pt24 pb24">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -44,7 +38,7 @@
|
||||
<img src="/web/image/mass_mailing.s_company_team_default_image_3" class="img-fluid mx-auto" data-original-id="361" data-original-src="/mass_mailing/static/src/img/theme_default/s_default_image_team_member_3.png" data-mimetype="image/svg+xml" data-shape="mass_mailing/basic/circle" data-file-name="team_member_3-circle.png" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<h4>Aline Turner, CTO</h4>
|
||||
<h3>Aline Turner, CTO</h3>
|
||||
<p>Aline is one of the iconic people in life who can say they love what they do. She mentors 100+ in-house developers and looks after the community of thousands of developers.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -57,7 +51,7 @@
|
||||
<img src="/web/image/mass_mailing.s_company_team_default_image_4" class="img-fluid mx-auto" data-original-id="361" data-original-src="/mass_mailing/static/src/img/theme_default/s_default_image_team_member_4.png" data-mimetype="image/svg+xml" data-shape="mass_mailing/basic/circle" data-file-name="team_member_4-circle.png" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<h4>Iris Joe, CFO</h4>
|
||||
<h3>Iris Joe, CFO</h3>
|
||||
<p>Iris, with her international experience, helps us easily understand the numbers and improves them. She is determined to drive success and delivers her professional acumen to bring the company to the next level.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,54 +2,56 @@
|
||||
<odoo>
|
||||
|
||||
<template id="s_comparisons" name="Comparisons">
|
||||
<div class="s_comparisons pt32 pb32 o_mail_snippet_general" data-snippet="s_comparisons">
|
||||
<div class="s_comparisons o_mail_snippet_general pt32 pb32">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="s_col_no_bgcolor text-center pt32 pb16 col-lg-6">
|
||||
<div class="col-lg-6 s_col_no_bgcolor pt32 pb16">
|
||||
<div class="card o_cc o_cc2">
|
||||
<div class="card-header"><span class="o_default_snippet_text" style="font-size:18px; font-weight: 500;">DEFAULT</span></div>
|
||||
<div class="card-body text-center">
|
||||
<h2 class="card-title o_mail_display_coupon text-center o_default_snippet_text">$8</h2>
|
||||
<small class="o_default_snippet_text">user / month (billed annually)</small>
|
||||
|
||||
<div class="card-header"><h2 style="text-align: center;"><span style="font-weight: bolder;">DEFAULT</span></h2></div>
|
||||
<div class="bg-white pt24 pb24">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<h3 class="card-title" style="text-align: center;">$8</h3>
|
||||
<p class="card-title" style="text-align: center;"><span style="font-size: 11px">user / month (billed annually)</span></p>
|
||||
</li>
|
||||
<li class="list-group-item"><p style="text-align: center;">Basic features</p></li>
|
||||
<li class="list-group-item"><p style="text-align: center;">Basic management</p></li>
|
||||
<li class="list-group-item"><p style="text-align: center;">No customization</p></li>
|
||||
<li class="list-group-item"><p style="text-align: center;">No support</p></li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item o_default_snippet_text">Basic features</li>
|
||||
<li class="list-group-item o_default_snippet_text">Basic management</li>
|
||||
<li class="list-group-item o_default_snippet_text">No customization</li>
|
||||
<li class="list-group-item o_default_snippet_text">No support</li>
|
||||
</ul>
|
||||
<div class="card-footer">
|
||||
<a href="#" class="btn btn-block btn-primary o_default_snippet_text">More</a>
|
||||
<div class="card-footer" style="text-align: center;">
|
||||
<a href="#" class="btn btn-primary">More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="s_col_no_bgcolor text-center pt32 pb16 col-lg-6">
|
||||
<div class="col-lg-6 s_col_no_bgcolor pt32 pb16">
|
||||
<div class="card o_cc o_cc3">
|
||||
<div class="card-header"><span class="o_default_snippet_text" style="font-size:18px; font-weight: 500;">PRO</span></div>
|
||||
<div class="card-body text-center">
|
||||
<h2 class="card-title o_mail_display_coupon text-center o_default_snippet_text">$18</h2>
|
||||
<small class="o_default_snippet_text">user / month (billed annually)</small>
|
||||
|
||||
<div class="card-header"><h2 style="text-align: center;"><span style="font-weight: bolder;">PRO</span></h2></div>
|
||||
<div class="bg-white pt24 pb24">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<h3 class="card-title" style="text-align: center;">$18</h3>
|
||||
<p class="card-title" style="text-align: center;"><span style="font-size: 11px">user / month (billed annually)</span></p>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<p style="text-align: center;"><span style="font-weight:bolder">Advanced</span>
|
||||
features</p>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<p style="text-align: center;"><span style="font-weight:bolder">Total</span>
|
||||
management</p>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<p style="text-align: center;"><span style="font-weight:bolder">Fully customizable</span></p>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<p style="text-align: center;"><span style="font-weight:bolder">24/7 Support</span></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item o_default_snippet_text">
|
||||
<strong class="o_default_snippet_text">Advanced</strong>
|
||||
features
|
||||
</li>
|
||||
<li class="list-group-item o_default_snippet_text">
|
||||
<strong class="o_default_snippet_text">Total</strong>
|
||||
management
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong class="o_default_snippet_text">Fully customizable</strong>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong class="o_default_snippet_text">24/7 Support</strong>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="card-footer">
|
||||
<a href="#" class="btn btn-block btn-primary o_default_snippet_text">More</a>
|
||||
<div class="card-footer" style="text-align: center;">
|
||||
<a href="#" class="btn btn-primary">More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -58,4 +60,4 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
</odoo>
|
||||
|
||||
@@ -1,20 +1,21 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_coupon_code" name="Promo Code">
|
||||
<div class="o_mail_snippet_general o_mail_block_discount2 s_discount2 px-3 pt32 pb32">
|
||||
<h2 class="text-center"><b>GET $20 OFF</b></h2>
|
||||
<p class="text-center">
|
||||
<div class="s_discount2 o_mail_block_discount2 o_mail_snippet_general pt32 pb32" style="padding-left: 15px; padding-right: 15px;">
|
||||
<h2 style="text-align: center;"><span style="font-weight: bolder;">GET $20 OFF</span></h2>
|
||||
<p style="text-align: center;">
|
||||
Here's your coupon code - but hurry! Ends 9/28
|
||||
</p>
|
||||
<table border="0" cellpadding="0" cellspacing="0" align="center" class="border" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
|
||||
<tr>
|
||||
<td width="50" height="50" align="center" class="o_mail_no_resize bg-300 text-center" style="width:50px!important; min-width: 50px; max-width:5.6rem;"><i class="fa fa-2x fa-ticket"></i></td>
|
||||
<td width="200" height="50" align="center" class="text-center" style="font-size: 15px; line-height: 22px; font-weight: 700; min-width: 150px; width: 200px;">ENDOFSUMMER20</td>
|
||||
<td width="50" height="50" align="center" class="o_mail_no_resize mx-auto o_cc o_cc3" style="width:50px!important; min-width: 50px; max-width:5.6rem; text-align: center;"><i class="fa fa-2x fa-ticket"></i></td>
|
||||
<td width="200" height="50" align="center" class="o_cc" style="font-size: 15px; line-height: 22px; font-weight: 700; min-width: 150px; width: 200px; text-align: center;"><p class="mb0">ENDOFSUMMER20</p></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="text-center pt24">
|
||||
<br/>
|
||||
<p style="text-align:center;">
|
||||
<a role="button" href="#" class="btn btn-primary">Use now</a>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
</odoo>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="s_cover" name="Cover">
|
||||
<div class="s_cover o_mail_snippet_general" data-snippet="s_cover">
|
||||
<div class="s_cover o_mail_snippet_general">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 oe_img_bg pt56 pb48" style="background-image: url('/web/image/mass_mailing.s_cover_default_image');">
|
||||
|
||||