diff --git a/static/src/js/operation_chart.js b/static/src/js/operation_chart.js index 0fea3c2f9c2beddbf4c0277503bb87c917eda4b3..62839bd6fa8bb69873cee1caa0e8c4ddb362f08b 100644 --- a/static/src/js/operation_chart.js +++ b/static/src/js/operation_chart.js @@ -422,6 +422,14 @@ odoo.define("oacc_portal_overview_cdc.operation_chart", function (require) { _getPieChartConfig: function (typeData) { var data = this._getPieChartData(typeData); + var tot = 0; + data.datasets[0].data.forEach((num) => { + tot += num; + }); + var title = [ + "Total : " + tot + " kWh", + "(sur la période sélectionnée)", + ]; return { type: "pie", data: data, @@ -451,6 +459,14 @@ odoo.define("oacc_portal_overview_cdc.operation_chart", function (require) { }, }, }, + title: { + display: true, + fontColor: "#000", + fontFamily: '"overpass", sans-serif', + fontSize: 24.5, + fontStyle: "normal", + text: title, + }, tooltips: { callbacks: { label: function (tooltipItem, chart) { @@ -654,7 +670,7 @@ odoo.define("oacc_portal_overview_cdc.operation_chart", function (require) { }); }, - _exportChartData: function (title_name) { + _exportChartData: function () { var self = this; var url = "/chart/export_cdc?operation_id=" + self.operation; url = url + "&start_date=" + self.first_day; @@ -761,8 +777,8 @@ odoo.define("oacc_portal_overview_cdc.operation_chart", function (require) { this._updateChartData(this.title_name); }, - _onBtnExportClick: function (ev) { - this._exportChartData(this.title_name); + _onBtnExportClick: function () { + this._exportChartData(); }, _onChangePrm: function (ev) { diff --git a/templates/operation_templates_page.xml b/templates/operation_templates_page.xml index a8e2f580c922aba54e12392b3a054be07b5005ad..56eb09f75021e3c8ee2fa74fc821f3ec107e003b 100644 --- a/templates/operation_templates_page.xml +++ b/templates/operation_templates_page.xml @@ -27,7 +27,7 @@ <div class="col-12 col-lg-6 p-3"> <h2 class="sticky-top bg-white py-2">La Production</h2> - <t t-call="oacc_portal_overview_cdc.profil_prod" /> + <t t-call="oacc_portal_overview_cdc.profil_prod" /> <t t-call="oacc_portal_overview_cdc.bilan_prod" /> <t t-call="oacc_portal_overview_cdc.cdc_prod" /> </div> @@ -198,7 +198,9 @@ class="col-10 col-xl-5 align-self-center mt-4 mt-lg-0" t-if="partners" > - <div class="prm-selection align-items-between justify-content-around d-flex"> + <div + class="prm-selection align-items-between justify-content-around d-flex" + > <select class="form-select" aria-label="prm-selection" @@ -248,7 +250,13 @@ </t> </t> </select> - <a href="#" title="Export" target="_blank" class="btn btn-primary" id="export-data" > + <a + href="#" + title="Export" + target="_blank" + class="btn btn-primary" + id="export-data" + > <i class="fa fa-cloud-download " /> <span class="d-none d-md-inline">Exporter</span> </a> @@ -277,13 +285,11 @@ <template id="bilan_conso"> <div class="text-center mb-4 p-3 shadow op-graph"> - <h3>Bilan</h3> - <br /><br /> <div class="chart-container"> <canvas id="pie_chart_conso" class="pie_chart_conso" - height="140" + height="180" /> </div> </div> @@ -322,13 +328,11 @@ <template id="bilan_prod"> <div class="text-center mb-4 p-3 shadow op-graph"> - <h3>Bilan</h3> - <br /><br /> <div class="chart-container"> <canvas id="pie_chart_prod" class="pie_chart_prod" - height="140" + height="180" /> </div> </div>