Artem Kostyuk
7 years ago
committed by
Pedro M. Baeza
Pedro M. Baeza
11 changed files with 163 additions and 241 deletions
-
49web_tree_dynamic_colored_field/README.rst
-
3web_tree_dynamic_colored_field/__init__.py
-
11web_tree_dynamic_colored_field/__manifest__.py
-
18web_tree_dynamic_colored_field/demo/res_users.xml
-
26web_tree_dynamic_colored_field/i18n/es.po
-
26web_tree_dynamic_colored_field/i18n/fi.po
-
26web_tree_dynamic_colored_field/i18n/nl_NL.po
-
26web_tree_dynamic_colored_field/i18n/sl.po
-
174web_tree_dynamic_colored_field/static/src/js/web_tree_dynamic_colored_field.js
-
11web_tree_dynamic_colored_field/static/src/xml/web_tree_dynamic_colored_field.xml
-
2web_tree_dynamic_colored_field/views/web_tree_dynamic_colored_field.xml
@ -1,3 +1,2 @@ |
|||
# -*- coding: utf-8 -*- |
|||
# © 2015 Camptocamp SA, Damien Crier |
|||
# Copyright 2015-2018 Camptocamp SA, Damien Crier |
|||
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). |
|||
@ -1,26 +0,0 @@ |
|||
# Translation of Odoo Server. |
|||
# This file contains the translation of the following modules: |
|||
# * web_tree_dynamic_colored_field |
|||
# |
|||
# Translators: |
|||
# Pedro M. Baeza <pedro.baeza@gmail.com>, 2017 |
|||
msgid "" |
|||
msgstr "" |
|||
"Project-Id-Version: Odoo Server 9.0c\n" |
|||
"Report-Msgid-Bugs-To: \n" |
|||
"POT-Creation-Date: 2017-01-05 01:38+0000\n" |
|||
"PO-Revision-Date: 2017-01-05 01:38+0000\n" |
|||
"Last-Translator: Pedro M. Baeza <pedro.baeza@gmail.com>, 2017\n" |
|||
"Language-Team: Spanish (https://www.transifex.com/oca/teams/23907/es/)\n" |
|||
"MIME-Version: 1.0\n" |
|||
"Content-Type: text/plain; charset=UTF-8\n" |
|||
"Content-Transfer-Encoding: \n" |
|||
"Language: es\n" |
|||
"Plural-Forms: nplurals=2; plural=(n != 1);\n" |
|||
|
|||
#. module: web_tree_dynamic_colored_field |
|||
#. openerp-web |
|||
#: code:addons/web_tree_dynamic_colored_field/static/src/xml/web_tree_dynamic_colored_field.xml:7 |
|||
#, python-format |
|||
msgid "columns.fct_colorize(record, column)" |
|||
msgstr "columns.fct_colorize(record, column)" |
|||
@ -1,26 +0,0 @@ |
|||
# Translation of Odoo Server. |
|||
# This file contains the translation of the following modules: |
|||
# * web_tree_dynamic_colored_field |
|||
# |
|||
# Translators: |
|||
# Jarmo Kortetjärvi <jarmo.kortetjarvi@gmail.com>, 2016 |
|||
msgid "" |
|||
msgstr "" |
|||
"Project-Id-Version: Odoo Server 8.0\n" |
|||
"Report-Msgid-Bugs-To: \n" |
|||
"POT-Creation-Date: 2016-07-08 16:36+0000\n" |
|||
"PO-Revision-Date: 2016-07-08 16:36+0000\n" |
|||
"Last-Translator: Jarmo Kortetjärvi <jarmo.kortetjarvi@gmail.com>, 2016\n" |
|||
"Language-Team: Finnish (https://www.transifex.com/oca/teams/23907/fi/)\n" |
|||
"MIME-Version: 1.0\n" |
|||
"Content-Type: text/plain; charset=UTF-8\n" |
|||
"Content-Transfer-Encoding: \n" |
|||
"Language: fi\n" |
|||
"Plural-Forms: nplurals=2; plural=(n != 1);\n" |
|||
|
|||
#. module: web_tree_dynamic_colored_field |
|||
#. openerp-web |
|||
#: code:addons/web_tree_dynamic_colored_field/static/src/xml/web_tree_dynamic_colored_field.xml:7 |
|||
#, python-format |
|||
msgid "columns.fct_colorize(record, column)" |
|||
msgstr "columns.fct_colorize(record, column)" |
|||
@ -1,26 +0,0 @@ |
|||
# Translation of Odoo Server. |
|||
# This file contains the translation of the following modules: |
|||
# * web_tree_dynamic_colored_field |
|||
# |
|||
# Translators: |
|||
# Peter Hageman <hageman.p@gmail.com>, 2017 |
|||
msgid "" |
|||
msgstr "" |
|||
"Project-Id-Version: Odoo Server 10.0\n" |
|||
"Report-Msgid-Bugs-To: \n" |
|||
"POT-Creation-Date: 2017-06-22 08:27+0000\n" |
|||
"PO-Revision-Date: 2017-06-22 08:27+0000\n" |
|||
"Last-Translator: Peter Hageman <hageman.p@gmail.com>, 2017\n" |
|||
"Language-Team: Dutch (Netherlands) (https://www.transifex.com/oca/teams/23907/nl_NL/)\n" |
|||
"MIME-Version: 1.0\n" |
|||
"Content-Type: text/plain; charset=UTF-8\n" |
|||
"Content-Transfer-Encoding: \n" |
|||
"Language: nl_NL\n" |
|||
"Plural-Forms: nplurals=2; plural=(n != 1);\n" |
|||
|
|||
#. module: web_tree_dynamic_colored_field |
|||
#. openerp-web |
|||
#: code:addons/web_tree_dynamic_colored_field/static/src/xml/web_tree_dynamic_colored_field.xml:7 |
|||
#, python-format |
|||
msgid "columns.fct_colorize(record, column)" |
|||
msgstr "columns.fct_colorize(record, column)" |
|||
@ -1,26 +0,0 @@ |
|||
# Translation of Odoo Server. |
|||
# This file contains the translation of the following modules: |
|||
# * web_tree_dynamic_colored_field |
|||
# |
|||
# Translators: |
|||
# Matjaž Mozetič <m.mozetic@matmoz.si>, 2016 |
|||
msgid "" |
|||
msgstr "" |
|||
"Project-Id-Version: Odoo Server 8.0\n" |
|||
"Report-Msgid-Bugs-To: \n" |
|||
"POT-Creation-Date: 2016-06-24 00:46+0000\n" |
|||
"PO-Revision-Date: 2016-06-24 00:46+0000\n" |
|||
"Last-Translator: Matjaž Mozetič <m.mozetic@matmoz.si>, 2016\n" |
|||
"Language-Team: Slovenian (https://www.transifex.com/oca/teams/23907/sl/)\n" |
|||
"MIME-Version: 1.0\n" |
|||
"Content-Type: text/plain; charset=UTF-8\n" |
|||
"Content-Transfer-Encoding: \n" |
|||
"Language: sl\n" |
|||
"Plural-Forms: nplurals=4; plural=(n%100==1 ? 0 : n%100==2 ? 1 : n%100==3 || n%100==4 ? 2 : 3);\n" |
|||
|
|||
#. module: web_tree_dynamic_colored_field |
|||
#. openerp-web |
|||
#: code:addons/web_tree_dynamic_colored_field/static/src/xml/web_tree_dynamic_colored_field.xml:7 |
|||
#, python-format |
|||
msgid "columns.fct_colorize(record, column)" |
|||
msgstr "columns.fct_colorize(record, column)" |
|||
@ -1,95 +1,129 @@ |
|||
odoo.define('web_tree_dynamic_colored_field', function(require) |
|||
{ |
|||
odoo.define('web_tree_dynamic_colored_field', function (require) { |
|||
'use strict'; |
|||
var ListView = require('web.ListView'), |
|||
pyeval = require('web.pyeval'), |
|||
py = window.py; |
|||
|
|||
var pair_colors = function(pair_color){ |
|||
if (pair_color !== ""){ |
|||
var pair_list = pair_color.split(':'), |
|||
color = pair_list[0], |
|||
expression = pair_list[1]; |
|||
return [color, py.parse(py.tokenize(expression)), expression]; |
|||
} |
|||
}; |
|||
var ListRenderer = require('web.ListRenderer'); |
|||
var pyeval = require('web.pyeval'); |
|||
|
|||
var get_eval_context = function(record){ |
|||
return _.extend( |
|||
{}, |
|||
record.attributes, |
|||
pyeval.context() |
|||
ListRenderer.include({ |
|||
/** |
|||
* Look up for a `color_field` parameter in tree `colors` attribute |
|||
* |
|||
* @override |
|||
*/ |
|||
_renderBody: function () { |
|||
if (this.arch.attrs.colors) { |
|||
var colorField = this.arch.attrs.colors.split(';') |
|||
.filter(color => color.trim().startsWith('color_field'))[0] |
|||
.split(':')[1] |
|||
.trim(); |
|||
// validate the presence of that field in tree view
|
|||
var fieldNames = _(this.columns).map( |
|||
(value) => { return value.attrs.name; } |
|||
); |
|||
if (fieldNames.indexOf(colorField) === -1) { |
|||
console.warn( |
|||
"No field named '" + colorField + "' present in view." |
|||
); |
|||
}; |
|||
} else { |
|||
this.colorField = colorField; |
|||
} |
|||
} |
|||
return this._super(); |
|||
}, |
|||
/** |
|||
* Colorize a cell during it's render |
|||
* |
|||
* @override |
|||
*/ |
|||
_renderBodyCell: function (record, node, colIndex, options) { |
|||
var $td = this._super.apply(this, arguments); |
|||
var ctx = this.getEvalContext(record); |
|||
this.applyColorize($td, record, node, ctx); |
|||
return $td; |
|||
}, |
|||
|
|||
var colorize_helper = function(obj, record, column, field_attribute, css_attribute){ |
|||
var result = ''; |
|||
if (column[field_attribute]){ |
|||
var colors = _(column[field_attribute].split(';')) |
|||
/** |
|||
* Colorize the current cell depending on expressions provided. |
|||
* |
|||
* @param {Query Node} $td a <td> tag inside a table representing a list view |
|||
* @param {Object} node an XML node (must be a <field>) |
|||
*/ |
|||
applyColorize: function ($td, record, node, ctx) { |
|||
// safely resolve value of `color_field` given in <tree>
|
|||
var treeColor = record.data[this.colorField]; |
|||
if (treeColor) { |
|||
$td.css('color', treeColor); |
|||
} |
|||
// apply <field>'s own `options`
|
|||
if (!node.attrs.options) { return; } |
|||
var nodeOptions = JSON.parse(node.attrs.options); |
|||
this.applyColorizeHelper($td, nodeOptions, node, 'fg_color', 'color', ctx); |
|||
this.applyColorizeHelper($td, nodeOptions, node, 'bg_color', 'background-color', ctx); |
|||
}, |
|||
/** |
|||
* @param {Object} nodeOptions a mapping of nodeOptions parameters to the color itself |
|||
* @param {Object} node an XML node (must be a <field>) |
|||
* @param {string} nodeAttribute an attribute of a node to apply a style onto |
|||
* @param {string} cssAttribute a real CSS-compatible attribute |
|||
*/ |
|||
applyColorizeHelper: function ($td, nodeOptions, node, nodeAttribute, cssAttribute, ctx) { |
|||
if (nodeOptions[nodeAttribute]) { |
|||
var colors = _(nodeOptions[nodeAttribute].split(';')) |
|||
.chain() |
|||
.map(pair_colors) |
|||
.map(this.pairColors) |
|||
.value() |
|||
.filter(function CheckUndefined(value, index, ar) { |
|||
return value !== undefined; |
|||
}); |
|||
var ctx = get_eval_context(record); |
|||
for(var i=0, len=colors.length; i<len; ++i) { |
|||
for (var i=0, len=colors.length; i<len; ++i) { |
|||
var pair = colors[i], |
|||
color = pair[0], |
|||
expression = pair[1]; |
|||
if (py.evaluate(expression, ctx).toJSON()) { |
|||
result = css_attribute + ': ' + color + ';'; |
|||
$td.css(cssAttribute, color); |
|||
} |
|||
} |
|||
} |
|||
return result; |
|||
}; |
|||
|
|||
var colorize = function(record, column){ |
|||
var res = ''; |
|||
res += colorize_helper(this, record, column, 'bg_color', 'background-color'); |
|||
res += colorize_helper(this, record, column, 'fg_color', 'color'); |
|||
return res; |
|||
}; |
|||
|
|||
ListView.List.include({ |
|||
init: function(group, opts){ |
|||
this._super(group, opts); |
|||
this.columns.fct_colorize = colorize; |
|||
}, |
|||
}); |
|||
|
|||
ListView.include({ |
|||
load_view: function() |
|||
{ |
|||
var self = this; |
|||
return this._super.apply(this, arguments) |
|||
.then(function() |
|||
{ |
|||
// the style_for helper is only called if one of colors or
|
|||
// fonts is not null
|
|||
if(self.fields_view.arch.attrs.color_field) |
|||
{ |
|||
self.colors = []; |
|||
/** |
|||
* Parse `<color>: <field> <operator> <value>` forms to |
|||
* evaluatable expressions |
|||
* |
|||
* @param {string} pairColor `color: expression` pair |
|||
*/ |
|||
pairColors: function (pairColor) { |
|||
if (pairColor !== "") { |
|||
var pairList = pairColor.split(':'), |
|||
color = pairList[0], |
|||
// if one passes a bare color instead of an expression,
|
|||
// then we consider that color is to be shown in any case
|
|||
expression = pairList[1]? pairList[1] : 'True'; |
|||
return [color, py.parse(py.tokenize(expression)), expression]; |
|||
} |
|||
}); |
|||
return undefined; |
|||
}, |
|||
style_for: function (record) |
|||
{ |
|||
var result = this._super.apply(this, arguments); |
|||
if(this.fields_view.arch.attrs.color_field) |
|||
{ |
|||
var color = py.evaluate( |
|||
py.parse(py.tokenize( |
|||
this.fields_view.arch.attrs.color_field |
|||
)), |
|||
get_eval_context(record)).toJSON(); |
|||
if(color) |
|||
{ |
|||
result += 'color: ' + color; |
|||
/** |
|||
* Construct domain evaluation context, mostly by passing |
|||
* record's fields's values to local scope. |
|||
* |
|||
* @param {Object} record a record to build a context from |
|||
*/ |
|||
getEvalContext: function (record) { |
|||
var ctx = _.extend( |
|||
{}, |
|||
record.data, |
|||
pyeval.context() |
|||
); |
|||
for (var key in ctx) { |
|||
var value = ctx[key]; |
|||
if (ctx[key] instanceof moment) { |
|||
// date/datetime fields are represented w/ Moment objects
|
|||
// docs: https://momentjs.com/
|
|||
ctx[key] = value.format('YYYY-MM-DD hh:mm:ss'); |
|||
} |
|||
} |
|||
return result; |
|||
}, |
|||
return ctx; |
|||
} |
|||
}); |
|||
}); |
|||
@ -1,11 +0,0 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
|
|||
<templates> |
|||
|
|||
<tr t-extend="ListView.row"> |
|||
<t t-jquery="td[t-att-data-field='column.id']" t-operation="attributes"> |
|||
<attribute name="t-att-style">columns.fct_colorize(record, column)</attribute> |
|||
</t> |
|||
</tr> |
|||
|
|||
</templates> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue