update all storagelocation / unit routes to support new tables (AFLOW-23)
This commit is contained in:
@ -2,6 +2,8 @@
|
||||
// This magic js codes enables anchor links to work with bootstrap tabs
|
||||
// Taken from https://stackoverflow.com/a/9393768/11317151 (and edited, like a lot)
|
||||
|
||||
const FLAG_supports_new_data_loader = true;
|
||||
|
||||
// Also update on location change
|
||||
window.addEventListener(
|
||||
'hashchange',
|
||||
@ -29,9 +31,9 @@ function primeCreateNew() {
|
||||
const form = document.getElementById('storageUnitModalForm');
|
||||
const form2 = document.getElementById('storageLocationModalForm');
|
||||
document.getElementById('createNewLocationSelection').disabled = false;
|
||||
document.getElementById('storageUnitModalLocationSelectText').innerText= "Select or create a new location.";
|
||||
document.getElementById('storageUnitModalLabel').innerText = "Create new storage unit";
|
||||
document.getElementById('storageLocationModalTitle').innerText = "Create new storage location";
|
||||
document.getElementById('storageUnitModalLocationSelectText').innerText = 'Select or create a new location.';
|
||||
document.getElementById('storageUnitModalLabel').innerText = 'Create new storage unit';
|
||||
document.getElementById('storageLocationModalTitle').innerText = 'Create new storage location';
|
||||
form.setAttribute('method', 'POST');
|
||||
form2.setAttribute('method', 'POST');
|
||||
return true;
|
||||
@ -42,25 +44,25 @@ function primeEdit() {
|
||||
const form2 = document.getElementById('storageLocationModalForm');
|
||||
// Disable create new location
|
||||
document.getElementById('createNewLocationSelection').disabled = true;
|
||||
document.getElementById('storageUnitModalLocationSelectText').innerText= "While editing you can only select already existing locations. Use the settings to create new ones.";
|
||||
document.getElementById('storageUnitModalLabel').innerText = "Edit a storage unit";
|
||||
document.getElementById('storageLocationModalTitle').innerText = "Edit a storage location"
|
||||
document.getElementById('storageUnitModalLocationSelect').selectedIndex = 1
|
||||
handleSelector()
|
||||
document.getElementById('storageUnitModalLocationSelectText').innerText = 'While editing you can only select already existing locations. Use the settings to create new ones.';
|
||||
document.getElementById('storageUnitModalLabel').innerText = 'Edit a storage unit';
|
||||
document.getElementById('storageLocationModalTitle').innerText = 'Edit a storage location';
|
||||
document.getElementById('storageUnitModalLocationSelect').selectedIndex = 1;
|
||||
handleSelector();
|
||||
form.setAttribute('method', 'PATCH');
|
||||
form2.setAttribute('method', 'PATCH');
|
||||
return true;
|
||||
}
|
||||
|
||||
function handleSelector(){
|
||||
const selector = document.getElementById('storageUnitModalLocationSelect')
|
||||
function handleSelector() {
|
||||
const selector = document.getElementById('storageUnitModalLocationSelect');
|
||||
const value = selector.options[selector.selectedIndex].value;
|
||||
if(value == "META_CREATENEW") {
|
||||
$('#storageUnitModalContactInfoCreator').removeClass('d-none')
|
||||
$('.requireOnCreate').attr('required', true)
|
||||
if (value == 'META_CREATENEW') {
|
||||
$('#storageUnitModalContactInfoCreator').removeClass('d-none');
|
||||
$('.requireOnCreate').attr('required', true);
|
||||
} else {
|
||||
$('#storageUnitModalContactInfoCreator').addClass('d-none')
|
||||
$('.requireOnCreate').attr('required', false)
|
||||
$('#storageUnitModalContactInfoCreator').addClass('d-none');
|
||||
$('.requireOnCreate').attr('required', false);
|
||||
}
|
||||
}
|
||||
|
||||
@ -69,7 +71,6 @@ function getDataForEdit(id) {
|
||||
type: 'get',
|
||||
url: `/api/v1/storageUnits?id=${id}`,
|
||||
success: function (result) {
|
||||
|
||||
// Get elements inside the editCategoryModal
|
||||
const modal_unitName = document.getElementById('storageUnitModalName');
|
||||
const modal_unitLocation = document.getElementById('storageUnitModalLocationSelect');
|
||||
@ -80,15 +81,13 @@ function getDataForEdit(id) {
|
||||
modal_unitId.value = result.id;
|
||||
|
||||
// Select the correct location from the select based on the value of the option
|
||||
for(var i, j = 0; i = modal_unitLocation.options[j]; j++) {
|
||||
if(i.value == result.contactInfoId) {
|
||||
console.log("Found it");
|
||||
for (var i, j = 0; (i = modal_unitLocation.options[j]); j++) {
|
||||
if (i.value == result.contactInfoId) {
|
||||
console.log('Found it');
|
||||
modal_unitLocation.selectedIndex = j;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
error: function (data) {
|
||||
console.log('!!!! ERROR !!!!', data);
|
||||
@ -96,18 +95,16 @@ function getDataForEdit(id) {
|
||||
$('.loader-overlay').removeClass('active');
|
||||
// Close the modal
|
||||
$('.modal').modal('hide');
|
||||
createNewToast('<i class="bi bi-exclamation-triangle-fill"></i> Something went wrong. The storage unit does no longer exist.', "text-bg-danger")
|
||||
createNewToast('<i class="bi bi-exclamation-triangle-fill"></i> Something went wrong. The storage unit does no longer exist.', 'text-bg-danger');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
function getDataForEditLoc(id) {
|
||||
$.ajax({
|
||||
type: 'get',
|
||||
url: `/api/v1/storageLocations?id=${id}`,
|
||||
success: function (result) {
|
||||
|
||||
// Get elements inside the editCategoryModal
|
||||
const modal_locationName = document.getElementById('storageLocationModalName');
|
||||
const modal_locationUnitSel = document.getElementById('storageLocationModalUnit');
|
||||
@ -118,15 +115,13 @@ function getDataForEditLoc(id) {
|
||||
modal_locationId.value = result.id;
|
||||
|
||||
// Select the correct location from the select based on the value of the option
|
||||
for(var i, j = 0; i = modal_locationUnitSel.options[j]; j++) {
|
||||
if(i.value == result.storageUnitId) {
|
||||
console.log("Found it");
|
||||
for (var i, j = 0; (i = modal_locationUnitSel.options[j]); j++) {
|
||||
if (i.value == result.storageUnitId) {
|
||||
console.log('Found it');
|
||||
modal_locationUnitSel.selectedIndex = j;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
error: function (data) {
|
||||
console.log('!!!! ERROR !!!!', data);
|
||||
@ -134,9 +129,88 @@ function getDataForEditLoc(id) {
|
||||
$('.loader-overlay').removeClass('active');
|
||||
// Close the modal
|
||||
$('.modal').modal('hide');
|
||||
createNewToast('<i class="bi bi-exclamation-triangle-fill"></i> Something went wrong. The storage unit does no longer exist.', "text-bg-danger")
|
||||
createNewToast('<i class="bi bi-exclamation-triangle-fill"></i> Something went wrong. The storage unit does no longer exist.', 'text-bg-danger');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
handleSelector()
|
||||
const itemList = $('#itemList');
|
||||
const itemListUnit = $('#itemListUnit');
|
||||
|
||||
// itemList.empty();
|
||||
itemListUnit.bootstrapTable({ url: '/api/v1/storageUnits?getAll=true', search: true, showRefresh: true, responseHandler: dataResponseHandlerUnit, sidePagination: 'server', serverSort: true, silentSort: false });
|
||||
itemList.bootstrapTable({ url: '/api/v1/storageLocations?getAll=true', search: true, showRefresh: true, responseHandler: dataResponseHandler, sidePagination: 'server', serverSort: true, silentSort: false });
|
||||
setTimeout(() => {
|
||||
activateTooltips();
|
||||
}, 1000);
|
||||
|
||||
function loadPageData() {
|
||||
// itemList.empty();
|
||||
itemList.bootstrapTable('refresh');
|
||||
itemListUnit.bootstrapTable('refresh');
|
||||
|
||||
setTimeout(() => {
|
||||
activateTooltips();
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
function dataResponseHandler(json) {
|
||||
// console.log(json)
|
||||
totalNotFiltered = json.totalNotFiltered;
|
||||
total = json.total;
|
||||
json = json.items;
|
||||
json.forEach((item) => {
|
||||
colorStatus = '';
|
||||
item.actions = `
|
||||
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#storageLocationModal" onclick="primeEdit(); getDataForEditLoc('${item.id}')">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
<button class="btn btn-danger" onclick="preFillDeleteModalNxt('${item.id}','storageLocations','Storage Location')" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>`;
|
||||
if (item.storageUnit == null) {
|
||||
item.storageUnit = '<i>No storage unit assigned</i>';
|
||||
} else {
|
||||
item.storageUnit = item.storageUnit.name;
|
||||
console.log(item.storageUnit);
|
||||
}
|
||||
|
||||
// item.SKU = `<p data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="ID: ${item.id}">${item.SKU}</p>`
|
||||
});
|
||||
///// --------------------------------- /////
|
||||
setTimeout(() => {
|
||||
activateTooltips();
|
||||
}, 200);
|
||||
return { rows: json, total: total, totalNotFiltered: totalNotFiltered, totalRows: total };
|
||||
}
|
||||
|
||||
function dataResponseHandlerUnit(json) {
|
||||
// console.log(json)
|
||||
totalNotFiltered = json.totalNotFiltered;
|
||||
total = json.total;
|
||||
json = json.items;
|
||||
json.forEach((item) => {
|
||||
colorStatus = '';
|
||||
item.actions = `
|
||||
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#storageUnitModal" onclick="primeEdit(); getDataForEdit('${item.id}')">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</button>
|
||||
<button class="btn btn-danger" onclick="preFillDeleteModalNxt('${item.id}','storageUnits','Storage Unit')" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>`;
|
||||
if (item.contactInfo == null) {
|
||||
item.address = '<i>No address assigned</i>';
|
||||
} else {
|
||||
item.address = `${item.contactInfo.street} ${item.contactInfo.houseNumber}, ${item.contactInfo.city} ${item.contactInfo.country}`;
|
||||
}
|
||||
|
||||
// item.SKU = `<p data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="ID: ${item.id}">${item.SKU}</p>`
|
||||
});
|
||||
///// --------------------------------- /////
|
||||
setTimeout(() => {
|
||||
activateTooltips();
|
||||
}, 200);
|
||||
return { rows: json, total: total, totalNotFiltered: totalNotFiltered, totalRows: total };
|
||||
}
|
||||
|
||||
handleSelector();
|
||||
|
||||
Reference in New Issue
Block a user