AjmalCybro
2 years ago
13 changed files with 194 additions and 391 deletions
@ -0,0 +1 @@ |
|||
xmltodict==0.13.0 |
|||
@ -1,101 +0,0 @@ |
|||
odoo.define('code_backend_theme_enterprise.graph', function (require) { |
|||
"use strict"; |
|||
|
|||
var GraphRenderer = require('web.GraphRenderer'); |
|||
|
|||
var MyCOLORS = ["#556ee6", "#f1b44c", "#50a5f1", "#ffbb78", "#34c38f", "#98df8a", "#d62728", |
|||
"#ff9896", "#9467bd", "#c5b0d5", "#8c564b", "#c49c94", "#e377c2", "#f7b6d2", |
|||
"#7f7f7f", "#c7c7c7", "#bcbd22", "#dbdb8d", "#17becf", "#9edae5"]; |
|||
var MyCOLOR_NB = MyCOLORS.length; |
|||
|
|||
function hexToRGBA(hex, opacity) { |
|||
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); |
|||
var rgb = result.slice(1, 4).map(function (n) { |
|||
return parseInt(n, 16); |
|||
}).join(','); |
|||
return 'rgba(' + rgb + ',' + opacity + ')'; |
|||
} |
|||
|
|||
return GraphRenderer.include({ |
|||
|
|||
_getMyColor: function (index) { |
|||
return MyCOLORS[index % MyCOLOR_NB]; |
|||
}, |
|||
|
|||
_renderBarChart: function (dataPoints) { |
|||
var self = this; |
|||
|
|||
// prepare data
|
|||
var data = this._prepareData(dataPoints); |
|||
|
|||
data.datasets.forEach(function (dataset, index) { |
|||
// used when stacked
|
|||
dataset.stack = self.state.stacked ? self.state.origins[dataset.originIndex] : undefined; |
|||
// set dataset color
|
|||
var color = self._getMyColor(index); |
|||
dataset.backgroundColor = color; |
|||
}); |
|||
|
|||
// prepare options
|
|||
var options = this._prepareOptions(data.datasets.length); |
|||
|
|||
// create chart
|
|||
var ctx = document.getElementById(this.chartId); |
|||
this.chart = new Chart(ctx, { |
|||
type: 'bar', |
|||
data: data, |
|||
options: options, |
|||
}); |
|||
}, |
|||
|
|||
_renderLineChart: function (dataPoints) { |
|||
var self = this; |
|||
|
|||
// prepare data
|
|||
var data = this._prepareData(dataPoints); |
|||
data.datasets.forEach(function (dataset, index) { |
|||
if (self.state.processedGroupBy.length <= 1 && self.state.origins.length > 1) { |
|||
if (dataset.originIndex === 0) { |
|||
dataset.fill = 'origin'; |
|||
dataset.backgroundColor = hexToRGBA(MyCOLORS[0], 0.4); |
|||
dataset.borderColor = hexToRGBA(MyCOLORS[0], 1); |
|||
} else if (dataset.originIndex === 1) { |
|||
dataset.borderColor = hexToRGBA(MyCOLORS[1], 1); |
|||
} else { |
|||
dataset.borderColor = self._getMyColor(index); |
|||
} |
|||
} else { |
|||
dataset.borderColor = self._getMyColor(index); |
|||
} |
|||
if (data.labels.length === 1) { |
|||
// shift of the real value to right. This is done to center the points in the chart
|
|||
// See data.labels below in Chart parameters
|
|||
dataset.data.unshift(undefined); |
|||
} |
|||
dataset.pointBackgroundColor = dataset.borderColor; |
|||
dataset.pointBorderColor = 'rgba(0,0,0,0.2)'; |
|||
}); |
|||
if (data.datasets.length === 1) { |
|||
const dataset = data.datasets[0]; |
|||
dataset.fill = 'origin'; |
|||
dataset.backgroundColor = hexToRGBA(MyCOLORS[0], 0.4); |
|||
} |
|||
|
|||
// center the points in the chart (without that code they are put on the left and the graph seems empty)
|
|||
data.labels = data.labels.length > 1 ? |
|||
data.labels : |
|||
Array.prototype.concat.apply([], [[['']], data.labels, [['']]]); |
|||
|
|||
// prepare options
|
|||
var options = this._prepareOptions(data.datasets.length); |
|||
|
|||
// create chart
|
|||
var ctx = document.getElementById(this.chartId); |
|||
this.chart = new Chart(ctx, { |
|||
type: 'line', |
|||
data: data, |
|||
options: options, |
|||
}); |
|||
}, |
|||
}); |
|||
}); |
|||
@ -1,72 +1,19 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<templates id="template" xml:space="preserve"> |
|||
<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1"> |
|||
<xpath expr="//nav[hasclass('o_main_navbar')]" position="replace"> |
|||
|
|||
<nav class="o_main_navbar" |
|||
t-on-dropdown-item-selected="onNavBarDropdownItemSelection" |
|||
data-command-category="navbar"> |
|||
<div class="top_heading"> |
|||
<!-- Apps Menu --> |
|||
<t t-call="web.NavBar.AppsMenu"> |
|||
<t t-set="apps" t-value="menuService.getApps()"/> |
|||
</t> |
|||
<!-- App Brand --> |
|||
<MenuItem t-if="currentApp" |
|||
href="getMenuItemHref(currentApp)" |
|||
payload="currentApp" |
|||
t-esc="currentApp.name" |
|||
class="o_menu_brand" |
|||
t-ref="menuBrand" |
|||
/> |
|||
</div> |
|||
|
|||
<!-- Current App Sections --> |
|||
<t t-if="currentAppSections.length" t-call="web.NavBar.SectionsMenu"> |
|||
<t t-set="sections" t-value="currentAppSections" /> |
|||
</t> |
|||
|
|||
<!-- Systray --> |
|||
<div class="o_menu_systray" role="menu"> |
|||
<t t-foreach="systrayItems" t-as="item" t-key="item_index"> |
|||
<NotUpdatable> |
|||
<ErrorHandler onError="error => handleItemError(error, item)"> |
|||
<t t-component="item.Component" t-props="item.props" /> |
|||
</ErrorHandler> |
|||
</NotUpdatable> |
|||
</t> |
|||
</div> |
|||
</nav> |
|||
<div class="sidebar_panel" id="sidebar_panel"> |
|||
<div class="sidebar"> |
|||
<div class="sidebar_close"> |
|||
<a id="closeSidebar" style="cursor: pointer;"> |
|||
<img src="/code_backend_theme_enterprise/static/src/img/icons/close.png"/> |
|||
|
|||
</a> |
|||
</div> |
|||
<div class="sidebar_logo"> |
|||
<img src="/web/binary/company_logo" class="logo_img"/> |
|||
</div> |
|||
<h6 class="sidebar_head">MENU</h6> |
|||
<ul class="sidebar_menu"> |
|||
<t t-foreach="menuService.getApps()" t-as="app" t-key="app.id"> |
|||
<li> |
|||
<a role="menuitem" |
|||
t-attf-href="#menu_id={{app.id}}" |
|||
class="nav-link"> |
|||
<img class="sidebar_img" |
|||
t-attf-src="data:image/png;base64,{{app.webIconData}}"/> |
|||
<span class="sidebar_app_name"> |
|||
<t t-esc="app.name"/> |
|||
</span> |
|||
</a> |
|||
</li> |
|||
</t> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</xpath> |
|||
</t> |
|||
|
|||
<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1"> |
|||
<xpath expr="//nav[hasclass('o_main_navbar')]" position="after"> |
|||
<div class="sidebar_panel" id="sidebar_panel"> |
|||
<div class="sidebar"> |
|||
<div class="sidebar_close"> |
|||
<a id="closeSidebar" style="cursor: pointer;"> |
|||
<img src="/code_backend_theme_enterprise/static/src/img/icons/close.png"/> |
|||
</a> |
|||
</div> |
|||
<div class="sidebar_logo"> |
|||
<img src="/web/binary/company_logo" class="logo_img"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</xpath> |
|||
</t> |
|||
</templates> |
|||
Loading…
Reference in new issue