303 lines
11 KiB
JavaScript
303 lines
11 KiB
JavaScript
function popPONo() {
|
|
$("#poNo").autocomplete({
|
|
source: function (request, response) {
|
|
$.ajax({
|
|
url: endpoint.GetPOListByTerm,
|
|
data: { query: request.term },
|
|
success: function (result) {
|
|
if (result && result.success && Array.isArray(result.data)) {
|
|
|
|
var formattedData = result.data.map(item => ({
|
|
label: item.label || '',
|
|
value: item.value !== undefined && item.value !== null ? item.value : 0,
|
|
value2: item.value2 !== undefined && item.value2 !== null ? item.value2 : 0
|
|
}));
|
|
|
|
response(formattedData);
|
|
} else {
|
|
console.error('Invalid data format received:', result);
|
|
response([]);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
minLength: 2,
|
|
select: function (event, ui) {
|
|
|
|
if (!ui.item || !ui.item.value) {
|
|
return false;
|
|
}
|
|
|
|
$('#poNo').val(ui.item.label);
|
|
$('#poId').val(ui.item.value);
|
|
$('#poTypeId').val(ui.item.value2);
|
|
console.log("Selected PO ID:", ui.item.value);
|
|
|
|
//#1
|
|
populatePOModificationForm(ui.item.value2);
|
|
|
|
fetchAndPopulatePOFormData(ui.item.value2,ui.item.value);
|
|
|
|
return false;
|
|
},
|
|
focus: function (event, ui) {
|
|
event.preventDefault();
|
|
},
|
|
open: function () {
|
|
var dropdown = $(".ui-autocomplete");
|
|
dropdown.css({
|
|
"max-height": "200px",
|
|
"overflow-y": "auto"
|
|
});
|
|
},
|
|
messages: {
|
|
noResults: '',
|
|
results: function (count) {
|
|
return count + (count > 1 ? ' results' : ' result');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
async function populatePOModificationForm(id) {
|
|
populateIncoterms();
|
|
|
|
$("#supplierName").off('keyup').on('keyup', function () {
|
|
populateSupplier();
|
|
});
|
|
|
|
if (!id) {
|
|
console.warn("No PO Type selected.");
|
|
return;
|
|
}
|
|
|
|
// 1. Load the custom form container FIRST
|
|
await new Promise(function (resolve, reject) {
|
|
$.ajax({
|
|
url: '/POMgmt/GetCustomFormPOElem',
|
|
type: 'GET',
|
|
data: { id: id },
|
|
success: function (response) {
|
|
$('#CustomFormPOElemContainer').html(response);
|
|
$("#C-paymentTerms").off('keyup').on('keyup', function () {
|
|
populateTerms();
|
|
});
|
|
resolve();
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error("Error loading component:", error);
|
|
reject(error);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
function populatePOElem(id) {
|
|
loader = $('#overlay, #loader').css('z-index', 1060);
|
|
return new Promise(function (resolve, reject) {
|
|
$.ajax($.extend(
|
|
beforeComplete(loader),
|
|
{
|
|
url: endpoint.GetLatestPO2,
|
|
type: 'POST',
|
|
success: function (data) {
|
|
if (data && data.data && data.data.length > 0) {
|
|
var item = data.data[0];
|
|
$('#si-poNo').val('00' + (parseFloat(item.poNoVatInc) + 1));
|
|
$('#dr-poNo').val(parseFloat(item.poNoVatEx) + 1);
|
|
$('#si-ImportPoNo').val('10-' + (parseFloat(item.ipoNoVatInc) + 1));
|
|
$('#dr-ImportPoNo').val(item.ipoNoVatEx);
|
|
resolve(id);
|
|
} else {
|
|
console.log('Data is null or undefined');
|
|
resolve(id);
|
|
}
|
|
},
|
|
error: function (xhr, status, error) {
|
|
errorHandler(xhr, status, error);
|
|
reject(error);
|
|
}
|
|
}
|
|
));
|
|
});
|
|
}
|
|
function populateIncoterms() {
|
|
$.ajax({
|
|
url: endpoint.GetIncoterms,
|
|
success: function (response) {
|
|
if (response && response.success && Array.isArray(response.data)) {
|
|
var $incotermsName = $('#incotermsName');
|
|
$incotermsName.empty();
|
|
response.data.forEach(function (item) {
|
|
var option = $('<option></option>')
|
|
.attr('value', item.incotermsId)
|
|
.text(item.incotermsName);
|
|
$incotermsName.append(option);
|
|
});
|
|
if (response.data.length > 0) {
|
|
var firstItem = response.data[0];
|
|
$incotermsName.val(firstItem.incotermsId);
|
|
$('#incoTermsId').val(firstItem.incotermsId);
|
|
}
|
|
$incotermsName.on('change', function () {
|
|
var selectedincotermsId = $(this).val();
|
|
$('#incoTermsId').val(selectedincotermsId);
|
|
console.log(selectedincotermsId);
|
|
});
|
|
} else {
|
|
console.error('Invalid data format received:', response);
|
|
}
|
|
},
|
|
error: function (error) {
|
|
console.error('Error fetching payment terms:', error);
|
|
}
|
|
});
|
|
}
|
|
function popTerms() {
|
|
$("#P-paymentTerms").autocomplete({
|
|
source: function (request, response) {
|
|
$.ajax({
|
|
url: endpoint.GetPaymentTerms,
|
|
data: { query: request.term },
|
|
success: function (result) {
|
|
if (result && result.success && Array.isArray(result.data)) {
|
|
|
|
var formattedData = result.data.map(item => ({
|
|
label: item.label || '',
|
|
value: item.value !== undefined && item.value !== null ? item.value.toString() : ''
|
|
}));
|
|
|
|
response(formattedData);
|
|
} else {
|
|
console.error('Invalid data format received:', result);
|
|
response([]);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
minLength: 2,
|
|
select: function (event, ui) {
|
|
$('#P-paymentTerms').val(ui.item.label);
|
|
$('#P-paymentTermsId').val(ui.item.value);
|
|
return false;
|
|
},
|
|
focus: function (event, ui) {
|
|
event.preventDefault();
|
|
},
|
|
open: function () {
|
|
var dropdown = $(".ui-autocomplete");
|
|
dropdown.css({
|
|
"max-height": "200px",
|
|
"overflow-y": "auto"
|
|
});
|
|
},
|
|
messages: {
|
|
noResults: '',
|
|
results: function (count) {
|
|
return count + (count > 1 ? ' results' : ' result');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function popPortOfDisCharge() {
|
|
$("#P-portOfDischarge").autocomplete({
|
|
source: function (request, response) {
|
|
$.ajax({
|
|
url: endpoint.GetPortOfDischarge,
|
|
data: { query: request.term },
|
|
success: function (result) {
|
|
if (result && result.success && Array.isArray(result.data)) {
|
|
|
|
var formattedData = result.data.map(item => ({
|
|
label: item.label || '',
|
|
value: item.value !== undefined && item.value !== null ? item.value.toString() : ''
|
|
}));
|
|
|
|
response(formattedData);
|
|
} else {
|
|
console.error('Invalid data format received:', result);
|
|
response([]);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
minLength: 2,
|
|
select: function (event, ui) {
|
|
$('#P-portOfDischarge').val(ui.item.label);
|
|
$('#P-portOfDischarge-id').val(ui.item.value);
|
|
return false;
|
|
},
|
|
focus: function (event, ui) {
|
|
event.preventDefault();
|
|
},
|
|
open: function () {
|
|
var dropdown = $(".ui-autocomplete");
|
|
dropdown.css({
|
|
"max-height": "200px",
|
|
"overflow-y": "auto"
|
|
});
|
|
},
|
|
messages: {
|
|
noResults: '',
|
|
results: function (count) {
|
|
return count + (count > 1 ? ' results' : ' result');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function populateSupplier() {
|
|
$("#supplierName").autocomplete({
|
|
source: function (request, response) {
|
|
$.ajax({
|
|
url: endpoint.GetSuppliers,
|
|
data: { query: request.term },
|
|
success: function (result) {
|
|
if (result && result.success && Array.isArray(result.data)) {
|
|
|
|
var formattedData = result.data.map(item => ({
|
|
label: item.label || '',
|
|
value: item.value !== undefined && item.value !== null ? item.value.toString() : '',
|
|
value2: item.value2 !== undefined && item.value2 !== null ? item.value2.toString() : '',
|
|
value3: item.value3 !== undefined && item.value3 !== null ? item.value3.toString() : '',
|
|
value4: item.value4 !== undefined && item.value4 !== null ? item.value4.toString() : ''
|
|
}));
|
|
response(formattedData);
|
|
} else {
|
|
console.error('Invalid data format received:', result);
|
|
response([]);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
minLength: 2,
|
|
select: function (event, ui) {
|
|
$('#supplierName').val(ui.item.label);
|
|
$('#supplierId').val(ui.item.value);
|
|
$('#currency').val(ui.item.value2);
|
|
$('#C-paymentTerms').val(ui.item.value3);
|
|
$('#C-paymentTermsId').val(ui.item.value4);
|
|
|
|
return false;
|
|
},
|
|
focus: function (event, ui) {
|
|
event.preventDefault();
|
|
},
|
|
open: function () {
|
|
var dropdown = $(".ui-autocomplete");
|
|
dropdown.css({
|
|
"max-height": "200px",
|
|
"overflow-y": "auto"
|
|
});
|
|
},
|
|
messages: {
|
|
noResults: '',
|
|
results: function (count) {
|
|
return count + (count > 1 ? ' results' : ' result');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
function populateDropdown(selector, value) {
|
|
const $dropdown = $(selector);
|
|
$dropdown.empty();
|
|
$('<option></option>').val(value).text(value).appendTo($dropdown);
|
|
$dropdown.val(value);
|
|
} |