Mirrored_Repos/InvenTree
1
0
Fork 0
mirror of https://github.com/inventree/InvenTree synced 2024-08-30 18:33:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

linked price break graphs

Browse Source
This commit is contained in:
Matthias 2021-06-25 07:41:00 +02:00
parent 4921cd47f9
commit d28d66795d
3 changed files with 65 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
InvenTree/InvenTree/static/css/inventree.css
View File

@ -960,4 +960,14 @@ input[type="date"].form-control, input[type="time"].form-control, input[type="da
.sidebar-icon {
min-width: 19px;
}
}
.row.full-height {
display: flex;
flex-wrap: wrap;
}
.row.full-height > [class*='col-'] {
display: flex;
flex-direction: column;
}

12
InvenTree/part/templates/part/prices.html
View File

@ -176,8 +176,11 @@
<h4>{% trans "Internal Cost" %}</h4>
</div>
<div class='panel-content'><div class="row">
<div class='panel-content'><div class="row full-height">
<div class="col col-md-8">
<div style="max-width: 99%; height: 100%;">
<canvas id="InternalPriceBreakChart"></canvas>
</div>
</div>
<div class="col col-md-4">
<div id='internal-price-break-toolbar' class='btn-group'>
@ -224,8 +227,11 @@
<h4>{% trans "Sale Cost" %}</h4>
</div>
<div class='panel-content'><div class="row">
<div class='panel-content'><div class="row full-height">
<div class="col col-md-8">
<div style="max-width: 99%; height: 100%;">
<canvas id="SalePriceBreakChart"></canvas>
</div>
</div>
<div class="col col-md-4">
<div id='price-break-toolbar' class='btn-group'>
@ -376,6 +382,7 @@
pb_url: '{% url 'api-part-internal-price-list' %}',
pb_new_btn: $('#new-internal-price-break'),
pb_new_url: '{% url 'internal-price-break-create' %}',
linkedGraph: $('#InternalPriceBreakChart'),
},
);
{% endif %}
@ -402,6 +409,7 @@
pb_url: "{% url 'api-part-sale-price-list' %}",
pb_new_btn: $('#new-price-break'),
pb_new_url: '{% url 'sale-price-break-create' %}',
linkedGraph: $('#SalePriceBreakChart'),
},
);
{% endif %}

46
InvenTree/templates/js/part.js
View File

@ -776,6 +776,8 @@ function loadPriceBreakTable(table, options) {
var name = options.name || 'pricebreak';
var human_name = options.human_name || 'price break';
var linkedGraph = options.linkedGraph || null;
var chart = null;
table.inventreeTable({
name: name,
@ -784,6 +786,31 @@ function loadPriceBreakTable(table, options) {
return `{% trans "No ${human_name} information found" %}`;
},
url: options.url,
onLoadSuccess: function(tableData) {
if (linkedGraph) {
var labels = Array.from(tableData, x => x.quantity);
var data = Array.from(tableData, x => parseFloat(x.price));
// destroy chart if exists
if (chart){
chart.destroy();
}
chart = loadLineChart(linkedGraph,
{
labels: labels,
datasets: [
{
label: '{% trans "Unit Price" %}',
data: data,
backgroundColor: 'rgba(255, 206, 86, 0.2)',
borderColor: 'rgb(255, 206, 86)',
stepped: true,
fill: true,
},]
}
);
}
},
columns: [
{
field: 'pk',
@ -817,6 +844,20 @@ function loadPriceBreakTable(table, options) {
});
}
function loadLineChart(context, data) {
return new Chart(context, {
type: 'line',
data: data,
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {position: 'bottom'},
}
}
});
}
function initPriceBreakSet(table, options) {
var part_id = options.part_id;
@ -826,14 +867,15 @@ function initPriceBreakSet(table, options) {
var pb_new_btn = options.pb_new_btn;
var pb_new_url = options.pb_new_url;
function initPriceBreakSet(table, part_id, pb_human_name, pb_url_slug, pb_url, pb_new_btn, pb_new_url) {
var linkedGraph = options.linkedGraph || null;
loadPriceBreakTable(
table,
{
name: pb_url_slug,
human_name: pb_human_name,
url: pb_url,
linkedGraph: linkedGraph,
}
);