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

[FIX] web_tree_dynamic_colored_field: all colors attributes must be parsed to work properly

pull/2130/head
Yann Papouin 2022-01-19 15:08:17 +01:00
parent ce37c26509
commit 74c0b52e9b
5 changed files with 51 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web_tree_dynamic_colored_field/__manifest__.py
View File

@ -11,6 +11,7 @@
'website': 'https://github.com/OCA/web',
'demo': [
"demo/res_users.xml",
"demo/ir_translation.xml",
],
'data': [
'views/web_tree_dynamic_colored_field.xml',

29
web_tree_dynamic_colored_field/demo/ir_translation.xml 100644
View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<record model="ir.ui.view" id="view_translation_tree_view">
<field name="name">ir.translation.tree#demo@web_tree_dynamic_colored_field</field>
<field name="model">ir.translation</field>
<field name="inherit_id" ref="base.view_translation_tree"/>
<field name="arch" type="xml">
<tree position="attributes">
<attribute name="colors">color_field: value; bgcolor_field: source</attribute>
</tree>
</field>
</record>
<!-- Create fake translation for demoing -->
<record id="colored_sample_1" model="ir.translation">
<field name="name">Light Green</field>
<field name="source">#90ffb1</field>
<field name="value">yellow</field>
</record>
<!-- Create fake translation for demoing -->
<record id="colored_sample_2" model="ir.translation">
<field name="name">Light Red</field>
<field name="source">#ffb0ba</field>
<field name="value">blue</field>
</record>
</odoo>

3
web_tree_dynamic_colored_field/readme/DESCRIPTION.rst
View File

@ -12,4 +12,5 @@ Features
* Add attribute ``bg_color`` on field's ``options`` to color background of a cell in tree view
* Add attribute ``fg_color`` on field's ``options`` to change text color of a cell in tree view
* Add attribute ``color_field`` on the tree element's ``colors`` to use as color
* Add attribute ``color_field`` on the tree element's ``colors`` to use as text color
* Add attribute ``bg_color_field`` on the tree element's ``colors`` to use as background color

3
web_tree_dynamic_colored_field/readme/USAGE.rst
View File

@ -30,9 +30,10 @@
...
<field name="arch" type="xml">
<tree string="View name" colors="color_field: my_color" >
<tree string="View name" colors="color_field: my_color; bg_color_field: my_background_color" >
...
<field name="my_color" invisible="1"/>
<field name="my_background_color" invisible="1"/>
...
</tree>
</field>

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

@ -13,20 +13,25 @@ odoo.define('web_tree_dynamic_colored_field', function (require) {
_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;
for (var i=0, len=colorAttr.length; i<len; i++) {
var attr = colorAttr[i].split(':')
if (attr.length == 2) {
var colorType = attr[0].trim()
var colorField = attr[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."
);
}
} else {
console.warn(
"No field named '" + colorField + "' present in view."
);
console.warn("Invalid colors attribute:", attr);
}
}
}