Compare commits
2 Commits
88097641d5
...
b11006ee28
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b11006ee28 | ||
|
|
a250608131 |
@ -512,6 +512,9 @@ class InvoiceService {
|
||||
let customerPostalCity = billingContext.postalCity || [invoice.buyer_postal_code, invoice.buyer_city].filter(Boolean).join(' ');
|
||||
let customerCountry = billingContext.country || invoice.buyer_country || '';
|
||||
let orderedByBlock = '';
|
||||
const taxTreatmentBlock = isReverseCharge
|
||||
? ''
|
||||
: `<div class="tax-banner"><div class="tax-banner-title">${isDe ? 'Steuerhinweis' : 'Tax treatment'}</div><p><strong>${this._escapeHtml(isDe ? 'MwSt.' : 'Tax')}</strong> (${this._escapeHtml(vatRate ? `${vatRate}%` : '0%')})</p></div>`;
|
||||
|
||||
if (isGift) {
|
||||
// Recipient info for "Bill To"
|
||||
@ -559,6 +562,7 @@ class InvoiceService {
|
||||
customerCompanyName: this._escapeHtml(billingContext.companyName || ''),
|
||||
customerUidNumber: this._escapeHtml(invoice?.context?.uid_number || billingContext.uidNumber || ''),
|
||||
orderedByBlock,
|
||||
taxTreatmentBlock,
|
||||
issuedAt: this._escapeHtml(issuedAt),
|
||||
dueAt: this._escapeHtml(dueAt),
|
||||
descriptionHeader: isDe ? 'Beschreibung' : 'Description',
|
||||
|
||||
@ -161,19 +161,8 @@
|
||||
margin: 0;
|
||||
color: #334155;
|
||||
}
|
||||
.reverse-charge-note {
|
||||
margin-bottom: 22px;
|
||||
padding: 15px 18px;
|
||||
border: 1px solid #fdba74;
|
||||
border-radius: 18px;
|
||||
background: linear-gradient(180deg, #fff7ed 0%, #fffbeb 100%);
|
||||
}
|
||||
.reverse-charge-note p {
|
||||
margin: 0;
|
||||
color: #9a3412;
|
||||
}
|
||||
.is-hidden {
|
||||
display: none !important;
|
||||
.tax-banner:empty {
|
||||
display: none;
|
||||
}
|
||||
.items-table {
|
||||
width: 100%;
|
||||
@ -291,6 +280,102 @@
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 12mm;
|
||||
}
|
||||
@media print {
|
||||
body {
|
||||
background: #ffffff;
|
||||
color: #111827;
|
||||
font-size: 11.2px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
.page {
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
overflow: visible;
|
||||
}
|
||||
.hero {
|
||||
padding: 16px 18px 14px;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
.invoice-card {
|
||||
min-width: 180px;
|
||||
padding: 12px 14px;
|
||||
}
|
||||
.invoice-card .number {
|
||||
font-size: 20px;
|
||||
}
|
||||
.content {
|
||||
padding: 16px 18px 18px;
|
||||
}
|
||||
.info-grid,
|
||||
.summary-grid {
|
||||
gap: 12px;
|
||||
}
|
||||
.info-grid {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.info-card,
|
||||
.payment-card,
|
||||
.totals-card,
|
||||
.tax-banner {
|
||||
padding: 12px;
|
||||
}
|
||||
.tax-banner {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.items-table {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.items-table thead th,
|
||||
.items-table tbody td {
|
||||
padding: 8px 9px;
|
||||
}
|
||||
.bank-list {
|
||||
margin-top: 10px;
|
||||
gap: 5px;
|
||||
}
|
||||
.totals-row {
|
||||
padding: 5px 0;
|
||||
}
|
||||
.totals-row.total {
|
||||
margin-top: 4px;
|
||||
padding-top: 8px;
|
||||
}
|
||||
.footer {
|
||||
margin-top: 14px;
|
||||
padding-top: 10px;
|
||||
font-size: 10px;
|
||||
}
|
||||
.hero,
|
||||
.info-grid,
|
||||
.info-card,
|
||||
.tax-banner,
|
||||
.summary-grid,
|
||||
.payment-card,
|
||||
.totals-card,
|
||||
.footer {
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
.items-table {
|
||||
page-break-inside: auto;
|
||||
}
|
||||
.items-table thead {
|
||||
display: table-header-group;
|
||||
}
|
||||
.items-table tr {
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -341,14 +426,7 @@
|
||||
|
||||
{{orderedByBlock}}
|
||||
|
||||
<div class="tax-banner">
|
||||
<div class="tax-banner-title">Steuerhinweis</div>
|
||||
<p><strong>{{taxLabel}}</strong> ({{vatRateDisplay}})</p>
|
||||
</div>
|
||||
|
||||
<div class="reverse-charge-note {{reverseChargeClass}} {{reverseChargeSectionClass}}">
|
||||
<p>{{reverseChargeNoticeText}}</p>
|
||||
</div>
|
||||
{{taxTreatmentBlock}}
|
||||
|
||||
<table class="items-table">
|
||||
<thead>
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
border: 1px solid #dbe3f0;
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 24px 60px -38px rgba(15, 23, 42, 0.35);
|
||||
box-shadow: none;
|
||||
}
|
||||
.hero {
|
||||
padding: 34px 38px 28px;
|
||||
@ -161,6 +161,9 @@
|
||||
margin: 0;
|
||||
color: #334155;
|
||||
}
|
||||
.tax-banner:empty {
|
||||
display: none;
|
||||
}
|
||||
.reverse-charge-note {
|
||||
margin-bottom: 22px;
|
||||
padding: 15px 18px;
|
||||
@ -291,6 +294,110 @@
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 12mm;
|
||||
}
|
||||
@media print {
|
||||
html,
|
||||
body {
|
||||
width: 210mm;
|
||||
}
|
||||
body {
|
||||
background: #ffffff;
|
||||
color: #111827;
|
||||
font-size: 10.8px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.page {
|
||||
max-width: none;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
overflow: visible;
|
||||
}
|
||||
.hero {
|
||||
padding: 14px 16px 12px;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 22px;
|
||||
}
|
||||
.invoice-card {
|
||||
min-width: 160px;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
.invoice-card .number {
|
||||
font-size: 18px;
|
||||
}
|
||||
.content {
|
||||
padding: 14px 16px 16px;
|
||||
}
|
||||
.info-grid,
|
||||
.summary-grid {
|
||||
gap: 10px;
|
||||
}
|
||||
.info-grid {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.info-card,
|
||||
.payment-card,
|
||||
.totals-card,
|
||||
.tax-banner {
|
||||
padding: 10px;
|
||||
}
|
||||
.tax-banner {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.items-table {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.items-table thead th,
|
||||
.items-table tbody td {
|
||||
padding: 6px 7px;
|
||||
}
|
||||
.bank-list {
|
||||
margin-top: 8px;
|
||||
gap: 4px;
|
||||
}
|
||||
.totals-row {
|
||||
padding: 4px 0;
|
||||
}
|
||||
.totals-row.total {
|
||||
margin-top: 3px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
.footer {
|
||||
margin-top: 10px;
|
||||
padding-top: 8px;
|
||||
font-size: 9.4px;
|
||||
}
|
||||
.hero,
|
||||
.info-grid,
|
||||
.info-card,
|
||||
.tax-banner,
|
||||
.summary-grid,
|
||||
.payment-card,
|
||||
.totals-card,
|
||||
.footer {
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
.summary-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.items-table {
|
||||
page-break-inside: auto;
|
||||
}
|
||||
.items-table thead {
|
||||
display: table-header-group;
|
||||
}
|
||||
.items-table tr {
|
||||
page-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -341,10 +448,7 @@
|
||||
|
||||
{{orderedByBlock}}
|
||||
|
||||
<div class="tax-banner">
|
||||
<div class="tax-banner-title">Tax treatment</div>
|
||||
<p><strong>{{taxLabel}}</strong> ({{vatRateDisplay}})</p>
|
||||
</div>
|
||||
{{taxTreatmentBlock}}
|
||||
|
||||
<div class="reverse-charge-note {{reverseChargeClass}} {{reverseChargeSectionClass}}">
|
||||
<p>{{reverseChargeNoticeText}}</p>
|
||||
@ -388,4 +492,4 @@
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>>
|
||||
Loading…
Reference in New Issue
Block a user