[FIX] theme_*: translate paragraph links as a whole.

*: artists, cobalt, enark, graphene, kea, kiddo, loftspace, monglia, nano,
notes, odoo_experts, orchid, paptic, real_estate, vehicle, yes

Steps to reproduce:

1. Enable a second language in the website (e.g., French).

2. Add a "Text" block (in edit mode) > Save the page.

3. Translate a text paragraph to french > Save.

4. In edit mode again, add a link to a word in the paragraph > Save.

5. The translation in French is lost, and sometimes the whole French
    translation is used for the text before or after the link.

This is actually a limitation in the translation implementation. If we
initially have `text_1_en text_2_en text_3_en` translated to French this
way:

terms en_US: `["text_1_en text_2_en text_3_en"]`
terms fr_BE: `["text_1_fr text_2_fr text_3_fr"]`

After adding a link: `text_1_en<a...>text_2_en</a>text_3_en`, and since
the links are not translated as a whole, we should get:

terms en_US: `["text_1_en", "text_2_en", "text_3_en"]`
terms fr_BE: `["text_1_fr text_2_fr text_3_fr"]`

Which means the current translation will be lost, and the result will
depend on the outcome of `get_close_matches()`. Which explains why when
the link is added to the first words of the paragraph, the system still
maps the rest of the paragraph to its "full old translation".

The goal of this commit is to make this behavior less aggressive by
forcing the links added in paragraphs [1] to be translated as a whole.
This way, the `get_close_matches()` will map the new content with a link
to its old translation (without a link), and then, the user can set the
link in the "the most meaningful part of the translation" in the
translate mode.

[1]: We should use the "translate as a whole" feature carefully with
links, since there are already some situations where it's causing
issues (see the fix in [2]). So we only force them inside paragraphs.

[2]: odoo/odoo@9bd60ca

Remark: This commit also sets the `o_translate_inline` class by default
on paragraph links in website templates.

opw-3984439

closes #1055

Related: odoo/odoo#204453
Signed-off-by: Outagant Mehdi (mou) <[email protected]>

Author: xO-Tx

theme_artists/views/snippets/s_carousel.xml

@@ -8,7 +8,7 @@
             <h2 style="text-align: center;">Aquitani</h2>
             <p class="lead" style="text-align: center;"><b>Photoshoot / June 2021</b></p>
             <p style="text-align: center;">
-                <a href="#" class="btn btn-primary btn-lg">Discover</a>
+                <a href="#" class="btn btn-primary btn-lg o_translate_inline">Discover</a>
             </p>
         </div>
     </xpath>
@@ -27,7 +27,7 @@
             <h2 style="text-align: center;">Immemorabili</h2>
             <p class="lead" style="text-align: center;"><b>Painting concept / April 2021</b></p>
             <p style="text-align: center;">
-                <a href="#" class="btn btn-primary btn-lg">Discover</a>
+                <a href="#" class="btn btn-primary btn-lg o_translate_inline">Discover</a>
             </p>
         </div>
     </xpath>
@@ -46,7 +46,7 @@
             <h2 style="text-align: center;">Vincam</h2>
             <p class="lead" style="text-align: center;"><b>Typographic collection / March 2021</b></p>
             <p style="text-align: center;">
-                <a href="#" class="btn btn-primary btn-lg">Discover</a>
+                <a href="#" class="btn btn-primary btn-lg o_translate_inline">Discover</a>
             </p>
         </div>
     </xpath>

theme_artists/views/snippets/s_three_columns.xml

@@ -24,7 +24,7 @@
     </xpath>
     <!-- Column #1 - Add a button -->
     <xpath expr="//div[hasclass('card-body')]//p" position="after">
-        <p><a href="#" class="btn btn-primary">More details</a></p>
+        <p><a href="#" class="btn btn-primary o_translate_inline">More details</a></p>
     </xpath>
     <!-- Column #2 -->
     <xpath expr="(//div[hasclass('card')])[2]" position="attributes">
@@ -44,7 +44,7 @@
     </xpath>
     <!-- Column #2 - Add a button -->
     <xpath expr="(//div[hasclass('card-body')])[2]//p" position="after">
-        <p><a href="#" class="btn btn-primary">Discover</a></p>
+        <p><a href="#" class="btn btn-primary o_translate_inline">Discover</a></p>
     </xpath>
     <!-- Column #3 -->
     <xpath expr="(//div[hasclass('card')])[3]" position="attributes">
@@ -64,7 +64,7 @@
     </xpath>
     <!-- Column #3 - Add a button -->
     <xpath expr="(//div[hasclass('card-body')])[3]//p" position="after">
-        <p><a href="/contactus" class="btn btn-primary">Contact me</a></p>
+        <p><a href="/contactus" class="btn btn-primary o_translate_inline">Contact me</a></p>
     </xpath>
 </template>
 

