Arthur Detroux (ard)andqsm-odoo
84f6010fc1
*: web_editor, website
Prior to this commit, the template structure for declaring the snippet
options used in a specific context (website, mass_mailing, ...) made it
hard to easily modify SnippetOptions defined in web_editor.
Indeed, the structure was as below
```xml
<template>
<t t-call="web_editor.snippet_options" />
... Additional Options ...
</template>
```
If someone wanted to alter the behaviour of an option from web_editor
for their module, they had 2 solutions
- To extract that option inside another template, extend that template
inside their own module, remove its call from web_editor and instead
call manually the option inside each module (preferred method)
- To impact the web_editor template directly with an extension instead
of a new primary template or override JS options using include or
replacing an option inside the registry.
The second solution was often used but created extra code to make sure
that other modules were not impacted... and it was often not properly
done. For example:
- [1] and [2] introduced javascript code inside the web_editor options
and isolating it by checking if they are in fact, inside mass_mailing.
- [3] adds code in mass_mailing mentioning JS classes of website, and
actually broke parallax for website (after [5]).
- [4] broke the image transform option for website (after [5]).
- [6] added some shapes for mass mailing images but ended up adding them
for the website builder too.
- [7] created different images options for mass_mailing... but ended up
impacting website options too. Half of those can actually either be
put in web_editor to improve everything or just in mass_mailing to not
break the website.
- ...
This commit tries to fix everything "the right way" in master (and will
be backported for the recent 16.0). Other stable fixes will need to be
made to restore the website options in a stable way.
To fix that, this commit changes the structure to
```xml
<template inherit_id="web_editor.snippet_options" primary="True">
<xpath ...>
... Change existing options ...
</xpath>
<xpath expr="." position="inside">
... Additional options ...
</xpath>
</template>
```
This allows each module to modify the existing web_editor templates
without impacting it and each other. They can even change the JS
behaviour by using an XPath to replace the data-js of an option, and
changing it to their own extended version of the JS option.
[1]: https://github.com/odoo/odoo/commit/f296992317e96562c66bd7ad59a5080d6c551ed5#diff-df5e4ff426027c53ebe6e25c25820fb92237c17a036f6202a93e5ca681ec8c16R134-R138
[2]: https://github.com/odoo/odoo/commit/cd403480f90cf7103651f3be818a14b06d3c73ca#diff-df5e4ff426027c53ebe6e25c25820fb92237c17a036f6202a93e5ca681ec8c16R175
[3]: https://github.com/odoo/odoo/commit/e9237ae8004502a3071e8ceb132d9dac11fe00b3#diff-df5e4ff426027c53ebe6e25c25820fb92237c17a036f6202a93e5ca681ec8c16R372
[4]: https://github.com/odoo/odoo/commit/ff422df49201be6ed7baa11ef3deb5b9a41042a7
[5]: https://github.com/odoo/odoo/commit/31cc10b91dc7762e23b4bde9b945be0c4ce3fe3b
[6]: https://github.com/odoo/odoo/commit/24a4c7f897d4db6bdf0f3cbfc91a3ce7351241a2
[7]: https://github.com/odoo/odoo/commit/d0c2d8e9a1436a8eaf263797c790329f81d7615b
closes odoo/odoo#99850
Related: odoo/design-themes#597
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Co-authored-by: qsm-odoo <qsm@odoo.com>
86 lines
4.3 KiB
XML
86 lines
4.3 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<template id="s_table_of_content" name="Table of Content">
|
|
<section class="s_table_of_content pt24 pb24 o_cc o_cc1">
|
|
<div class="container">
|
|
<div class="row s_nb_column_fixed">
|
|
<div class="col-lg-3 s_table_of_content_navbar_wrap s_table_of_content_navbar_sticky s_table_of_content_vertical_navbar d-print-none d-none d-lg-block o_not_editable o_cc o_cc1" data-name="Navbar">
|
|
<div class="s_table_of_content_navbar list-group o_no_link_popover"/>
|
|
</div>
|
|
<div class="col-lg-9 s_table_of_content_main oe_structure oe_empty" data-name="Content">
|
|
<section class="pb16">
|
|
<h1 data-anchor="true">Intuitive system</h1>
|
|
<h4>What you see is what you get</h4>
|
|
<p>
|
|
Insert text styles like headers, bold, italic, lists, and fonts with
|
|
a simple WYSIWYG editor. Flexible and easy to use.
|
|
</p>
|
|
<h4>Customization tool</h4>
|
|
<p>
|
|
Click and change content directly from the front-end: no complex back
|
|
end to deal with.
|
|
</p>
|
|
<h4>Building blocks system</h4>
|
|
<p>
|
|
Create your page from scratch by dragging and dropping pre-made,
|
|
fully customizable building blocks.
|
|
</p>
|
|
</section>
|
|
<section class="pb16">
|
|
<h1 data-anchor="true">Design features</h1>
|
|
<h4>Bootstrap-based templates</h4>
|
|
<p>
|
|
Easily design your own Odoo templates thanks to clean HTML
|
|
structure and bootstrap CSS.
|
|
</p>
|
|
<h4>Professional themes</h4>
|
|
<p>
|
|
Change theme in a few clicks, and browse through Odoo's catalog of
|
|
ready-to-use themes available in our app store.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<template id="s_table_of_content_options" inherit_id="website.snippet_options">
|
|
<xpath expr="//t[@t-call='website.snippet_options_background_options']" position="before">
|
|
<div data-js="MultipleItems" data-selector=".s_table_of_content">
|
|
<we-row string="Content">
|
|
<we-button data-add-item="" data-item=".s_table_of_content_main > section:last" data-select-item="" data-no-preview="true" class="o_we_bg_brand_primary">
|
|
Add Item
|
|
</we-button>
|
|
</we-row>
|
|
</div>
|
|
</xpath>
|
|
<xpath expr="." position="inside">
|
|
<div data-js="TableOfContent" data-selector=".s_table_of_content"/>
|
|
<div data-js="TableOfContentNavbar" data-selector=".s_table_of_content_navbar_wrap">
|
|
<we-button-group string="Position">
|
|
<we-button class="fa fa-fw fa-long-arrow-left" title="Left" data-navbar-position="left"/>
|
|
<we-button class="fa fa-fw fa-long-arrow-up" title="Top" data-navbar-position="top"/>
|
|
<we-button class="fa fa-fw fa-long-arrow-right" title="Right" data-navbar-position="right"/>
|
|
</we-button-group>
|
|
<we-checkbox string="Sticky" data-select-class="s_table_of_content_navbar_sticky" data-no-preview="true"/>
|
|
</div>
|
|
<div data-js="TableOfContentMainColumns" data-selector=".s_table_of_content_navbar_wrap, .s_table_of_content_main"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<record id="website.s_table_of_content_000_scss" model="ir.asset">
|
|
<field name="name">Table of content 000 SCSS</field>
|
|
<field name="bundle">web.assets_frontend</field>
|
|
<field name="path">website/static/src/snippets/s_table_of_content/000.scss</field>
|
|
</record>
|
|
|
|
<record id="website.s_table_of_content_000_js" model="ir.asset">
|
|
<field name="name">Table of content 000 JS</field>
|
|
<field name="bundle">web.assets_frontend</field>
|
|
<field name="path">website/static/src/snippets/s_table_of_content/000.js</field>
|
|
</record>
|
|
|
|
</odoo>
|