mirror of
https://github.com/inventree/InvenTree.git
synced 2025-07-04 04:30:56 +00:00
1078 lines
36 KiB
HTML
1078 lines
36 KiB
HTML
{% extends "part/part_base.html" %}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
{% load inventree_extras %}
|
|
{% load crispy_forms_tags %}
|
|
{% load markdownify %}
|
|
|
|
{% block menubar %}
|
|
{% include 'part/navbar.html' %}
|
|
{% endblock %}
|
|
|
|
{% block page_content %}
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-part-stock'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Part Stock" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
{% if part.is_template %}
|
|
<div class='alert alert-info alert-block'>
|
|
{% blocktrans with full_name=part.full_name%}Showing stock for all variants of <i>{{full_name}}</i>{% endblocktrans %}
|
|
</div>
|
|
{% endif %}
|
|
{% include "stock_table.html" %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-test-templates'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Part Test Templates" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='test-button-toolbar'>
|
|
<div class='button-toolbar container-fluid' style="float: right;">
|
|
<div class='btn-group' role='group'>
|
|
<button type='button' class='btn btn-success' id='add-test-template'>{% trans "Add Test Template" %}</button>
|
|
</div>
|
|
<div class='filter-list' id='filter-list-parttests'>
|
|
<!-- Empty div -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class='table table-striped table-condensed' data-toolbar='#test-button-toolbar' id='test-template-table'></table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-purchase-orders'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Purchase Orders" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='po-button-bar'>
|
|
<div class='button-toolbar container-fluid' style='float: right;'>
|
|
<button class='btn btn-primary' type='button' id='part-order2' title='{% trans "Order part" %}'>
|
|
<span class='fas fa-shopping-cart'></span> {% trans "Order Part" %}
|
|
</button>
|
|
<div class='filter-list' id='filter-list-purchaseorder'>
|
|
<!-- An empty div in which the filter list will be constructed -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class='table table-striped table-condensed po-table' id='purchase-order-table' data-toolbar='#po-button-bar'>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-sales-orders'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Sales Orders" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='so-button-bar'>
|
|
<div class='button-toolbar container-fluid' style='float: right;'>
|
|
{% if 0 %}
|
|
<button class='btn btn-primary' type='button' id='part-order2' title='{% trans "New sales order" %}'>{% trans "New Order" %}</button>
|
|
{% endif %}
|
|
<div class='filter-list' id='filter-list-salesorder'>
|
|
<!-- An empty div in which the filter list will be constructed -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class='table table-striped table-condensed po-table' id='sales-order-table' data-toolbar='#so-button-bar'>
|
|
</table>
|
|
</div>
|
|
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Sales Order Allocations" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<table class='table table-striped table-condensed' id='sales-order-allocation-table'></table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-pricing'>
|
|
{% include "part/prices.html" %}
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-part-notes'>
|
|
<div class='panel-heading'>
|
|
<div class='row'>
|
|
<div class='col-sm-6'>
|
|
<h4>{% trans "Notes" %}</h4>
|
|
</div>
|
|
<div class='col-sm-6'>
|
|
<div class='btn-group float-right'>
|
|
<button type='button' id='edit-notes' title='{% trans "Edit Notes" %}' class='btn btn-small btn-default'>
|
|
<span class='fas fa-edit'>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='panel-content'>
|
|
{% if part.notes %}
|
|
{{ part.notes | markdownify }}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-pricing'>
|
|
<!-- TODO -->
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-variants'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Part Variants" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='variant-button-toolbar'>
|
|
<div class='button-toolbar container-fluid'>
|
|
<div class='btn-group' role='group'>
|
|
{% if part.is_template and part.active %}
|
|
<button class='btn btn-success' id='new-variant' title='{% trans "Create new variant" %}'>
|
|
<span class='fas fa-plus-circle'></span> {% trans "New Variant" %}
|
|
</button>
|
|
{% endif %}
|
|
</div>
|
|
<div class='filter-list' id='filter-list-variants'>
|
|
<!-- Empty div (will be filled out with available BOM filters) -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class='table table-striped table-condensed' id='variants-table' data-toolbar='#variant-button-toolbar'>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-part-parameters'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Parameters" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='param-button-toolbar'>
|
|
<div class='button-toolbar container-fluid' style='float: right;'>
|
|
{% if roles.part.add %}
|
|
<button title='{% trans "Add new parameter" %}' class='btn btn-success' id='param-create'>
|
|
<span class='fas fa-plus-circle'></span> {% trans "New Parameter" %}
|
|
</button>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<table id='parameter-table' class='table table-condensed table-striped' data-toolbar="#param-button-toolbar"></table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-part-attachments'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Attachments" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
{% include "attachment_table.html" %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-related-parts'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Related Parts" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='related-button-bar'>
|
|
<div class='button-toolbar container-fluid' style='float: left;'>
|
|
{% if roles.part.change %}
|
|
<button class='btn btn-primary' type='button' id='add-related-part' title='{% trans "Add Related" %}'>{% trans "Add Related" %}</button>
|
|
<div class='filter-list' id='filter-list-related'>
|
|
<!-- An empty div in which the filter list will be constructed -->
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<table id='table-related-part' class='table table-condensed table-striped' data-toolbar='#related-button-toolbar'>
|
|
<thead>
|
|
<tr>
|
|
<th data-field='part' data-serachable='true'>{% trans "Part" %}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for item in part.get_related_parts %}
|
|
{% with part_related=item.0 part=item.1 %}
|
|
<tr>
|
|
<td>
|
|
<a class='hover-icon'>
|
|
<img class='hover-img-thumb' src='{{ part.get_thumbnail_url }}'>
|
|
<img class='hover-img-large' src='{{ part.get_thumbnail_url }}'>
|
|
</a>
|
|
<a href='/part/{{ part.id }}/'>{{ part }}</a>
|
|
<div class='btn-group' style='float: right;'>
|
|
{% if roles.part.change %}
|
|
<button title='{% trans "Delete" %}' class='btn btn-default btn-glyph delete-related-part' url="{% url 'part-related-delete' part_related.id %}" type='button'><span class='fas fa-trash-alt icon-red'/></button>
|
|
{% endif %}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{% endwith %}
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-bom'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Bill of Materials" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
{% include "part/bom.html" with part=part %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-used-in'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Assemblies" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='assembly-button-toolbar'>
|
|
<div class='filter-list' id='filter-list-usedin'>
|
|
<!-- Empty div (will be filled out with avilable BOM filters) -->
|
|
</div>
|
|
</div>
|
|
|
|
<table class="table table-striped table-condensed" id='used-table' data-toolbar='#assembly-button-toolbar'>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-build-orders'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Part Builds" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='build-button-toolbar'>
|
|
<div class='button-toolbar container-fluid' style='float: right';>
|
|
{% if part.active %}
|
|
{% if roles.build.add %}
|
|
<button class="btn btn-success" id='start-build'><span class='fas fa-tools'></span> {% trans "Start New Build" %}</button>
|
|
{% endif %}
|
|
{% endif %}
|
|
<div class='filter-list' id='filter-list-build'>
|
|
<!-- Empty div for filters -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class='table table-striped table-condensed' data-toolbar='#build-button-toolbar' id='build-table'>
|
|
</table>
|
|
</div>
|
|
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Build Order Allocations" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<table class='table table-striped table-condensed' id='build-order-allocation-table'></table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='panel panel-default panel-inventree panel-hidden' id='panel-suppliers'>
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Part Suppliers" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div id='supplier-button-toolbar'>
|
|
<div class='btn-group'>
|
|
<button class="btn btn-success" id='supplier-create'>
|
|
<span class='fas fa-plus-circle'></span> {% trans "New Supplier Part" %}
|
|
</button>
|
|
<div id='opt-dropdown' class="btn-group">
|
|
<button id='supplier-part-options' class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{% trans "Options" %}<span class="caret"></span></button>
|
|
<ul class="dropdown-menu">
|
|
<li><a href='#' id='supplier-part-delete' title='{% trans "Delete supplier parts" %}'>{% trans "Delete" %}</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="table table-striped table-condensed" id='supplier-part-table' data-toolbar='#supplier-button-toolbar'>
|
|
</table>
|
|
</div>
|
|
|
|
<div class='panel-heading'>
|
|
<h4>{% trans "Part Manufacturers" %}</h4>
|
|
</div>
|
|
<div class='panel-content'>
|
|
<div class='panel-content'>
|
|
<div id='manufacturer-button-toolbar'>
|
|
<div class='btn-group'>
|
|
<button class="btn btn-success" id='manufacturer-create'>
|
|
<span class='fas fa-plus-circle'></span> {% trans "New Manufacturer Part" %}
|
|
</button>
|
|
<div id='opt-dropdown' class="btn-group">
|
|
<button id='manufacturer-part-options' class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">{% trans "Options" %}<span class="caret"></span></button>
|
|
<ul class="dropdown-menu">
|
|
<li><a href='#' id='manufacturer-part-delete' title='{% trans "Delete manufacturer parts" %}'>{% trans "Delete" %}</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<table class='table table-condensed table-striped' id='manufacturer-part-table' data-toolbar='#manufacturer-button-toolbar'></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
{% block js_load %}
|
|
{{ block.super }}
|
|
{% endblock %}
|
|
|
|
{% block js_ready %}
|
|
{{ block.super }}
|
|
|
|
// Load the "suppliers" tab
|
|
onPanelLoad('suppliers', function() {
|
|
function reloadSupplierPartTable() {
|
|
$('#supplier-part-table').bootstrapTable('refresh');
|
|
}
|
|
|
|
$('#supplier-create').click(function () {
|
|
|
|
createSupplierPart({
|
|
part: {{ part.pk }},
|
|
onSuccess: reloadSupplierPartTable,
|
|
});
|
|
});
|
|
|
|
$("#supplier-part-delete").click(function() {
|
|
|
|
var selections = $("#supplier-part-table").bootstrapTable("getSelections");
|
|
|
|
var requests = [];
|
|
|
|
showQuestionDialog(
|
|
'{% trans "Delete Supplier Parts?" %}',
|
|
'{% trans "All selected supplier parts will be deleted" %}',
|
|
{
|
|
accept: function() {
|
|
selections.forEach(function(part) {
|
|
var url = `/api/company/part/${part.pk}/`;
|
|
|
|
requests.push(inventreeDelete(url));
|
|
});
|
|
|
|
$.when.apply($, requests).done(function() {
|
|
reloadSupplierPartTable();
|
|
});
|
|
}
|
|
}
|
|
);
|
|
});
|
|
|
|
loadSupplierPartTable(
|
|
"#supplier-part-table",
|
|
"{% url 'api-supplier-part-list' %}",
|
|
{
|
|
params: {
|
|
part: {{ part.id }},
|
|
part_detail: false,
|
|
supplier_detail: true,
|
|
manufacturer_detail: true,
|
|
},
|
|
}
|
|
);
|
|
|
|
linkButtonsToSelection($("#supplier-part-table"), ['#supplier-part-options']);
|
|
|
|
loadManufacturerPartTable(
|
|
'#manufacturer-part-table',
|
|
"{% url 'api-manufacturer-part-list' %}",
|
|
{
|
|
params: {
|
|
part: {{ part.id }},
|
|
part_detail: true,
|
|
manufacturer_detail: true,
|
|
},
|
|
}
|
|
);
|
|
|
|
linkButtonsToSelection($("#manufacturer-part-table"), ['#manufacturer-part-options']);
|
|
|
|
$("#manufacturer-part-delete").click(function() {
|
|
|
|
var selections = $("#manufacturer-part-table").bootstrapTable("getSelections");
|
|
|
|
deleteManufacturerParts(selections, {
|
|
onSuccess: function() {
|
|
$("#manufacturer-part-table").bootstrapTable("refresh");
|
|
}
|
|
});
|
|
});
|
|
|
|
$('#manufacturer-create').click(function () {
|
|
|
|
createManufacturerPart({
|
|
part: {{ part.pk }},
|
|
onSuccess: function() {
|
|
$("#manufacturer-part-table").bootstrapTable("refresh");
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
// Load the "builds" tab
|
|
onPanelLoad("build-orders", function() {
|
|
|
|
$("#start-build").click(function() {
|
|
newBuildOrder({
|
|
part: {{ part.pk }},
|
|
});
|
|
});
|
|
|
|
loadBuildTable($("#build-table"), {
|
|
url: "{% url 'api-build-list' %}",
|
|
params: {
|
|
part: {{ part.id }},
|
|
}
|
|
});
|
|
|
|
loadBuildOrderAllocationTable("#build-order-allocation-table", {
|
|
params: {
|
|
part: {{ part.id }},
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
// Load the "sales orders" tab
|
|
onPanelLoad("sales-orders", function() {
|
|
loadSalesOrderAllocationTable("#sales-order-allocation-table", {
|
|
params: {
|
|
part: {{ part.id }},
|
|
}
|
|
});
|
|
});
|
|
|
|
// Load the "used in" tab
|
|
onPanelLoad("used-in", function() {
|
|
loadPartTable('#used-table',
|
|
'{% url "api-part-list" %}',
|
|
{
|
|
params: {
|
|
uses: {{ part.pk }},
|
|
},
|
|
filterTarget: '#filter-list-usedin',
|
|
}
|
|
);
|
|
});
|
|
|
|
// Load the "BOM" tab
|
|
onPanelLoad("bom", function() {
|
|
// Load the BOM table data
|
|
loadBomTable($("#bom-table"), {
|
|
editable: {{ editing_enabled }},
|
|
bom_url: "{% url 'api-bom-list' %}",
|
|
part_url: "{% url 'api-part-list' %}",
|
|
parent_id: {{ part.id }} ,
|
|
sub_part_detail: true,
|
|
});
|
|
|
|
linkButtonsToSelection($("#bom-table"),
|
|
[
|
|
"#bom-item-delete",
|
|
]
|
|
);
|
|
|
|
{% if editing_enabled %}
|
|
$("#editing-finished").click(function() {
|
|
location.href = "{% url 'part-detail' part.id %}?display=bom";
|
|
});
|
|
|
|
$('#bom-item-delete').click(function() {
|
|
|
|
// Get a list of the selected BOM items
|
|
var rows = $("#bom-table").bootstrapTable('getSelections');
|
|
|
|
// TODO - In the future, display (in the dialog) which items are going to be deleted
|
|
|
|
showQuestionDialog(
|
|
'{% trans "Delete selected BOM items?" %}',
|
|
'{% trans "All selected BOM items will be deleted" %}',
|
|
{
|
|
accept: function() {
|
|
|
|
// Keep track of each DELETE request
|
|
var requests = [];
|
|
|
|
rows.forEach(function(row) {
|
|
requests.push(
|
|
inventreeDelete(
|
|
`/api/bom/${row.pk}/`,
|
|
)
|
|
);
|
|
});
|
|
|
|
// Wait for *all* the requests to complete
|
|
$.when.apply($, requests).done(function() {
|
|
location.reload();
|
|
});
|
|
}
|
|
}
|
|
);
|
|
});
|
|
|
|
$('#bom-upload').click(function() {
|
|
location.href = "{% url 'upload-bom' part.id %}";
|
|
});
|
|
|
|
$('#bom-duplicate').click(function() {
|
|
launchModalForm(
|
|
"{% url 'duplicate-bom' part.id %}",
|
|
{
|
|
success: function() {
|
|
$('#bom-table').bootstrapTable('refresh');
|
|
}
|
|
}
|
|
);
|
|
});
|
|
|
|
$("#bom-item-new").click(function () {
|
|
|
|
var fields = bomItemFields();
|
|
|
|
fields.part.value = {{ part.pk }};
|
|
fields.sub_part.filters = {
|
|
active: true,
|
|
};
|
|
|
|
constructForm('{% url "api-bom-list" %}', {
|
|
fields: fields,
|
|
method: 'POST',
|
|
title: '{% trans "Create BOM Item" %}',
|
|
onSuccess: function() {
|
|
$('#bom-table').bootstrapTable('refresh');
|
|
}
|
|
});
|
|
});
|
|
|
|
{% else %}
|
|
|
|
$("#validate-bom").click(function() {
|
|
launchModalForm(
|
|
"{% url 'bom-validate' part.id %}",
|
|
{
|
|
reload: true,
|
|
}
|
|
);
|
|
});
|
|
|
|
$("#edit-bom").click(function () {
|
|
location.href = "{% url 'part-detail' part.id %}?display=bom&edit=1";
|
|
});
|
|
|
|
$("#download-bom").click(function () {
|
|
launchModalForm("{% url 'bom-export' part.id %}",
|
|
{
|
|
success: function(response) {
|
|
location.href = response.url;
|
|
},
|
|
}
|
|
);
|
|
});
|
|
|
|
{% endif %}
|
|
|
|
$("#print-bom-report").click(function() {
|
|
printBomReports([{{ part.pk }}]);
|
|
});
|
|
});
|
|
|
|
// Load the "related parts" tab
|
|
onPanelLoad("related-parts", function() {
|
|
$('#table-related-part').inventreeTable({
|
|
});
|
|
|
|
$("#add-related-part").click(function() {
|
|
launchModalForm("{% url 'part-related-create' %}", {
|
|
data: {
|
|
part: {{ part.id }},
|
|
},
|
|
reload: true,
|
|
});
|
|
});
|
|
|
|
$('.delete-related-part').click(function() {
|
|
var button = $(this);
|
|
|
|
launchModalForm(button.attr('url'), {
|
|
reload: true,
|
|
});
|
|
});
|
|
});
|
|
|
|
// Load the "variants" tab
|
|
onPanelLoad("variants", function() {
|
|
loadPartVariantTable($('#variants-table'), {{ part.pk }});
|
|
|
|
$('#new-variant').click(function() {
|
|
|
|
duplicatePart(
|
|
{{ part.pk}},
|
|
{
|
|
variant: true,
|
|
}
|
|
);
|
|
});
|
|
});
|
|
|
|
|
|
// Load the BOM table data in the pricing view
|
|
loadBomTable($("#bom-pricing-table"), {
|
|
editable: {{ editing_enabled }},
|
|
bom_url: "{% url 'api-bom-list' %}",
|
|
part_url: "{% url 'api-part-list' %}",
|
|
parent_id: {{ part.id }} ,
|
|
sub_part_detail: true,
|
|
});
|
|
|
|
onPanelLoad("purchase-orders", function() {
|
|
loadPurchaseOrderTable($("#purchase-order-table"), {
|
|
url: "{% url 'api-po-list' %}",
|
|
params: {
|
|
part: {{ part.id }},
|
|
},
|
|
});
|
|
});
|
|
|
|
onPanelLoad("sales-orders", function() {
|
|
loadSalesOrderTable($("#sales-order-table"), {
|
|
url: "{% url 'api-so-list' %}",
|
|
params: {
|
|
part: {{ part.id }},
|
|
},
|
|
});
|
|
});
|
|
|
|
|
|
$("#part-order2").click(function() {
|
|
launchModalForm("{% url 'order-parts' %}", {
|
|
data: {
|
|
part: {{ part.id }},
|
|
},
|
|
reload: true,
|
|
});
|
|
});
|
|
|
|
onPanelLoad("test-templates", function() {
|
|
loadPartTestTemplateTable(
|
|
$("#test-template-table"),
|
|
{
|
|
part: {{ part.pk }},
|
|
params: {
|
|
part: {{ part.pk }},
|
|
}
|
|
}
|
|
);
|
|
|
|
$("#add-test-template").click(function() {
|
|
|
|
function reloadTestTemplateTable() {
|
|
$("#test-template-table").bootstrapTable("refresh");
|
|
}
|
|
|
|
constructForm('{% url "api-part-test-template-list" %}', {
|
|
method: 'POST',
|
|
fields: {
|
|
test_name: {},
|
|
description: {},
|
|
required: {},
|
|
requires_value: {},
|
|
requires_attachment: {},
|
|
part: {
|
|
value: {{ part.pk }},
|
|
hidden: true,
|
|
}
|
|
},
|
|
title: '{% trans "Add Test Result Template" %}',
|
|
onSuccess: reloadTestTemplateTable
|
|
});
|
|
|
|
$("#test-template-table").on('click', '.button-test-edit', function() {
|
|
var pk = $(this).attr('pk');
|
|
|
|
var url = `/api/part/test-template/${pk}/`;
|
|
|
|
constructForm(url, {
|
|
fields: {
|
|
test_name: {},
|
|
description: {},
|
|
required: {},
|
|
requires_value: {},
|
|
requires_attachment: {},
|
|
},
|
|
title: '{% trans "Edit Test Result Template" %}',
|
|
onSuccess: reloadTestTemplateTable,
|
|
});
|
|
});
|
|
|
|
$("#test-template-table").on('click', '.button-test-delete', function() {
|
|
var pk = $(this).attr('pk');
|
|
|
|
var url = `/api/part/test-template/${pk}/`;
|
|
|
|
constructForm(url, {
|
|
method: 'DELETE',
|
|
title: '{% trans "Delete Test Result Template" %}',
|
|
onSuccess: reloadTestTemplateTable,
|
|
});
|
|
});
|
|
|
|
});
|
|
});
|
|
|
|
onPanelLoad("part-stock", function() {
|
|
$('#add-stock-item').click(function () {
|
|
createNewStockItem({
|
|
reload: true,
|
|
data: {
|
|
part: {{ part.id }},
|
|
}
|
|
});
|
|
});
|
|
|
|
loadStockTable($("#stock-table"), {
|
|
params: {
|
|
part: {{ part.id }},
|
|
location_detail: true,
|
|
part_detail: true,
|
|
supplier_part_detail: true,
|
|
},
|
|
groupByField: 'location',
|
|
buttons: [
|
|
'#stock-options',
|
|
],
|
|
url: "{% url 'api-stock-list' %}",
|
|
});
|
|
|
|
$("#stock-export").click(function() {
|
|
|
|
exportStock({
|
|
part: {{ part.pk }}
|
|
});
|
|
});
|
|
|
|
$('#item-create').click(function () {
|
|
createNewStockItem({
|
|
reload: true,
|
|
data: {
|
|
part: {{ part.id }},
|
|
}
|
|
});
|
|
});
|
|
});
|
|
|
|
$('#edit-notes').click(function() {
|
|
constructForm('{% url "api-part-detail" part.pk %}', {
|
|
fields: {
|
|
notes: {
|
|
multiline: true,
|
|
}
|
|
},
|
|
title: '{% trans "Edit Part Notes" %}',
|
|
reload: true,
|
|
});
|
|
});
|
|
|
|
$(".slidey").change(function() {
|
|
var field = $(this).attr('fieldname');
|
|
|
|
var checked = $(this).prop('checked');
|
|
|
|
var data = {};
|
|
|
|
data[field] = checked;
|
|
// Update the particular field
|
|
inventreePut("{% url 'api-part-detail' part.id %}",
|
|
data,
|
|
{
|
|
method: 'PATCH',
|
|
reloadOnSuccess: true,
|
|
},
|
|
);
|
|
});
|
|
|
|
onPanelLoad("part-parameters", function() {
|
|
loadPartParameterTable(
|
|
'#parameter-table',
|
|
'{% url "api-part-parameter-list" %}',
|
|
{
|
|
params: {
|
|
part: {{ part.pk }},
|
|
}
|
|
}
|
|
);
|
|
|
|
$('#param-table').inventreeTable({
|
|
});
|
|
|
|
{% if roles.part.add %}
|
|
$('#param-create').click(function() {
|
|
|
|
constructForm('{% url "api-part-parameter-list" %}', {
|
|
method: 'POST',
|
|
fields: {
|
|
part: {
|
|
value: {{ part.pk }},
|
|
hidden: true,
|
|
},
|
|
template: {},
|
|
data: {},
|
|
},
|
|
title: '{% trans "Add Parameter" %}',
|
|
onSuccess: function() {
|
|
$('#parameter-table').bootstrapTable('refresh');
|
|
}
|
|
});
|
|
});
|
|
{% endif %}
|
|
|
|
$('.param-edit').click(function() {
|
|
var button = $(this);
|
|
|
|
launchModalForm(button.attr('url'), {
|
|
reload: true,
|
|
});
|
|
});
|
|
|
|
$('.param-delete').click(function() {
|
|
var button = $(this);
|
|
|
|
launchModalForm(button.attr('url'), {
|
|
reload: true,
|
|
});
|
|
});
|
|
});
|
|
|
|
onPanelLoad("part-attachments", function() {
|
|
loadAttachmentTable(
|
|
'{% url "api-part-attachment-list" %}',
|
|
{
|
|
filters: {
|
|
part: {{ part.pk }},
|
|
},
|
|
onEdit: function(pk) {
|
|
var url = `/api/part/attachment/${pk}/`;
|
|
|
|
constructForm(url, {
|
|
fields: {
|
|
comment: {},
|
|
},
|
|
title: '{% trans "Edit Attachment" %}',
|
|
onSuccess: reloadAttachmentTable,
|
|
});
|
|
},
|
|
onDelete: function(pk) {
|
|
var url = `/api/part/attachment/${pk}/`;
|
|
|
|
constructForm(url, {
|
|
method: 'DELETE',
|
|
confirmMessage: '{% trans "Confirm Delete Operation" %}',
|
|
title: '{% trans "Delete Attachment" %}',
|
|
onSuccess: reloadAttachmentTable,
|
|
});
|
|
}
|
|
}
|
|
);
|
|
|
|
enableDragAndDrop(
|
|
'#attachment-dropzone',
|
|
'{% url "api-part-attachment-list" %}',
|
|
{
|
|
data: {
|
|
part: {{ part.id }},
|
|
},
|
|
label: 'attachment',
|
|
success: function(data, status, xhr) {
|
|
reloadAttachmentTable();
|
|
}
|
|
}
|
|
);
|
|
|
|
$("#new-attachment").click(function() {
|
|
|
|
constructForm(
|
|
'{% url "api-part-attachment-list" %}',
|
|
{
|
|
method: 'POST',
|
|
fields: {
|
|
attachment: {},
|
|
comment: {},
|
|
part: {
|
|
value: {{ part.pk }},
|
|
hidden: true,
|
|
}
|
|
},
|
|
onSuccess: reloadAttachmentTable,
|
|
title: '{% trans "Add Attachment" %}',
|
|
}
|
|
)
|
|
});
|
|
});
|
|
|
|
|
|
{% default_currency as currency %}
|
|
|
|
// history graphs
|
|
{% if price_history %}
|
|
var purchasepricedata = {
|
|
labels: [
|
|
{% for line in price_history %}'{{ line.date }}',{% endfor %}
|
|
],
|
|
datasets: [{
|
|
label: '{% blocktrans %}Purchase Unit Price - {{currency}}{% endblocktrans %}',
|
|
backgroundColor: 'rgba(255, 99, 132, 0.2)',
|
|
borderColor: 'rgb(255, 99, 132)',
|
|
yAxisID: 'y',
|
|
data: [
|
|
{% for line in price_history %}{{ line.price|stringformat:".2f" }},{% endfor %}
|
|
],
|
|
borderWidth: 1,
|
|
type: 'line'
|
|
},
|
|
{% if 'price_diff' in price_history.0 %}
|
|
{
|
|
label: '{% blocktrans %}Unit Price-Cost Difference - {{currency}}{% endblocktrans %}',
|
|
backgroundColor: 'rgba(68, 157, 68, 0.2)',
|
|
borderColor: 'rgb(68, 157, 68)',
|
|
yAxisID: 'y2',
|
|
data: [
|
|
{% for line in price_history %}{{ line.price_diff|stringformat:".2f" }},{% endfor %}
|
|
],
|
|
borderWidth: 1,
|
|
type: 'line',
|
|
hidden: true,
|
|
},
|
|
{
|
|
label: '{% blocktrans %}Supplier Unit Cost - {{currency}}{% endblocktrans %}',
|
|
backgroundColor: 'rgba(70, 127, 155, 0.2)',
|
|
borderColor: 'rgb(70, 127, 155)',
|
|
yAxisID: 'y',
|
|
data: [
|
|
{% for line in price_history %}{{ line.price_part|stringformat:".2f" }},{% endfor %}
|
|
],
|
|
borderWidth: 1,
|
|
type: 'line',
|
|
hidden: true,
|
|
},
|
|
{% endif %}
|
|
{
|
|
label: '{% trans "Quantity" %}',
|
|
backgroundColor: 'rgba(255, 206, 86, 0.2)',
|
|
borderColor: 'rgb(255, 206, 86)',
|
|
yAxisID: 'y1',
|
|
data: [
|
|
{% for line in price_history %}{{ line.qty|stringformat:"f" }},{% endfor %}
|
|
],
|
|
borderWidth: 1
|
|
}]
|
|
}
|
|
var StockPriceChart = loadStockPricingChart($('#StockPriceChart'), purchasepricedata)
|
|
{% endif %}
|
|
|
|
{% if bom_parts %}
|
|
var bom_colors = randomColor({hue: 'green', count: {{ bom_parts|length }} })
|
|
var bomdata = {
|
|
labels: [{% for line in bom_parts %}'{{ line.name }}',{% endfor %}],
|
|
datasets: [
|
|
{
|
|
label: 'Price',
|
|
data: [{% for line in bom_parts %}{{ line.min_price }},{% endfor %}],
|
|
backgroundColor: bom_colors,
|
|
},
|
|
{% if bom_pie_max %}
|
|
{
|
|
label: 'Max Price',
|
|
data: [{% for line in bom_parts %}{{ line.max_price }},{% endfor %}],
|
|
backgroundColor: bom_colors,
|
|
},
|
|
{% endif %}
|
|
]
|
|
};
|
|
var BomChart = loadBomChart(document.getElementById('BomChart'), bomdata)
|
|
{% endif %}
|
|
|
|
|
|
// Internal pricebreaks
|
|
{% settings_value "PART_INTERNAL_PRICE" as show_internal_price %}
|
|
{% if show_internal_price and roles.sales_order.view %}
|
|
initPriceBreakSet(
|
|
$('#internal-price-break-table'),
|
|
{
|
|
part_id: {{part.id}},
|
|
pb_human_name: 'internal price break',
|
|
pb_url_slug: 'internal-price',
|
|
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 %}
|
|
|
|
// Sales pricebreaks
|
|
{% if part.salable and roles.sales_order.view %}
|
|
initPriceBreakSet(
|
|
$('#price-break-table'),
|
|
{
|
|
part_id: {{part.id}},
|
|
pb_human_name: 'sale price break',
|
|
pb_url_slug: 'sale-price',
|
|
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 %}
|
|
|
|
// Sale price history
|
|
{% if sale_history %}
|
|
var salepricedata = {
|
|
labels: [
|
|
{% for line in sale_history %}'{{ line.date }}',{% endfor %}
|
|
],
|
|
datasets: [{
|
|
label: '{% blocktrans %}Unit Price - {{currency}}{% endblocktrans %}',
|
|
backgroundColor: 'rgba(255, 99, 132, 0.2)',
|
|
borderColor: 'rgb(255, 99, 132)',
|
|
yAxisID: 'y',
|
|
data: [
|
|
{% for line in sale_history %}{{ line.price|stringformat:".2f" }},{% endfor %}
|
|
],
|
|
borderWidth: 1,
|
|
},
|
|
{
|
|
label: '{% trans "Quantity" %}',
|
|
backgroundColor: 'rgba(255, 206, 86, 0.2)',
|
|
borderColor: 'rgb(255, 206, 86)',
|
|
yAxisID: 'y1',
|
|
data: [
|
|
{% for line in sale_history %}{{ line.qty|stringformat:"f" }},{% endfor %}
|
|
],
|
|
borderWidth: 1,
|
|
type: 'bar',
|
|
}]
|
|
}
|
|
var SalePriceChart = loadSellPricingChart($('#SalePriceChart'), salepricedata)
|
|
{% endif %}
|
|
|
|
attachNavCallbacks({
|
|
name: 'part',
|
|
default: 'part-stock'
|
|
});
|
|
|
|
{% endblock %}
|