create stock and stock logs
This commit is contained in:
@@ -1,60 +1,253 @@
|
||||
const productUrl = $("#product-container").data("url");
|
||||
|
||||
function createProductSelectOptions(callback) {
|
||||
$.ajax({
|
||||
url: productUrl,
|
||||
method: "GET",
|
||||
success: function (data) {
|
||||
let options = '<option value="">Pilih Produk</option>';
|
||||
data.forEach((product) => {
|
||||
options += `<option value="${product.id}">${product.name}</option>`;
|
||||
});
|
||||
callback(options);
|
||||
},
|
||||
error: function () {
|
||||
alert("Gagal memuat produk.");
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
// Initial load only for the first row
|
||||
createProductSelectOptions((options) => {
|
||||
$(".product-select").first().html(options);
|
||||
});
|
||||
// Fungsi untuk mengambil data stok
|
||||
function fetchStockData() {
|
||||
const dealerId = $("#dealer").val();
|
||||
if (!dealerId) return;
|
||||
|
||||
// When adding a new row
|
||||
$(document).on("click", ".btn-add-row", function () {
|
||||
const row = `
|
||||
<div class="form-row align-items-end product-row">
|
||||
<div class="form-group col-md-4">
|
||||
<select name="product[]" class="form-control product-select">
|
||||
<option>Loading...</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<input type="text" name="system_quantity[]" class="form-control" placeholder="Stok sistem">
|
||||
</div>
|
||||
<div class="form-group col-md-3">
|
||||
<input type="text" name="physical_quantity[]" class="form-control" placeholder="Stok fisik">
|
||||
</div>
|
||||
<div class="form-group col-md-2">
|
||||
<button type="button" class="btn btn-danger btn-remove-row"><i class="flaticon2-delete"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
const productIds = $(".product-select")
|
||||
.map(function () {
|
||||
return $(this).val();
|
||||
})
|
||||
.get()
|
||||
.filter((id) => id !== "");
|
||||
|
||||
const $newRow = $(row);
|
||||
$("#product-container").append($newRow);
|
||||
if (productIds.length === 0) return;
|
||||
|
||||
// Load options only for the new select
|
||||
createProductSelectOptions((options) => {
|
||||
$newRow.find(".product-select").html(options);
|
||||
$.ajax({
|
||||
url: "/warehouse/opnames/get-stock-data",
|
||||
method: "POST",
|
||||
data: {
|
||||
_token: $('meta[name="csrf-token"]').attr("content"),
|
||||
dealer_id: dealerId,
|
||||
product_ids: productIds,
|
||||
},
|
||||
success: function (response) {
|
||||
if (response.stocks) {
|
||||
$(".product-row").each(function () {
|
||||
const productId = $(this).find(".product-select").val();
|
||||
const systemQtyInput = $(this).find(".system-quantity");
|
||||
const physicalQtyInput = $(this).find(
|
||||
'input[name^="physical_quantity"]'
|
||||
);
|
||||
|
||||
// Simpan nilai physical quantity yang sudah ada
|
||||
const currentPhysicalQty = physicalQtyInput.val();
|
||||
|
||||
if (
|
||||
productId &&
|
||||
response.stocks[productId] !== undefined
|
||||
) {
|
||||
systemQtyInput.val(response.stocks[productId]);
|
||||
// Kembalikan nilai physical quantity jika ada
|
||||
if (currentPhysicalQty) {
|
||||
physicalQtyInput.val(currentPhysicalQty);
|
||||
}
|
||||
calculateDifference(systemQtyInput[0]);
|
||||
} else {
|
||||
systemQtyInput.val("0");
|
||||
calculateDifference(systemQtyInput[0]);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
error: function (xhr) {
|
||||
console.error("Error fetching stock data:", xhr.responseText);
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
// Update stok saat dealer berubah
|
||||
$("#dealer").change(function () {
|
||||
fetchStockData();
|
||||
});
|
||||
|
||||
// Remove row
|
||||
$(document).on("click", ".btn-remove-row", function () {
|
||||
$(this).closest(".product-row").remove();
|
||||
// Update stok saat produk berubah
|
||||
$(document).on("change", ".product-select", function () {
|
||||
const row = $(this).closest("tr");
|
||||
const productId = $(this).val();
|
||||
const systemQtyInput = row.find(".system-quantity");
|
||||
const physicalQtyInput = row.find('input[name^="physical_quantity"]');
|
||||
|
||||
// Simpan nilai physical quantity yang sudah ada
|
||||
const currentPhysicalQty = physicalQtyInput.val();
|
||||
|
||||
if (productId) {
|
||||
fetchStockData();
|
||||
} else {
|
||||
systemQtyInput.val("0");
|
||||
// Kembalikan nilai physical quantity jika ada
|
||||
if (currentPhysicalQty) {
|
||||
physicalQtyInput.val(currentPhysicalQty);
|
||||
}
|
||||
calculateDifference(systemQtyInput[0]);
|
||||
}
|
||||
});
|
||||
|
||||
// Fungsi untuk menambah baris produk
|
||||
$("#btn-add-row").click(function () {
|
||||
const template = document.getElementById("product-row-template");
|
||||
const tbody = $("#product-table tbody");
|
||||
const newRow = template.content.cloneNode(true);
|
||||
const rowIndex = $(".product-row").length;
|
||||
|
||||
// Update name attributes with correct index
|
||||
$(newRow)
|
||||
.find('select[name="product[]"]')
|
||||
.attr("name", `product[${rowIndex}]`);
|
||||
$(newRow)
|
||||
.find('input[name="system_quantity[]"]')
|
||||
.attr("name", `system_quantity[${rowIndex}]`);
|
||||
$(newRow)
|
||||
.find('input[name="physical_quantity[]"]')
|
||||
.attr("name", `physical_quantity[${rowIndex}]`);
|
||||
$(newRow)
|
||||
.find('input[name="item_notes[]"]')
|
||||
.attr("name", `item_notes[${rowIndex}]`);
|
||||
|
||||
// Add system-quantity class dan pastikan readonly
|
||||
const systemQtyInput = $(newRow).find(
|
||||
'input[name="system_quantity[]"]'
|
||||
);
|
||||
systemQtyInput
|
||||
.addClass("system-quantity")
|
||||
.attr("readonly", true)
|
||||
.val("0");
|
||||
|
||||
// Reset semua nilai input di baris baru kecuali system quantity
|
||||
$(newRow).find("select").val("");
|
||||
$(newRow).find("input:not(.system-quantity)").val("");
|
||||
|
||||
tbody.append(newRow);
|
||||
updateRemoveButtons();
|
||||
});
|
||||
|
||||
// Fungsi untuk menghapus baris produk
|
||||
$(document).on("click", ".btn-remove-row", function () {
|
||||
$(this).closest("tr").remove();
|
||||
updateRemoveButtons();
|
||||
// Reindex semua baris setelah penghapusan
|
||||
reindexRows();
|
||||
});
|
||||
|
||||
// Fungsi untuk update status tombol hapus
|
||||
function updateRemoveButtons() {
|
||||
const rows = $(".product-row").length;
|
||||
$(".btn-remove-row").prop("disabled", rows <= 1);
|
||||
}
|
||||
|
||||
// Fungsi untuk reindex semua baris
|
||||
function reindexRows() {
|
||||
$(".product-row").each(function (index) {
|
||||
$(this)
|
||||
.find('select[name^="product"]')
|
||||
.attr("name", `product[${index}]`);
|
||||
$(this)
|
||||
.find('input[name^="system_quantity"]')
|
||||
.attr("name", `system_quantity[${index}]`);
|
||||
$(this)
|
||||
.find('input[name^="physical_quantity"]')
|
||||
.attr("name", `physical_quantity[${index}]`);
|
||||
$(this)
|
||||
.find('input[name^="item_notes"]')
|
||||
.attr("name", `item_notes[${index}]`);
|
||||
});
|
||||
}
|
||||
|
||||
// Update calculateDifference function
|
||||
function calculateDifference(input) {
|
||||
const row = $(input).closest("tr");
|
||||
const systemQty = parseFloat(row.find(".system-quantity").val()) || 0;
|
||||
const physicalQty =
|
||||
parseFloat(row.find('input[name^="physical_quantity"]').val()) || 0;
|
||||
const noteInput = row.find('input[name^="item_notes"]');
|
||||
|
||||
if (Math.abs(systemQty - physicalQty) > 0.01) {
|
||||
noteInput.addClass("is-invalid");
|
||||
noteInput.attr("required", true);
|
||||
noteInput.attr(
|
||||
"placeholder",
|
||||
"Catatan wajib diisi karena ada perbedaan stock"
|
||||
);
|
||||
row.addClass("table-warning");
|
||||
} else {
|
||||
noteInput.removeClass("is-invalid");
|
||||
noteInput.removeAttr("required");
|
||||
noteInput.attr("placeholder", "Catatan item");
|
||||
row.removeClass("table-warning");
|
||||
}
|
||||
}
|
||||
|
||||
// Prevent manual editing of system quantity
|
||||
$(document).on("keydown", ".system-quantity", function (e) {
|
||||
e.preventDefault();
|
||||
return false;
|
||||
});
|
||||
|
||||
$(document).on("paste", ".system-quantity", function (e) {
|
||||
e.preventDefault();
|
||||
return false;
|
||||
});
|
||||
|
||||
// Validasi form sebelum submit
|
||||
$("#opname-form").submit(function (e) {
|
||||
const dealerId = $("#dealer").val();
|
||||
if (!dealerId) {
|
||||
e.preventDefault();
|
||||
alert("Silakan pilih dealer terlebih dahulu!");
|
||||
return false;
|
||||
}
|
||||
|
||||
const products = $('select[name^="product"]')
|
||||
.map(function () {
|
||||
return $(this).val();
|
||||
})
|
||||
.get();
|
||||
|
||||
// Cek duplikasi produk
|
||||
const uniqueProducts = [...new Set(products)];
|
||||
if (products.length !== uniqueProducts.length) {
|
||||
e.preventDefault();
|
||||
alert("Produk tidak boleh duplikat!");
|
||||
return false;
|
||||
}
|
||||
|
||||
// Cek produk kosong
|
||||
if (products.includes("")) {
|
||||
e.preventDefault();
|
||||
alert("Semua produk harus dipilih!");
|
||||
return false;
|
||||
}
|
||||
|
||||
// Cek catatan untuk perbedaan stock
|
||||
let hasInvalidNotes = false;
|
||||
$(".product-row").each(function () {
|
||||
const systemQty =
|
||||
parseFloat(
|
||||
$(this).find('input[name^="system_quantity"]').val()
|
||||
) || 0;
|
||||
const physicalQty =
|
||||
parseFloat(
|
||||
$(this).find('input[name^="physical_quantity"]').val()
|
||||
) || 0;
|
||||
const note = $(this).find('input[name^="item_notes"]').val();
|
||||
|
||||
if (Math.abs(systemQty - physicalQty) > 0.01 && !note) {
|
||||
hasInvalidNotes = true;
|
||||
$(this).addClass("table-danger");
|
||||
}
|
||||
});
|
||||
|
||||
if (hasInvalidNotes) {
|
||||
e.preventDefault();
|
||||
alert(
|
||||
"Catatan wajib diisi untuk produk yang memiliki perbedaan stock!"
|
||||
);
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// Initial stock data load if dealer is selected
|
||||
if ($("#dealer").val()) {
|
||||
fetchStockData();
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user