theme_cobalt/views/customizations.xml

@@ -91,7 +91,7 @@
         <h5>Web &amp; App Development</h5>
         <p>We have collected solid experience in building native and cross-platform mobile applications and websites. Check our portfolio from clients around the world.</p>
         <br/>
-        <p><a href="#" class="btn btn-secondary">Learn more</a></p>
+        <p><a href="#" class="btn btn-secondary o_translate_inline">Learn more</a></p>
     </xpath>
     <xpath expr="//a[hasclass('btn')]" position="replace"/>
 </template>

theme_enark/views/snippets/s_numbers_list.xml

@@ -4,7 +4,7 @@
 <template id="s_numbers_list" inherit_id="website.s_numbers_list">
     <xpath expr="//div[hasclass('col-lg-5')]//p" position="after">
         <p><br/></p>
-        <p><a href="#" class="btn btn-secondary">More details</a></p>
+        <p><a href="#" class="btn btn-secondary o_translate_inline">More details</a></p>
     </xpath>
 </template>
 

theme_graphene/views/customizations.xml

@@ -22,7 +22,7 @@
                     Our mission is to give customers the best experience.<br/>Extensive documentation &amp; guides, an active community,<br/>24/7 support make it a pleasure to work with us.
                 </p>
                 <p>
-                    <a t-att-href="cta_btn_href" class="btn btn-primary btn-lg"><t t-esc="cta_btn_text">Contact us</t></a>
+                    <a t-att-href="cta_btn_href" class="btn btn-primary btn-lg o_translate_inline"><t t-esc="cta_btn_text">Contact us</t></a>
                 </p>
             </div>
         </div>

theme_kea/views/snippets/s_cover.xml

@@ -25,7 +25,7 @@
     <!-- Button -->
     <xpath expr="//a[hasclass('btn')]" position="replace"/>
     <xpath expr="//a[hasclass('btn')]" position="replace">
-        <a href="#0" class="btn btn-primary btn-lg">Discover more</a>
+        <a href="#0" class="btn btn-primary btn-lg o_translate_inline">Discover more</a>
     </xpath>
 </template>
 

theme_kiddo/views/snippets/s_call_to_action.xml

@@ -19,7 +19,7 @@
             <h3 style="text-align: center;">2,000 parents<br/> brought their kid to our nursery.</h3>
             <p style="text-align: center;">Entrust us with your children and go to work with peace of mind</p>
             <p><br/></p>
-            <p style="text-align: center;"><a t-att-href="cta_btn_href" class="btn btn-primary btn-lg"><t t-esc="cta_btn_text">Contact us</t></a></p>
+            <p style="text-align: center;"><a t-att-href="cta_btn_href" class="btn btn-primary btn-lg o_translate_inline"><t t-esc="cta_btn_text">Contact us</t></a></p>
         </div>
     </xpath>
 

theme_loftspace/views/snippets/s_call_to_action.xml

@@ -27,7 +27,7 @@
     </xpath>
     <!-- Add secondary button -->
     <xpath expr="//a[hasclass('btn')]" position="before">
-        <a href="#" class="btn btn-secondary btn-lg me-2 mb-2">Our services</a>
+        <a href="#" class="btn btn-secondary btn-lg me-2 mb-2 o_translate_inline">Our services</a>
     </xpath>
 </template>
 

theme_monglia/views/customizations.xml

@@ -181,7 +181,7 @@
     </xpath>
     <xpath expr="//p[2]" position="replace"/>
     <xpath expr="//a" position="replace">
-        <a href="/contactus" class="btn btn-primary">Learn more</a>
+        <a href="/contactus" class="btn btn-primary o_translate_inline">Learn more</a>
     </xpath>
 </template>
 
@@ -227,7 +227,7 @@
         <p class="lead">This is the first full-length studio release in seven years for the British singer-songwriter.</p>
     </xpath>
     <xpath expr="//a" position="replace">
-        <a href="/contactus" class="btn btn-primary">Discover</a>
+        <a href="/contactus" class="btn btn-primary o_translate_inline">Discover</a>
     </xpath>
     <xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
         <attribute name="class" add="o_cc o_cc5" separator=" "/>

theme_nano/views/snippets/s_discovery.xml

@@ -21,7 +21,7 @@
     </xpath>
 
     <xpath expr="//p[2]" position="replace" mode="inner">
-        <a t-att-href="cta_btn_href" class="btn btn-lg btn-primary"><t t-out="cta_btn_text">Get Started</t></a>
+        <a t-att-href="cta_btn_href" class="btn btn-lg btn-primary o_translate_inline"><t t-out="cta_btn_text">Get Started</t></a>
     </xpath>
 
 </template>