+ Store: ${currentStore}
+ Station: ${currentStation}` + } + }, + { + "title": "Delete", + "data": "itemID", + "render": function (data) { + var deleteButton = ``; + return deleteButton; + }, + "className": "align-middle", + } + ], + responsive: true, + drawCallback: function (settings) { + // Generate QR codes after rows are rendered + const api = this.api(); + api.rows().every(function () { + const data = this.data(); // Row data + const containerId = `qr${data.uniqueID}`; + const container = $(`#${containerId}`); + container.empty(); + container.append(`${data.uniqueID}`); + // console.log(container[0]); + if (container) { + // Generate QR code only if not already generated + new QRCode(container[0], { + text: data.qrString, + width: 100, + height: 100, + colorDark: "#000000", + colorLight: "#ffffff", + correctLevel: QRCode.CorrectLevel.M + }); + } + // container.on('click', function() { + // window.open(data.qrString, '_blank'); + // }); + }); + }, + }) + + // Attach click event listener to the delete buttons + $('#itemDatatable tbody').on('click', '.delete-btn', function () { + const itemId = $(this).data('id'); + self.deleteItem(itemId); + }); + + $('#itemDatatable tbody').on('click', '.print-btn', function () { + const $button = $(this); // The clicked button + const $row = $button.closest('tr'); // The parent row of the button + const itemId = $button.data('id'); // Get the item ID from the button's data attribute + + let imageSrc; + + // Check if the table is collapsed + if ($row.hasClass('child')) { + // For collapsed view: Look for the closest `.dtr-data` that contains the img + imageSrc = $row.prev('tr').find('td:nth-child(1) img').attr('src'); + } else { + // For expanded view: Find the img in the first column of the current row + imageSrc = $row.find('td:nth-child(1) img').attr('src'); + } + + if (imageSrc) { + self.printItem(itemId, imageSrc); // Call the print function with the itemId and imageSrc + } else { + console.error("Image source not found."); + } + }); + + this.loading = false; + }, + + async fetchItems() { + + try { + // const token = localStorage.getItem('token'); // Get the token from localStorage + const response = await fetch('/InvMainAPI/ItemList', { + method: 'POST', // Specify the HTTP method + headers: { + 'Content-Type': 'application/json', // Set content type + // 'Authorization': `Bearer ${token}` // Include the token in the headers + } + }); + + if (!response.ok) { + throw new Error('Failed to fetch item'); + } + this.items = await response.json(); + + if (this.itemDatatable) { + this.itemDatatable.clear().destroy(); + } + this.initiateTable(); + } + catch (error) { + console.error('Error fetching item:', error); + } + }, + + async fetchProducts() { + try { + // const token = localStorage.getItem('token'); // Get the token from localStorage + const response = await fetch('/InvMainAPI/ProductList', { + method: 'POST', // Specify the HTTP method + headers: { + 'Content-Type': 'application/json', // Set content type + // 'Authorization': `Bearer ${token}` // Include the token in the headers + } + }); + + if (!response.ok) { + throw new Error('Failed to fetch products'); + } + + this.products = await response.json(); + } + catch (error) { + console.error('Error fetching products:', error); + } + }, + + async fetchCompanies() { + try { + const response = await fetch('/AdminAPI/GetDepartmentWithCompanyList', { + method: 'POST', // Specify the HTTP method + headers: { + 'Content-Type': 'application/json' + } + }); + if (!response.ok) { + throw new Error('Failed to fetch companies'); + } + + this.companies = await response.json(); + + } catch (error) { + console.error('Error fetching products:', error); + } + }, + + async fetchSuppliers() { + try { + const response = await fetch('/InvMainAPI/SupplierList', { + method: 'POST', // Specify the HTTP method + headers: { + 'Content-Type': 'application/json' + } + }); + if (!response.ok) { + throw new Error('Failed to fetch suppliers'); + } + this.suppliers = await response.json(); // Get the full response object + + } catch (error) { + console.error('Error fetching suppliers:', error); + } + }, + async fetchCurrencyData() { + try { + // Fetch currency data from the API + const response = await fetch('https://openexchangerates.org/api/currencies.json'); // Example API + this.currencies = await response.json(); + } catch (error) { + console.error('Error fetching currency data:', error); + } + }, + convertCurrency() { + // Your currency conversion logic here + console.log('Selected currency:', this.currency); + }, + resetForm() { + this.selectedUser = null; + this.selectedStore = null; + this.remark = ''; + + + }, + + // FRONT END FUNCTIONS + //----------------------// + //Calculate Total Price + convertCurrency() { + const total = this.DefaultPrice * this.currencyRate; + this.convertPrice = total.toFixed(2); + this.DefaultPrice = this.DefaultPrice + // .replace(/[^0-9.]/g, '') // Remove non-numeric characters except decimal points + // .replace(/(\..*)\..*/g, '$1') // Allow only one decimal point + // .replace(/^(\d*\.\d{0,2})\d*$/, '$1'); // Limit to two decimal places + + }, + calculateWarrantyEndDate() { + // Check if DODate and warranty are valid + if (!this.DODate || isNaN(Date.parse(this.DODate))) { + this.EndWDate = null; + return; + } + + const DODates = new Date(this.DODate); + const warrantyMonth = parseInt(this.warranty); + + // Ensure warranty is a valid number + if (!isNaN(warrantyMonth)) { + DODates.setMonth(DODates.getMonth() + warrantyMonth); + this.EndWDate = DODates.toISOString().split('T')[0]; + } else { + this.EndWDate = null; + } + }, + async deleteItem(itemId) { + if (!confirm("Are you sure you want to delete this item?")) { + return; + } + try { + const response = await fetch(`/InvMainAPI/DeleteItem/${itemId}`, { + method: 'DELETE', + headers: { + 'Content-Type': 'application/json', + }, + }); + const result = await response.json(); + + if (result.success) { + alert(result.message); + // Remove the row from DataTables + this.itemDatatable + .row($(`.delete-btn[data-id="${itemId}"]`).closest('tr')) + .remove() + .draw(); + } else { + alert(result.message); + } + } + catch (error) { + console.error("Error deleting item:", error); + alert("An error occurred while deleting the item."); + } + finally { + this.loading = false; + } + }, + async printItem(itemId, imgSrc) { + try { + this.thisQRInfo.uniqueID = itemId; + const uniqueQR = itemId; + const container = document.getElementById("QrContainer"); + + if (!container) { + console.error("Container not found."); + return; + } + + // Safely set image content + const sanitizedImgSrc = encodeURI(imgSrc); // Sanitize the URL + container.innerHTML = `
+
+ `;
+
+ // Append the virtual DOM to the body (temporarily)
+ document.body.appendChild(virtualElement);
+
+ // Wait for the font to be loaded (important for custom fonts like OCR-A)
+ document.fonts.load('1em "OCR A"').then(() => {
+ // Use html2canvas to convert the virtual DOM to an image
+ html2canvas(virtualElement, {
+ scale: 1, // Increase scale for sharper images
+ }).then((canvas) => {
+ // Convert the canvas to an image
+ const imgData = canvas.toDataURL('image/png');
+ // Open the image in a new tab for preview (optional)
+ // const newWindow = window.open();
+ // newWindow.location.href = imgData;
+ // console.log(imgData)
+ // Use printJS to print the image
+ printJS({
+ printable: imgData,
+ type: 'image',
+ css: '/../lib/bootstrap/dist/css/bootstrap.css',
+ style: `
+ @@media print {
+ @@page {
+ margin: 5px 5px 0px 5px;
+ }
+ body { margin: 0; }
+ }
+ `
+ });
+
+ // Remove the virtual DOM from the body after use
+ document.body.removeChild(virtualElement);
+ }).catch((error) => {
+ console.error("Error generating image:", error);
+ // Remove the virtual DOM if an error occurs
+ document.body.removeChild(virtualElement);
+ });
+ }).catch((error) => {
+ console.error("Error loading font:", error);
+ // Remove the virtual DOM if font loading fails
+ document.body.removeChild(virtualElement);
+ });
+ },
+ async fetchUsers() {
+ try {
+ // const token = localStorage.getItem('token'); // Get the token from localStorage
+ const response = await fetch('/InvMainAPI/UserList', {
+ method: 'POST', // Specify the HTTP method
+ headers: {
+ 'Content-Type': 'application/json', // Set content type
+ // 'Authorization': `Bearer ${token}` // Include the token in the headers
+ }
+ });
+
+ if (!response.ok) {
+ throw new Error('Failed to fetch item');
+ }
+ this.userlist = await response.json();
+
+
+ }
+ catch (error) {
+ console.error('Error fetching item:', error);
+ }
+ },
+ async fetchStores() {
+ try {
+ // const token = localStorage.getItem('token'); // Get the token from localStorage
+ const response = await fetch('/InvMainAPI/StoreList', {
+ method: 'POST', // Specify the HTTP method
+ headers: {
+ 'Content-Type': 'application/json', // Set content type
+ // 'Authorization': `Bearer ${token}` // Include the token in the headers
+ }
+ });
+
+ if (!response.ok) {
+ throw new Error('Failed to fetch item');
+ }
+ this.storelist = await response.json();
+
+
+ }
+ catch (error) {
+ console.error('Error fetching item:', error);
+ }
+ },
+ },
+ });
+
+
+
+
+}
\ No newline at end of file
diff --git a/Controllers/API/Inventory/InvMainAPI.cs b/Controllers/API/Inventory/InvMainAPI.cs
index dd0bcab..42c4781 100644
--- a/Controllers/API/Inventory/InvMainAPI.cs
+++ b/Controllers/API/Inventory/InvMainAPI.cs
@@ -636,6 +636,97 @@ namespace PSTW_CentralSystem.Controllers.API.Inventory
}
+ [HttpPost("AddItemMovement")]
+ public async Task
+
+
+
+
+
+
+
+ ${this.thisQRInfo.imgContainer}
+ ${this.thisQRInfo.uniqueID}
+
+
+
+
+ ${this.thisQRInfo.departmentName}
+ ${this.thisQRInfo.productShortName}
+ ${this.thisQRInfo.serialNumber??"-"}
+ ${this.thisQRInfo.partNumber}
+
-
+ @* Welcome, Admin! You have full access.
-Welcome, User! You have limited access.
-Guest View: Please log in.
- *@
+ @*
*@
@@ -209,7 +209,7 @@
);
if (response.ok) {
this.thisItem = await response.json();
- // console.log(this.thisItem);
+
} else {
console.error('Failed to fetch item information');
this.responseMessage = await response.text();
Welcome, Admin! You have full access.
*@ + @*Welcome, User! You have limited access.
*@ + @*Guest View: Please log in.
*@ + @*