consultoria-as/Autoparts-DB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add ticket paper width selector and improve thermal cut/print layout
Some checks failed
CI / lint-and-test (3.11) (push) Has been cancelled
Details
CI / lint-and-test (3.13) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
consultoria-as
2026-07-18 09:22:58 +00:00
parent f0c605f911
commit 8e6c1f2887
5 changed files with 35 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
pos/static/js/pos.js
View File

@@ -1664,7 +1664,11 @@ const POS = (() => {
// Paper width: 58 mm -> 48 mm printable; 80 mm -> 72 mm printable.
const paperWidth = parseInt(rc('paper_width', '80'), 10) || 80;
const printWidth = paperWidth === 58 ? 48 : 72;
const is58 = paperWidth === 58;
const printWidth = is58 ? 48 : 72;
const fontSize = is58 ? '7.5pt' : '9pt';
const smallFont = is58 ? '6.5pt' : '8pt';
const nameMax = is58 ? '18mm' : '34mm';
let iframe = document.getElementById('ticketPrintFrame');
if (!iframe) {
@@ -1687,18 +1691,21 @@ const POS = (() => {
<style>
@page { margin: 0; size: ${printWidth}mm auto; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: auto; overflow: visible; background: #fff; color: #000; font-family: 'Courier New', Consolas, monospace; font-size: 9pt; }
html, body { margin: 0; padding: 0; height: auto; overflow: visible; background: #fff; color: #000; font-family: 'Courier New', Consolas, monospace; font-size: ${fontSize}; line-height: 1.25; }
body { width: ${printWidth}mm; }
.ticket { width: ${printWidth}mm; padding: 3mm; border: none !important; box-shadow: none !important; }
.item-line-wide { display: grid !important; grid-template-columns: auto 1fr auto auto !important; gap: 2mm; font-size: 8pt; margin-bottom: 1mm; }
.item-line-wide .name { white-space: normal !important; word-break: break-word; overflow: visible; }
.ticket-row, .folio-line, .total-line { display: flex !important; justify-content: space-between; }
.total-line.grand { font-size: 11pt; font-weight: bold; border-top: 0.5mm solid #000; padding-top: 1mm; margin-top: 1mm; }
.store-name { font-size: 12pt; font-weight: bold; text-align: center; margin-bottom: 2px; }
.store-tagline, .store-info { font-size: 8pt; text-align: center; color: #333; margin-bottom: 4px; line-height: 1.3; }
.divider { border: none; border-top: 1px dashed #999; margin: 4px 0; }
.divider-double { border: none; border-top: 2px solid #333; margin: 4px 0; }
.footer-section { text-align: center; margin-top: 6px; font-size: 8pt; color: #555; }
.ticket { width: ${printWidth}mm; padding: 2mm; border: none !important; box-shadow: none !important; }
.item-line-wide { display: grid !important; grid-template-columns: 7mm 1fr auto auto !important; gap: 1.5mm; font-size: ${smallFont}; margin-bottom: 1mm; align-items: start; }
.item-line-wide .qty { text-align: center; }
.item-line-wide .name { white-space: normal !important; word-break: break-word; overflow-wrap: anywhere; max-width: ${nameMax}; }
.item-line-wide .price, .item-line-wide .subtotal { text-align: right; white-space: nowrap; }
.ticket-row, .folio-line, .total-line { display: flex !important; justify-content: space-between; gap: 2mm; }
.total-line.grand { font-size: ${is58 ? '9pt' : '11pt'}; font-weight: bold; border-top: 0.5mm solid #000; padding-top: 1mm; margin-top: 1mm; }
.store-name { font-size: ${is58 ? '10pt' : '12pt'}; font-weight: bold; text-align: center; margin-bottom: 2px; }
.store-tagline, .store-info { font-size: ${smallFont}; text-align: center; color: #333; margin-bottom: 4px; line-height: 1.3; }
.divider { border: none; border-top: 1px dashed #999; margin: 3px 0; }
.divider-double { border: none; border-top: 2px solid #333; margin: 3px 0; }
.footer-section { text-align: center; margin-top: 6px; font-size: ${smallFont}; color: #555; }
.payment-section, .total-section { width: 100%; }
img { max-width: 100%; height: auto; }
</style>
</head>