summaryrefslogtreecommitdiff
path: root/addons/web/static/src/xml/base.xml
diff options
context:
space:
mode:
authorRobot Odoo <xmo+roboto@odoo.com>2019-07-30 10:20:59 +0200
committerGitHub <noreply@github.com>2019-07-30 10:20:59 +0200
commit64bed2851e0145985cf60732ad41a4f8f5a5fbf1 (patch)
treed953e04ead5870ddfef8e48d3236a5920b78d6ab /addons/web/static/src/xml/base.xml
parent8a3284685856b6980e3b620abdbbb3e2c79f57c4 (diff)
parentf781a7acbbe305f09110e8d13c6451270e5596f0 (diff)
[MERGE] web: Various graph view improvements
This PR aims to bring several improvements to the graph view. The main points are: - custom tooltips in line mode to avoid problems with the Chart.js generic tooltips (those cannot go outside of the canvas boundary and information is lost). - tooltips when legend items hovered in case their texts were cut for reason of space. See task https://www.odoo.com/web#id=1963306&action=333&active_id=133&model=project.task&view_type=form&menu_id=4720 closes odoo/odoo#33910 Signed-off-by: VincentSchippefilt <VincentSchippefilt@users.noreply.github.com>
Diffstat (limited to 'addons/web/static/src/xml/base.xml')
-rw-r--r--addons/web/static/src/xml/base.xml21
1 files changed, 21 insertions, 0 deletions
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 12e3f2188fa..da8e376e7d3 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -399,6 +399,27 @@
</div>
</t>
+<div t-name="GraphView.CustomTooltip" class="o_graph_custom_tooltip">
+ <table>
+ <thead>
+ <tr>
+ <th class="o_measure"><t t-esc="measure"/></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr t-foreach="tooltipItems" t-as="tooltipItem">
+ <td>
+ <span class="o_square" t-att-style="'background-color: ' + tooltipItem.boxColor"/>
+ <span class="o_label" t-att-style="'max-width: ' + maxWidth"> <t t-esc="tooltipItem.label" /> </span>
+ </td>
+ <td class="o_value">
+ <t t-esc="tooltipItem.value"/>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+</div>
+
<div t-name="PivotView" t-attf-class="o_pivot #{widget.enableLinking ? 'o_enable_linking' : ''}">
<div class="o_field_selection"/>
</div>