diff options
| author | qsm-odoo <qsm@odoo.com> | 2019-11-19 15:23:44 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2019-12-01 15:49:57 +0000 |
| commit | fdac73e99d6edce1544c25534f8903c637a5507e (patch) | |
| tree | 6fc957b40227130fc325f0abc9b244020e7f8c43 /addons/web_editor/static/tests | |
| parent | 216cf93b4dab381286991dcf650e859931bf1a43 (diff) | |
[IMP] web_editor, *: add new user value colorpicker widget
* web, mass_mailing, website
Introduced a new sub-widget for snippet options: we-colorpicker. This
allows to retrieve a color value (either a normalized css color or a
theme color name) to be used for a snippet option method.
This commit replaces the old 'colorpicker' snippet option whose behavior
is now simply achieved by defining an xml option using a we-colorpicker
widget in combination with the 'selectStyle' standard method.
This commit also adds the possibility to control the border-color of
elements alongside their border-width. Again, just a we-colorpicker
widget in combination with the 'selectStyle' standard method.
Note: this commit reviewed what the colorpalette palette widget
notifies. This is not a cssColor and a 'isClass' flag to say if it is
a css class or not. The colorpalette always returns a color string which
can be the name of a color like 'alpha'. This is up to the caller to
check if the color string is a css color or not with isCSSColor. In the
case it is not, the related code can read the actual color by reading
the related css variable.
Part of https://github.com/odoo/odoo/pull/40282
In preparation of task-2122935 and other tasks
Diffstat (limited to 'addons/web_editor/static/tests')
| -rw-r--r-- | addons/web_editor/static/tests/test_utils.js | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/addons/web_editor/static/tests/test_utils.js b/addons/web_editor/static/tests/test_utils.js index 91be2728d8a..a63a43d27c1 100644 --- a/addons/web_editor/static/tests/test_utils.js +++ b/addons/web_editor/static/tests/test_utils.js @@ -78,7 +78,9 @@ MockServer.include({ ' <div data-js="content" data-selector=".s_hr, .test_option_all" ' + 'data-drop-in=".note-editable" data-drop-near="p, h1, h2, h3, blockquote, .s_hr"></div>' + ' <div data-js="sizing_y" data-selector=".s_hr, .test_option_all"></div>' + - ' <div data-js="colorpicker" string="Background Color" data-selector=".test_option_all"></div>' + + ' <div data-selector=".test_option_all">' + + ' <we-colorpicker string="Background Color" data-select-style="true" data-css-property="background-color" data-color-prefix="bg-"/>' + + ' </div>' + ' <div data-js="background" data-selector=".test_option_all">' + ' <we-button data-choose-image="true" data-no-preview="true"><i class="far fa-image"/> Background Image</we-button>' + ' </div>' + @@ -245,7 +247,9 @@ function wysiwygData(data) { ' <div data-js="content" data-selector=".s_hr, .test_option_all" ' + 'data-drop-in=".note-editable" data-drop-near="p, h1, h2, h3, blockquote, .s_hr"></div>' + ' <div data-js="sizing_y" data-selector=".s_hr, .test_option_all"></div>' + - ' <div data-js="colorpicker" string="Background Color" data-selector=".test_option_all"></div>' + + ' <div data-selector=".test_option_all">' + + ' <we-colorpicker string="Background Color" data-select-style="true" data-css-property="background-color" data-color-prefix="bg-"/>' + + ' </div>' + ' <div data-js="background" data-selector=".test_option_all">' + ' <we-button data-choose-image="true" data-no-preview="true"><i class="far fa-image"/> Background Image</we-button>' + ' </div>' + |