2
0
mirror of https://github.com/inventree/InvenTree.git synced 2025-04-30 12:36:45 +00:00

Updated stockitem detail page

- Consolidated buttons into dropdown
- Stock tracking now in collapsible list
This commit is contained in:
Oliver 2018-05-06 21:53:06 +10:00
parent d8922aa9db
commit 8a0db0e6df
3 changed files with 56 additions and 32 deletions

View File

@ -2,7 +2,30 @@
{% load static %} {% load static %}
{% block content %} {% block content %}
<h3>Stock entry details</h3> <div class='row'>
<div class='col-sm-6'>
<h3>Stock Details</h3>
<p><i>{{ item.quantity }} &times {{ item.part.name }}</i></p>
</div>
<div class='col-sm-6'>
<h3>
<div style='float: right;'>
<div class="dropdown" style="float: right;">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Options
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#" id='stock-edit' title='Edit stock item'>Edit</a></li>
{% if item.in_stock %}
<li><a href="#" id='stock-move' title='Move stock item'>Move</a></li>
<li><a href='#' id='stock-stocktake' title='Stocktake'>Stocktake</a></li>
{% endif %}
<li><a href="#" id='stock-delete' title='Delete stock item'>Delete</a></li>
</ul>
</div>
</div>
</h3>
</div>
</div>
<table class="table table-striped"> <table class="table table-striped">
<tr> <tr>
@ -78,42 +101,39 @@
</table> </table>
{% if item.has_tracking_info %} {% if item.has_tracking_info %}
<div class='panel panel-default'> <hr>
<div data-toggle='collapse' data-target='#tracking-info' class='panel panel-heading'><h4>Tracking History</h4></div> <div class="panel-group">
<div class='panel panel-body' id='tracking_info'> <div class="panel panel-default">
<ul class='list-group'> <div class="panel-heading">
{% for track in item.tracking_info.all %} <h4 class="panel-title">
<li class='list-group-item'> <a data-toggle="collapse" href="#collapse1">Stock Tracking</a><span class='badge'>{{ item.tracking_info.all|length }}</span>
<b>{{ track.title }}</b> </h4>
{% if track.notes %} </div>
<br>{{ track.notes }} <div id="collapse1" class="panel-collapse collapse">
{% endif %} <div class="panel-body">
<span class='badge'>{{ track.date }} - {{ track.user }}</span> <ul class="list-group">
</li> {% for track in item.tracking_info.all %}
{% endfor %} <li class='list-group-item'>
</ul> <b>{{ track.title }}</b>
{% if track.notes %}
<br>{{ track.notes }}
{% endif %}
<span class='badge'>{{ track.date }} - {{ track.user }}</span>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div> </div>
</div>
{% endif %} {% endif %}
<div class='container-fluid'>
<button class='btn btn-info' id='edit-item'>Edit Stock Item</button>
{% if item.in_stock %}
<button class='btn btn-primary' id='move-item'>Move Stock Item</button>
<button class='btn btn-primary' id='stocktake'>Stocktake</button>
{% endif %}
<button class='btn btn-danger' id='delete-item'>Delete Stock Item</button>
</div>
{% endblock %} {% endblock %}
{% block js_load %} {% block js_load %}
<script type='text/javascript' src="{% static 'script/modal_form.js' %}"></script> <script type='text/javascript' src="{% static 'script/modal_form.js' %}"></script>
{% endblock %} {% endblock %}
{% block js_ready %} {% block js_ready %}
$("#edit-item").click(function () { $("#stock-edit").click(function () {
launchModalForm("#modal-form", launchModalForm("#modal-form",
"{% url 'stock-item-edit' item.id %}", "{% url 'stock-item-edit' item.id %}",
{ {
@ -122,7 +142,7 @@
}); });
{% if item.in_stock %} {% if item.in_stock %}
$("#move-item").click(function() { $("#stock-move").click(function() {
launchModalForm("#modal-form", launchModalForm("#modal-form",
"{% url 'stock-item-move' item.id %}", "{% url 'stock-item-move' item.id %}",
{ {
@ -130,7 +150,7 @@
}); });
}); });
$("#stocktake").click(function() { $("#stock-stocktake").click(function() {
launchModalForm("#modal-form", launchModalForm("#modal-form",
"{% url 'stock-item-stocktake' item.id %}", "{% url 'stock-item-stocktake' item.id %}",
{ {
@ -140,7 +160,7 @@
{% endif %} {% endif %}
$("#delete-item").click(function () { $("#stock-delete").click(function () {
launchDeleteForm("#modal-delete", launchDeleteForm("#modal-delete",
"{% url 'stock-item-delete' item.id %}", "{% url 'stock-item-delete' item.id %}",
{ {

View File

@ -202,6 +202,9 @@
field: 'quantity', field: 'quantity',
title: 'Stock', title: 'Stock',
sortable: true, sortable: true,
formatter: function(value, row, index, field) {
return renderLink(value, row.url);
}
}, },
{ {
field: 'status', field: 'status',

View File

@ -141,6 +141,7 @@ class StockItemMove(AjaxUpdateView):
form = self.form_class(request.POST, instance=self.get_object()) form = self.form_class(request.POST, instance=self.get_object())
if form.is_valid(): if form.is_valid():
obj = form.save() obj = form.save()
try: try: