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

Add (very rough) function to add new custom table filters

Browse Source 
- The javascript needs a LOT of work!
This commit is contained in:
Oliver Walters 2020-04-11 00:45:18 +10:00
parent b2565270a5
commit 613dd9d471
2 changed files with 97 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
InvenTree/InvenTree/static/script/inventree/stock.js
View File

@ -15,10 +15,17 @@ function getStockLocations(filters={}, options={}) {
}
// A map of available filters for the stock table
function getStockFilterOptions() {
function getAvailableStockFilters() {
return {
'cascade': {
'type': 'bool',
'description': 'Include stock in sublocations',
'title': 'sublocations',
},
'active': {
'type': 'bool',
'title': 'part active',
'description': 'Show stock for active parts',
},
'status': {
'options': {
@ -28,6 +35,7 @@ function getStockFilterOptions() {
'DESTROYED': 60,
'LOST': 70
},
'description': 'Stock status',
}
};
}
@ -35,10 +43,10 @@ function getStockFilterOptions() {
function loadStockFilters() {
// Load the stock table filters from session-storage
var filterstring = inventreeLoad("stockfilters", "cascade=true&loc=1");
var filterstring = inventreeLoad("stockfilters", "cascade=true");
if (filterstring.length == 0) {
filterstring = 'cascade=true&test=1&location=10&status=50';
filterstring = 'cascade=true&status=60';
}
var split = filterstring.split("&");
@ -91,9 +99,80 @@ function removeStockFilter(key) {
return filters;
}
function addStockFilter(key, value) {
var filters = loadStockFilters();
filters[key] = value;
saveStockFilters(filters);
return filters;
}
function createStockFilter() {
// TODO
console.log("create stock filter");
var html = `<select id='filter-tag' name='tag'>`;
var available = getAvailableStockFilters();
var filters = loadStockFilters();
for (var key in available) {
// Ignore any keys that are already used..
if (key in filters) continue;
html += `<option value='${key}'>${available[key].title || key}</option>`;
}
html += `</select>`;
// Add in a (blank) selection for filter value
html += `<select id='filter-value' name='value'></select>`;
html += `<button class='btn btn-default' id='filter-make'>Add</Button>`;
var div = $("#add-new-filter");
div.html(html);
div.find("#filter-make").click(function() {
var tag = div.find("#filter-tag").val();
var val = div.find("#filter-value").val();
console.log(tag + " -> " + val);
addStockFilter(tag, val);
});
div.find('#filter-tag').on('change', function() {
console.log(this.value);
// Select the filter
var filter = available[this.value];
var list = div.find('#filter-value');
list.empty();
if ('type' in filter) {
if (filter.type == 'bool') {
list.append(`<option value='1'>True</option>`);
list.append(`<option value='0'>False</option>`);
}
} else if ('options' in filter) {
for (var opt in filter.options) {
list.append(`<option value='${filter.options[opt]}'>${opt}</option>`);
}
}
console.log("...");
});
console.log('done');
}
function clearStockFilters() {

25
InvenTree/templates/stock_table.html
View File

@ -2,26 +2,31 @@
<div id='button-toolbar'>
<div class='button-toolbar container-fluid' style='float: right;'>
{% if read_only %}
{% else %}
<button class="btn btn-success" id='item-create'>{% trans "New Stock Item" %}</button>
<div class="btn dropdown">
<button id='stock-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='multi-item-add' title='Add to selected stock items'>{% trans "Add stock" %}</a></li>
<li><a href="#" id='multi-item-remove' title='Remove from selected stock items'>{% trans "Remove stock" %}</a></li>
<li><a href="#" id='multi-item-stocktake' title='Stocktake selected stock items'>{% trans "Count stock" %}</a></li>
<button class='btn btn-default' id='stock-export' title='Export Stock Information'>{% trans "Export" %}</button>
{% if read_only %}
{% else %}
<button class="btn btn-success" id='item-create'>{% trans "New Stock Item" %}</button>
<div class="btn dropdown">
<button id='stock-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='multi-item-add' title='Add to selected stock items'>{% trans "Add stock" %}</a></li>
<li><a href="#" id='multi-item-remove' title='Remove from selected stock items'>{% trans "Remove stock" %}</a></li>
<li><a href="#" id='multi-item-stocktake' title='Stocktake selected stock items'>{% trans "Count stock" %}</a></li>
<li><a href='#' id='multi-item-move' title='Move selected stock items'>{% trans "Move stock" %}</a></li>
<li><a href='#' id='multi-item-order' title='Order selected items'>{% trans "Order stock" %}</a></li>
<li><a href='#' id='multi-item-delete' title='Delete selected items'>{% trans "Delete Stock" %}</a></li>
</ul>
</div>
{% endif %}
<button class='btn btn-default' id='stock-export' title='Export Stock Information'>{% trans "Export" %}</button>
<div class='filters'>
<button class='btn btn-default' id='filter-add'>Add filter</button>
<button class='btn btn-default' id='filter-clear'>Clear filters</button>
<ul class='filter-list' id='stock-filter-list'>
<!-- This is an empty list which will be populated with the stock table filters -->
</ul>
<div id='add-new-filter'>
<!-- This is an empty div for placing an in-line form to add new filter -->
</div>
</div>
</div>
</div>