diff --git a/src/Views/Home/Assets.cshtml b/src/Views/Home/Assets.cshtml index a7b52e2..2c614e5 100644 --- a/src/Views/Home/Assets.cshtml +++ b/src/Views/Home/Assets.cshtml @@ -874,6 +874,7 @@ document.addEventListener('DOMContentLoaded', () => { document.getElementById("printBtn").addEventListener("click", () => { addAssetIdToBatch(asset.Cn); showToast("@T["Successfully added barcode to print batch"]", "success"); + bootstrap.Modal.getInstance('#viewAssetModal').hide(); }); } catch (err) { console.error(err); @@ -915,10 +916,13 @@ document.addEventListener('DOMContentLoaded', () => { -
+
-
+
+

@T["Layout"]
@@ -1023,6 +1027,8 @@ document.addEventListener('DOMContentLoaded', () => { const cell = document.createElement("div"); cell.className = "barcode-cell border rounded p-1 d-flex flex-column align-items-center justify-content-center"; cell.style.minHeight = "120px"; + var isMobileM = window.innerWidth < 992 && window.innerWidth >= 576; + var isMobileS = window.innerWidth < 576; const assetId = batch[i]; if (!assetId) { @@ -1037,7 +1043,7 @@ document.addEventListener('DOMContentLoaded', () => { const asset = json.assetsModel; const label = document.createElement("div"); - label.className = "small fw-bold text-truncate"; + label.className = "small fw-bold"; label.textContent = asset?.Name || assetId; const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); @@ -1049,12 +1055,11 @@ document.addEventListener('DOMContentLoaded', () => { cell.appendChild(svg); grid.appendChild(cell); - JsBarcode(svg, idToEAN13(asset.Cn), { format: "EAN13", lineColor: "#000", - width: 2, - height: 40, + width: isMobileM ? 1 : (isMobileS ? 0.5 : 2), + height: isMobileM ? 20 : (isMobileS ? 20 : 40), displayValue: true, fontSize: 12, }); @@ -1263,4 +1268,10 @@ document.addEventListener('DOMContentLoaded', () => { printWindow.print(); } + + function clearBatch() { + localStorage.setItem("printBatch", JSON.stringify([])); + showToast("@T["Batch cleared successfully"]", "success"); + bootstrap.Modal.getInstance('#printModal').hide(); + }