[FW][MERGE] digest, various: add or improve digest tips and digest layout

PURPOSE

Review the tips and digest layout design to make sure they have a WOW effect
and increase trial conversion/retention.

SPECIFICATIONS: LAYOUT

Besides changing the tips, a cleaning of digest layout was performed. Emails
were reported to look not neat in Outlook and somewhat random in mail.com or
gmail.com.

Most recent HTML CSS cannot be used to make HTML emails because each email
provider renders emails its own way. This means a given email may renders
differently in gmail.com and outlook.

The layout of the email was composed of several levels of embedded tables
which means huge maintenance effort. So it was totally rewritten with divs
and CSS, but some properties are not taken into account.

A lot of page component improvements were done. It consisted in replacing most
of the style attribute in tags with CSS classes and ids. This step is
especially useful for tip formatting because before, if a style modification
was needed, it had to be performed on each tip individually.

SPECIFICATIONS: TIPS

Add / Improve tips in cmr, purchase, hr_recruitment, website, hr_expense, project,
digest, sale_management, im_livechat, stock, mrp, account.

LINKS

COM PR: odoo/odoo#53580
ENT PR: odoo/enterprise#11394

closes odoo/odoo#55807

Forward-port-of: odoo/odoo#53580
Related: odoo/enterprise#12372
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>

3 files changed, 6 insertions, 8 deletions

diff --git a/addons/project/__manifest__.py b/addons/project/__manifest__.py
index f17fe39a0ec..2f3e1bcc351 100644
--- a/addons/project/__manifest__.py
+++ b/addons/project/__manifest__.py
@@ -23,6 +23,7 @@
     'data': [
         'security/project_security.xml',
         'security/ir.model.access.csv',
+        'data/digest_data.xml',
         'report/project_report_views.xml',
         'views/analytic_views.xml',
         'views/digest_views.xml',
diff --git a/addons/project/data/digest_data.xml b/addons/project/data/digest_data.xml
index a5e6cfbc427..b12ddc4237d 100644
--- a/addons/project/data/digest_data.xml
+++ b/addons/project/data/digest_data.xml
@@ -8,17 +8,14 @@
 
     <data>
         <record id="digest_tip_project_0" model="digest.tip">
-            <field name="name">Project: Create tasks from incoming emails</field>
-            <field name="sequence">5</field>
+            <field name="name">Tip: Customize tasks and stages according to the project</field>
+            <field name="sequence">1200</field>
             <field name="group_id" ref="project.group_project_manager"/>
             <field name="tip_description" type="html">
 <div>
-    <b class="font-16" style="font-size: 20px;line-height: 30px">Create tasks from incoming emails</b>
-    <p class="font-12" style="color:#888888;font-size: 15px; line-height: 25px; margin: 0">You just need to set email aliases to your projects.</p>
-    <div style="text-align:center;margin-top:5px;margin-bottom:10px;">
-        <a href="/web#action=project.open_view_project_all_config" target="_blank" style="display:inline-block;background-color:#875a7b;line-height:40px;text-decoration: none;color: #ffffff;border-radius: 3px;font-size:13px;font-weight:bold;text-align:center; padding:0 10px;">Try it now
-        </a>
-    </div>
+    <p class="tip_title">Tip: Customize tasks and stages according to the project</p>
+    <p class="tip_content">Customize how tasks are named according to the project and create tailor made status messages for each step of the workflow. It helps to document your workflow: what should be done at which step.</p>
+    <img src="/project/static/src/img/project-custom-tasks.gif" class="illustration_border" />
 </div>
             </field>
         </record>
diff --git a/addons/project/static/src/img/project-custom-tasks.gif b/addons/project/static/src/img/project-custom-tasks.gif
new file mode 100644
index 00000000000..e63af1ffdd1
--- /dev/null
+++ b/addons/project/static/src/img/project-custom-tasks.gif