subh_pal_org
/
cor
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New horizontal bar view click added

This commit is contained in:
projectsodoo 2021-01-25 15:01:03 +05:30
parent be21b693fb
commit f84ab1ca25
2 changed files with 60 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
project_report/static/src/js/graph_controller.js Executable file
View File

@ -0,0 +1,26 @@
odoo.define("project_report.GraphController", function(require) {
var GraphController = require("web.GraphController");
GraphController.include({
init: function(parent, model, renderer, params) {
this._super.apply(this, arguments);
},
_onButtonClick: function (ev) {
var $target = $(ev.target);
if ($target.hasClass('o_graph_button')) {
if (_.contains(['bar', 'horizontalBar', 'line', 'pie'], $target.data('mode'))) {
this.update({ mode: $target.data('mode') });
} else if ($target.data('mode') === 'stack') {
this.update({ stacked: !$target.data('stacked') });
} else if (['asc', 'desc'].includes($target.data('order'))) {
const order = $target.data('order');
const state = this.model.get();
this.update({ orderBy: state.orderBy === order ? false : order });
}
}
},
});
});

37
project_report/static/src/js/graph_renderer.js
View File

@ -190,9 +190,10 @@ var MAX_LEGEND_LENGTH = 25 * (1 + config.device.size_class);
var self = this;
if (_.contains(['bar', 'horizontalBar', 'line'], this.state.mode)) {
var referenceColor;
if (this.state.mode === 'bar') {
if (this.state.mode === 'bar' || this.state.mode === 'horizontalBar') {
referenceColor = 'backgroundColor';
} else {
}
else {
referenceColor = 'borderColor';
}
legendOptions.labels = {
@ -414,6 +415,36 @@ var MAX_LEGEND_LENGTH = 25 * (1 + config.device.size_class);
return animationOptions;
},
_animation_HBar_Options: function () {
var animationHBarOptions = {};
var GraphVal = this;
if (this.state.mode === 'horizontalBar') { // && this.resModel == 'project.budget.hrs.report'
var animationHBarOptions = {
duration: "1",
"onComplete": function() {
var chartInstance = this.chart,
ctx = chartInstance.ctx;
ctx.font = Chart.helpers.fontString(12, 'bold', "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif");
ctx.textAlign = 'left';
ctx.textBaseline = 'bottom';
this.data.datasets.forEach(function(dataset, i) {
var meta = chartInstance.controller.getDatasetMeta(i);
meta.data.forEach(function(bar, index) {
var data = dataset.data[index];
//console.log("data", JSON.stringify(data))
var value;
if(!!data){
value = GraphVal._formatValue(data);
ctx.fillText(value, bar._model.x, bar._model.y + 5);
}
});
});
}
};
}
return animationHBarOptions;
},
_prepareOptions: function (datasetsCount) {
const options = {
maintainAspectRatio: false,
@ -461,7 +492,7 @@ var MAX_LEGEND_LENGTH = 25 * (1 + config.device.size_class);
legend: this._getLegendOptions(datasetsCount),
tooltips: this._getTooltipOptions(),
elements: this._getElementOptions(),
//animation: this._animationOptions(),
animation: this._animation_HBar_Options(),
};
if (this._isRedirectionEnabled()) {
options.onClick = this._onGraphClicked.bind(this);