Techsystech
/
web
mirror of https://github.com/OCA/web.git
3
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

[IMP] web_tree_dynamic_colored_field : Add bg_color_field option

pull/3107/head
Sylvain LE GAL 2021-06-09 16:36:55 +02:00 committed by Enric Tobella
parent 1904211b6a
commit 23ed934df9
3 changed files with 50 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web_tree_dynamic_colored_field/readme/CONTRIBUTORS.rst
View File

@ -3,3 +3,4 @@
* Artem Kostyuk <a.kostyuk@mobilunity.com>
* Guewen Baconnier <guewen.baconnier@camptocamp.com>
* Phuc Tran Thanh <phuc@trobz.com>
* Sylvain LE GAL <https://twitter.com/legalsylvain>

15
web_tree_dynamic_colored_field/readme/USAGE.rst
View File

@ -26,6 +26,21 @@
With this example, column which renders 'name' field will have its text colored in white on a customer records.
* In the tree view declaration, use ``options='"color_field": "my_color"'`` attribute in the ``tree`` tag::
...
<field name="arch" type="xml">
<tree string="View name" colors="color_field: my_color" >
...
<field name="my_color" invisible="1"/>
...
</tree>
</field>
...
* You can also use ``colors="bg_color_field: my_color"`` to defined the field name that will be used
for the background color of the line.
* If you want to use more than one color, you can split the attributes using ';':
.. code::

34
web_tree_dynamic_colored_field/static/src/js/web_tree_dynamic_colored_field.js
View File

@ -6,6 +6,33 @@ odoo.define("web_tree_dynamic_colored_field", function (require) {
var py = window.py;
ListRenderer.include({
/**
* Look up for a `color_field` or ``bg_color_field`` parameter in tree `colors` attribute
*
* @override
*/
_renderBody: function () {
if (this.arch.attrs.colors) {
var colorAttr = this.arch.attrs.colors.split(';');
if (colorAttr.length > 0) {
var colorType = colorAttr[0].split(':')[0].trim()
var colorField = colorAttr[0].split(':')[1].trim();
// validate the presence of that field in tree view
if (this.state.data.length && colorField in this.state.data[0].data) {
if (colorType === "color_field") {
this.colorField = colorField;
} else if (colorType === "bg_color_field") {
this.bgColorField = colorField;
}
} else {
console.warn(
"No field named '" + colorField + "' present in view."
);
}
}
}
return this._super();
},
/**
* Colorize a cell during it's render
*
@ -33,6 +60,13 @@ odoo.define("web_tree_dynamic_colored_field", function (require) {
if (node.tag !== "field") {
return;
}
var treeBgColor = record.data[this.bgColorField];
if (treeBgColor) {
$td.css('background-color', treeBgColor);
}
// apply <field>'s own `options`
if (!node.attrs.options) { return; }
if (node.tag !== 'field') { return; }
var nodeOptions = node.attrs.options;
if (!_.isObject(nodeOptions)) {
nodeOptions = pyUtils.py_eval(nodeOptions);