[IMP] website_sale: fine-tunes sale order rating mail template

task-5261265

Author: Brieuc-brd

addons/website_sale/data/mail_template_data.xml

@@ -221,38 +221,49 @@
             <field name="email_layout_xmlid">mail.mail_notification_light</field>
             <field name="body_html" type="html">
                 <div style="margin: 0px; padding: 0px;">
-                    <p style="margin: 0px; padding: 0px; font-size: 12px;">
-                        Hello <t t-out="object.partner_id.name"/>,
-                        <br/>
+                    <t t-set="secondary_color" t-value="object.company_id.email_secondary_color or '#875A7B'"/>
+                    <t t-set="primary_color" t-value="object.company_id.email_primary_color or '#FFFFFF'"/>
+                    <t
+                        t-if="'website_id' in object and object.website_id"
+                        t-set="logo_src"
+                        t-value="object.website_id.image_url(object.website_id, 'logo')"
+                    />
+                    <t t-else="" t-set="logo_src" t-valuef="/logo.png?company=#{object.company_id.id}"/>
+                    <img t-att-src="logo_src" style="display: block; height: 50px; margin: 0 0 16px;" alt="Logo"/>
+                    <p style="margin: 0 0 12px; padding: 0px; line-height: 18px; font-size: 14px;">
+                        Hello <t t-out="object.partner_id.display_name"/>,
+                        <br/><br/>
                         Take a minute to rate your order!
                         <br/>
                         <t t-if="not is_html_empty(object.user_id.signature)">
-                            <div>--<br/><t t-out="object.user_id.signature"/></div>
+                            <div style="font-size: 14px; margin: 0 0 16px;"><t t-out="object.user_id.signature"/></div>
                         </t>
                         <br/>
                         <t t-foreach="object.order_line.filtered(lambda l: l._is_sellable())" t-as="line">
                             <t t-set="product" t-value="line.product_id"/>
-                            <table width="35%" style="color: #454748; font-size: 12px; border-collapse: collapse; margin-bottom: 15px;">
+                            <table width="100%" t-attf-style="font-size: 14px; border-collapse: collapse; margin-bottom: 10px; max-width: 590px; {{not line_last and 'border-bottom: 1px solid #dee2e6;'}}">
                                 <tr>
-                                    <td style="width: 100px; vertical-align: top;">
+                                    <td style="width: 84px; padding: 10px 10px 10px 0; vertical-align: top;">
                                         <img
                                             t-attf-src="/web/image/product.product/{{ product.id }}/image_128"
                                             t-attf-style="width: 64px; height: {{object.website_id and object.website_id._get_product_image_ratio_height() or '64px'}}; object-fit: cover; object-position: center;"
                                             alt="Product image"
                                         />
                                     </td>
-                                    <td style="padding-left: 10px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">
-                                        <div style="font-weight: bold; margin-bottom: 5px;">
-                                            <t t-out="product.name"/>
+                                    <td style="padding: 10px 10px 10px 0;">
+                                        <div>
+                                            <h3 t-attf-style="font-size: 14px; margin-bottom: {{line.product_id.product_template_attribute_value_ids and '6px' or '0'}};">
+                                                <strong t-attf-style="color: {{secondary_color}};" t-out="product.name"/>
+                                            </h3>
                                         </div>
-                                        <div style="font-size: 11px; color: #666;">
-                                            <t t-out="product.description_sale or ''"/>
+                                        <div>
+                                            <span t-if="line.product_id.product_template_attribute_value_ids" style="color: #6c757d;">
+                                                <t t-out="', '.join(line.product_id.product_template_attribute_value_ids.mapped('name'))" />
+                                            </span>
                                         </div>
                                     </td>
-                                    <td style="width: 120px; padding-left: 10px; vertical-align: middle; text-align: center;">
-                                        <a t-att-href="product.website_absolute_url + '#o_product_page_reviews'"
-                                        style="background-color:#875A7B;color:white;padding:10px 15px;text-decoration:none;border-radius:4px;display:inline-block;font-weight:bold;"
-                                        target="_blank">
+                                    <td style="padding: 10px 0; text-align: right;">
+                                        <a t-att-href="product.website_absolute_url + '#o_product_page_reviews'" t-attf-style="border-radius: 5px; background-color: {{secondary_color}}; padding: 8px 16px 8px 16px; color: {{primary_color}}; text-decoration: none; font-size:13px; white-space: nowrap;" target="_blank">
                                             Review Now
                                         </a>
                                     </td>