mirror of
https://github.com/inventree/InvenTree.git
synced 2025-05-01 21:16:46 +00:00
Simplified "installed_in" table
This commit is contained in:
Oliver Walters
parent
ee9df039cb
commit
b31796cbeb
@ -1304,33 +1304,6 @@ function createNewStockItem(options) {
|
|||||||
function loadInstalledInTable(table, options) {
|
function loadInstalledInTable(table, options) {
|
||||||
/*
|
/*
|
||||||
* Display a table showing the stock items which are installed in this stock item.
|
* Display a table showing the stock items which are installed in this stock item.
|
||||||
* This is a multi-level tree table, where the "top level" items are Part objects,
|
|
||||||
* and the children of each top-level item are the associated installed stock items.
|
|
||||||
*
|
|
||||||
* The process for retrieving data and displaying the table is as follows:
|
|
||||||
*
|
|
||||||
* A) Get BOM data for the stock item
|
|
||||||
* - It is assumed that the stock item will be for an assembly
|
|
||||||
* (otherwise why are we installing stuff anyway?)
|
|
||||||
* - Request BOM items for stock_item.part (and only for trackable sub items)
|
|
||||||
*
|
|
||||||
* B) Add parts to table
|
|
||||||
* - Create rows for each trackable sub-part in the table
|
|
||||||
*
|
|
||||||
* C) Gather installed stock item data
|
|
||||||
* - Get the list of installed stock items via the API
|
|
||||||
* - If the Part reference is already in the table, add the sub-item as a child
|
|
||||||
* - If this is a stock item for a *new* part, request that part from the API,
|
|
||||||
* and add that part as a new row, then add the stock item as a child of that part
|
|
||||||
*
|
|
||||||
* D) Enjoy!
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* And the options object contains the following things:
|
|
||||||
*
|
|
||||||
* - stock_item: The PK of the master stock_item object
|
|
||||||
* - part: The PK of the Part reference of the stock_item object
|
|
||||||
* - quantity: The quantity of the stock item
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
function updateCallbacks() {
|
function updateCallbacks() {
|
||||||
@ -1353,246 +1326,88 @@ function loadInstalledInTable(table, options) {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
table.inventreeTable(
|
table.inventreeTable({
|
||||||
{
|
url: "{% url 'api-stock-list' %}",
|
||||||
url: "{% url 'api-bom-list' %}",
|
queryParams: {
|
||||||
queryParams: {
|
installed_in: options.stock_item,
|
||||||
part: options.part,
|
part_detail: true,
|
||||||
sub_part_trackable: true,
|
},
|
||||||
sub_part_detail: true,
|
formatNoMatches: function() {
|
||||||
},
|
return '{% trans "No installed items" %}';
|
||||||
showColumns: false,
|
},
|
||||||
name: 'installed-in',
|
columns: [
|
||||||
detailView: true,
|
{
|
||||||
detailViewByClick: true,
|
field: 'part',
|
||||||
detailFilter: function(index, row) {
|
title: '{% trans "Part" %}',
|
||||||
return row.installed_count && row.installed_count > 0;
|
formatter: function(value, row) {
|
||||||
},
|
var html = '';
|
||||||
detailFormatter: function(index, row, element) {
|
|
||||||
var subTableId = `installed-table-${row.sub_part}`;
|
|
||||||
|
|
||||||
var html = `<div class='sub-table'><table class='table table-condensed table-striped' id='${subTableId}'></table></div>`;
|
html += imageHoverIcon(row.part_detail.thumbnail);
|
||||||
|
html += renderLink(row.part_detail.full_name, `/stock/item/${row.pk}/`);
|
||||||
|
|
||||||
element.html(html);
|
return html;
|
||||||
|
|
||||||
var subTable = $(`#${subTableId}`);
|
|
||||||
|
|
||||||
// Display a "sub table" showing all the linked stock items
|
|
||||||
subTable.bootstrapTable({
|
|
||||||
data: row.installed_items,
|
|
||||||
showHeader: true,
|
|
||||||
columns: [
|
|
||||||
{
|
|
||||||
field: 'item',
|
|
||||||
title: '{% trans "Stock Item" %}',
|
|
||||||
formatter: function(value, subrow, index, field) {
|
|
||||||
|
|
||||||
var pk = subrow.pk;
|
|
||||||
var html = '';
|
|
||||||
|
|
||||||
if (subrow.serial && subrow.quantity == 1) {
|
|
||||||
html += `{% trans "Serial" %}: ${subrow.serial}`;
|
|
||||||
} else {
|
|
||||||
html += `{% trans "Quantity" %}: ${subrow.quantity}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
return renderLink(html, `/stock/item/${subrow.pk}/`);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'status',
|
|
||||||
title: '{% trans "Status" %}',
|
|
||||||
formatter: function(value, subrow, index, field) {
|
|
||||||
return stockStatusDisplay(value);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'batch',
|
|
||||||
title: '{% trans "Batch" %}',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'actions',
|
|
||||||
title: '',
|
|
||||||
formatter: function(value, subrow, index) {
|
|
||||||
|
|
||||||
var pk = subrow.pk;
|
|
||||||
var html = '';
|
|
||||||
|
|
||||||
// Add some buttons yo!
|
|
||||||
html += `<div class='btn-group float-right' role='group'>`;
|
|
||||||
|
|
||||||
html += makeIconButton('fa-unlink', 'button-uninstall', pk, "{% trans 'Uninstall stock item' %}");
|
|
||||||
|
|
||||||
html += `</div>`;
|
|
||||||
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
onPostBody: function() {
|
|
||||||
// Setup button callbacks
|
|
||||||
subTable.find('.button-uninstall').click(function() {
|
|
||||||
var pk = $(this).attr('pk');
|
|
||||||
|
|
||||||
launchModalForm(
|
|
||||||
"{% url 'stock-item-uninstall' %}",
|
|
||||||
{
|
|
||||||
data: {
|
|
||||||
'items[]': [pk],
|
|
||||||
},
|
|
||||||
success: function() {
|
|
||||||
// Refresh entire table!
|
|
||||||
table.bootstrapTable('refresh');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
columns: [
|
|
||||||
{
|
|
||||||
checkbox: true,
|
|
||||||
title: '{% trans "Select" %}',
|
|
||||||
searchable: false,
|
|
||||||
switchable: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'pk',
|
|
||||||
title: 'ID',
|
|
||||||
visible: false,
|
|
||||||
switchable: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'part',
|
|
||||||
title: '{% trans "Part" %}',
|
|
||||||
sortable: true,
|
|
||||||
formatter: function(value, row, index, field) {
|
|
||||||
|
|
||||||
var url = `/part/${row.sub_part}/`;
|
|
||||||
var thumb = row.sub_part_detail.thumbnail;
|
|
||||||
var name = row.sub_part_detail.full_name;
|
|
||||||
|
|
||||||
html = imageHoverIcon(thumb) + renderLink(name, url);
|
|
||||||
|
|
||||||
if (row.not_in_bom) {
|
|
||||||
html = `<i>${html}</i>`
|
|
||||||
}
|
|
||||||
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'installed',
|
|
||||||
title: '{% trans "Installed" %}',
|
|
||||||
sortable: false,
|
|
||||||
formatter: function(value, row, index, field) {
|
|
||||||
// Construct a progress showing how many items have been installed
|
|
||||||
|
|
||||||
var installed = row.installed_count || 0;
|
|
||||||
var required = row.quantity || 0;
|
|
||||||
|
|
||||||
required *= options.quantity;
|
|
||||||
|
|
||||||
var progress = makeProgressBar(installed, required, {
|
|
||||||
id: row.sub_part.pk,
|
|
||||||
});
|
|
||||||
|
|
||||||
return progress;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'actions',
|
|
||||||
switchable: false,
|
|
||||||
formatter: function(value, row) {
|
|
||||||
var pk = row.sub_part;
|
|
||||||
|
|
||||||
var html = `<div class='btn-group float-right' role='group'>`;
|
|
||||||
|
|
||||||
html += makeIconButton('fa-link', 'button-install', pk, '{% trans "Install item" %}');
|
|
||||||
|
|
||||||
html += `</div>`;
|
|
||||||
|
|
||||||
return html;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
],
|
},
|
||||||
onLoadSuccess: function() {
|
{
|
||||||
// Grab a list of parts which are actually installed in this stock item
|
field: 'quantity',
|
||||||
|
title: '{% trans "Quantity" %}',
|
||||||
|
formatter: function(value, row) {
|
||||||
|
|
||||||
inventreeGet(
|
var html = '';
|
||||||
"{% url 'api-stock-list' %}",
|
|
||||||
|
if (row.serial && row.quantity == 1) {
|
||||||
|
html += `{% trans "Serial" %}: ${row.serial}`;
|
||||||
|
} else {
|
||||||
|
html += `${row.quantity}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
return renderLink(html, `/stock/item/${row.pk}/`);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'status',
|
||||||
|
title: '{% trans "Status" %}',
|
||||||
|
formatter: function(value, row) {
|
||||||
|
return stockStatusDisplay(value);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'batch',
|
||||||
|
title: '{% trans "Batch" %}',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
field: 'buttons',
|
||||||
|
title: '',
|
||||||
|
switchable: false,
|
||||||
|
formatter: function(value, row) {
|
||||||
|
var pk = row.pk;
|
||||||
|
var html = '';
|
||||||
|
|
||||||
|
html += `<div class='btn-group float-right' role='group'>`;
|
||||||
|
html += makeIconButton('fa-unlink', 'button-uninstall', pk, '{% trans "Uninstall Stock Item" %}');
|
||||||
|
html += `</div>`;
|
||||||
|
|
||||||
|
return html;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
onPostBody: function() {
|
||||||
|
// Assign callbacks to the buttons
|
||||||
|
table.find('.button-uninstall').click(function() {
|
||||||
|
var pk = $(this).attr('pk');
|
||||||
|
|
||||||
|
launchModalForm(
|
||||||
|
'{% url "stock-item-uninstall" %}',
|
||||||
{
|
{
|
||||||
installed_in: options.stock_item,
|
data: {
|
||||||
part_detail: true,
|
'items[]': pk,
|
||||||
},
|
},
|
||||||
{
|
success: function() {
|
||||||
success: function(stock_items) {
|
table.bootstrapTable('refresh');
|
||||||
|
|
||||||
var table_data = table.bootstrapTable('getData');
|
|
||||||
|
|
||||||
stock_items.forEach(function(item) {
|
|
||||||
|
|
||||||
var match = false;
|
|
||||||
|
|
||||||
for (var idx = 0; idx < table_data.length; idx++) {
|
|
||||||
|
|
||||||
var row = table_data[idx];
|
|
||||||
|
|
||||||
// Check each row in the table to see if this stock item matches
|
|
||||||
table_data.forEach(function(row) {
|
|
||||||
|
|
||||||
// Match on "sub_part"
|
|
||||||
if (row.sub_part == item.part) {
|
|
||||||
|
|
||||||
// First time?
|
|
||||||
if (row.installed_count == null) {
|
|
||||||
row.installed_count = 0;
|
|
||||||
row.installed_items = [];
|
|
||||||
}
|
|
||||||
|
|
||||||
row.installed_count += item.quantity;
|
|
||||||
row.installed_items.push(item);
|
|
||||||
|
|
||||||
// Push the row back into the table
|
|
||||||
table.bootstrapTable('updateRow', idx, row, true);
|
|
||||||
|
|
||||||
match = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
if (match) {
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!match) {
|
|
||||||
// The stock item did *not* match any items in the BOM!
|
|
||||||
// Add a new row to the table...
|
|
||||||
|
|
||||||
// Contruct a new "row" to add to the table
|
|
||||||
var new_row = {
|
|
||||||
sub_part: item.part,
|
|
||||||
sub_part_detail: item.part_detail,
|
|
||||||
not_in_bom: true,
|
|
||||||
installed_count: item.quantity,
|
|
||||||
installed_items: [item],
|
|
||||||
};
|
|
||||||
|
|
||||||
table.bootstrapTable('append', [new_row]);
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Update button callback links
|
|
||||||
updateCallbacks();
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
);
|
)
|
||||||
|
});
|
||||||
updateCallbacks();
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
);
|
});
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user