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 customerPostalCity = billingContext.postalCity || [invoice.buyer_postal_code, invoice.buyer_city].filter(Boolean).join(' ');
|
||||||
let customerCountry = billingContext.country || invoice.buyer_country || '';
|
let customerCountry = billingContext.country || invoice.buyer_country || '';
|
||||||
let orderedByBlock = '';
|
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) {
|
if (isGift) {
|
||||||
// Recipient info for "Bill To"
|
// Recipient info for "Bill To"
|
||||||
@ -559,6 +562,7 @@ class InvoiceService {
|
|||||||
customerCompanyName: this._escapeHtml(billingContext.companyName || ''),
|
customerCompanyName: this._escapeHtml(billingContext.companyName || ''),
|
||||||
customerUidNumber: this._escapeHtml(invoice?.context?.uid_number || billingContext.uidNumber || ''),
|
customerUidNumber: this._escapeHtml(invoice?.context?.uid_number || billingContext.uidNumber || ''),
|
||||||
orderedByBlock,
|
orderedByBlock,
|
||||||
|
taxTreatmentBlock,
|
||||||
issuedAt: this._escapeHtml(issuedAt),
|
issuedAt: this._escapeHtml(issuedAt),
|
||||||
dueAt: this._escapeHtml(dueAt),
|
dueAt: this._escapeHtml(dueAt),
|
||||||
descriptionHeader: isDe ? 'Beschreibung' : 'Description',
|
descriptionHeader: isDe ? 'Beschreibung' : 'Description',
|
||||||
|
|||||||
@ -161,19 +161,8 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
color: #334155;
|
color: #334155;
|
||||||
}
|
}
|
||||||
.reverse-charge-note {
|
.tax-banner:empty {
|
||||||
margin-bottom: 22px;
|
display: none;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
.items-table {
|
.items-table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -291,6 +280,102 @@
|
|||||||
text-align: left;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -341,14 +426,7 @@
|
|||||||
|
|
||||||
{{orderedByBlock}}
|
{{orderedByBlock}}
|
||||||
|
|
||||||
<div class="tax-banner">
|
{{taxTreatmentBlock}}
|
||||||
<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>
|
|
||||||
|
|
||||||
<table class="items-table">
|
<table class="items-table">
|
||||||
<thead>
|
<thead>
|
||||||
|
|||||||
@ -21,7 +21,7 @@
|
|||||||
border: 1px solid #dbe3f0;
|
border: 1px solid #dbe3f0;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0 24px 60px -38px rgba(15, 23, 42, 0.35);
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
.hero {
|
.hero {
|
||||||
padding: 34px 38px 28px;
|
padding: 34px 38px 28px;
|
||||||
@ -161,6 +161,9 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
color: #334155;
|
color: #334155;
|
||||||
}
|
}
|
||||||
|
.tax-banner:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.reverse-charge-note {
|
.reverse-charge-note {
|
||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
padding: 15px 18px;
|
padding: 15px 18px;
|
||||||
@ -291,6 +294,110 @@
|
|||||||
text-align: left;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -341,10 +448,7 @@
|
|||||||
|
|
||||||
{{orderedByBlock}}
|
{{orderedByBlock}}
|
||||||
|
|
||||||
<div class="tax-banner">
|
{{taxTreatmentBlock}}
|
||||||
<div class="tax-banner-title">Tax treatment</div>
|
|
||||||
<p><strong>{{taxLabel}}</strong> ({{vatRateDisplay}})</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="reverse-charge-note {{reverseChargeClass}} {{reverseChargeSectionClass}}">
|
<div class="reverse-charge-note {{reverseChargeClass}} {{reverseChargeSectionClass}}">
|
||||||
<p>{{reverseChargeNoticeText}}</p>
|
<p>{{reverseChargeNoticeText}}</p>
|
||||||
@ -388,4 +492,4 @@
|
|||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>>
|
||||||
Loading…
Reference in New Issue
Block a user