Compare commits
No commits in common. "b11006ee2870d8ad1989f4293e3a5c039ddedb23" and "88097641d5d69b02586203eab139405ec948159a" have entirely different histories.
b11006ee28
...
88097641d5
@ -512,9 +512,6 @@ 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"
|
||||||
@ -562,7 +559,6 @@ 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,8 +161,19 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
color: #334155;
|
color: #334155;
|
||||||
}
|
}
|
||||||
.tax-banner:empty {
|
.reverse-charge-note {
|
||||||
display: none;
|
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;
|
||||||
}
|
}
|
||||||
.items-table {
|
.items-table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -280,102 +291,6 @@
|
|||||||
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>
|
||||||
@ -426,7 +341,14 @@
|
|||||||
|
|
||||||
{{orderedByBlock}}
|
{{orderedByBlock}}
|
||||||
|
|
||||||
{{taxTreatmentBlock}}
|
<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>
|
||||||
|
|
||||||
<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: none;
|
box-shadow: 0 24px 60px -38px rgba(15, 23, 42, 0.35);
|
||||||
}
|
}
|
||||||
.hero {
|
.hero {
|
||||||
padding: 34px 38px 28px;
|
padding: 34px 38px 28px;
|
||||||
@ -161,9 +161,6 @@
|
|||||||
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;
|
||||||
@ -294,110 +291,6 @@
|
|||||||
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>
|
||||||
@ -448,7 +341,10 @@
|
|||||||
|
|
||||||
{{orderedByBlock}}
|
{{orderedByBlock}}
|
||||||
|
|
||||||
{{taxTreatmentBlock}}
|
<div class="tax-banner">
|
||||||
|
<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>
|
||||||
@ -492,4 +388,4 @@
|
|||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user