...
Przykład całości
Kod HTML
| Blok Kodu | ||
|---|---|---|
| html | html | <div>
<div>
#[if (invoicePrintTypeDuplicate)]<div style="width: 100%;text-align: right; color: #000000;">[invoicePrintTypeDuplicate]</div>[/if]
<table style="width: 100%;">
<tbody>
<tr>
<td rowspan="3" style="width: 33%;"><img src="/image/show/[logoId]" width="200px"/></td>
<td rowspan="2"><strong> #[if (invoiceType==Faktura Pro forma)][invoiceType][/if]
#[if (invoiceType!=Faktura Pro forma)]
#[if (issuanceDate>=yearNow)]
#[if (!corrective)]Faktura[/if]
#[if (corrective)]Faktura korygująca[/if]
[/if]
#[if (yearNow>issuanceDate)]
#[if (!corrective)]Faktura VAT[/if]
#[if (corrective)]FAKTURA VAT KOREKTA[/if]
[/if]
[/if]</strong></td>
#[if (yearNow>issuanceDate)]
<td style="width: 33%;"><strong>#m[no] [invoiceNo] </strong></td>
</tr>
#[if (!corrective)]Faktura VAT[/if] <tr>
#[if (corrective)]FAKTURA VAT KOREKTA[/if]<td><strong>#m[oryginal] / #m[copy]</strong></td>
[/if]</tr>
[/if]</strong></td><tr>
<td style="width: 33%;"><strong>#m[no] [invoiceNo] <td>#m[issuanceDate]: <strong>[issuanceDate]</strong></td>
</tr> <td>#m[transactionDate]:<strong> #[if (corrective)][parentTransactionDate][/if]#[if
<tr> <td><strong>#m[oryginal] / #m[copy(!corrective)][transactionDate][/if]</strong></td>
</tr>
<tr></tbody>
</table>
<td>#m[issuanceDate]: <strong>[issuanceDate]</strong></td>
<table style="width: 100%;">
<tr>
<td>#m[transactionDate]:<strong> #[if (corrective)][parentTransactionDate][/if]#[if <td style="width: 50%; text-align: left; (!corrective)][transactionDate][/if]</strong></td>vertical-align: top;"><strong>#m[seller]:<br/><br/>[sellerCompanyName]</strong><br/>[sellerStreet]<br/>
</tr> [sellerPostalCode] [sellerCity]#[if (sellerCountry)] <br/> </tbody>[sellerCountry] [/if]<br/>
</table> <table style="width: 100%;">
#m[registerId]: [sellerRegisterId]
<tr> </td>
<td style="width: 50%; text-align: left; vertical-align: top;"><strong>#m[seller]:<br/><br/>[sellerCompanyName]>
<strong>#m[buyer]:</strong><br/>[sellerStreet]<br/>
><br/><strong>
[sellerPostalCode] [sellerCity]#[if (sellerCountrybuyerIsPrivateCustomer)] <br/>[buyerFirstName] [sellerCountrybuyerLastName] [/if]<br/>
#m[registerId]: [sellerRegisterId#[if (!buyerIsPrivateCustomer)] [buyerCompanyName][/if]
</td>strong><br/>
<td style="width: 50%; text-align: left; vertical-align: top;"> [buyerStreet]<br/> [buyerPostalCode] [buyerCity]
<strong>#m[buyer]:</strong><br/><br/><strong>#[if (buyerCountry)] <br/> [buyerCountry][/if]
#[if (buyerIsPrivateCustomer)] [buyerFirstName] [buyerLastName][/if]<br/>
#[if (!buyerIsPrivateCustomer)] [buyerCompanyName#m[buyer.documentNo]: [buyerDocumentNo][/if]
</strong><br/> #[if (!buyerIsPrivateCustomer)]<br/>
#m[buyerStreetregisterId]<br/>: [buyerPostalCodebuyerRegisterId] [buyerCity/if]
</td>
#[if (buyerCountry)] <br/> [buyerCountry][/if] </tr>
</table>
#[if (buyerIsPrivateCustomer)] <br/> <table style="width: 100%;">
<tr>
#m[buyer.documentNo]: [buyerDocumentNo][/if] <td style="width: 33%; text-align: left; #[if (!buyerIsPrivateCustomer)]<br/vertical-align: top;">
#m[registerIdpaymentForm]: [buyerRegisterId][/ifpaymentForm]<br/> #m[paymentDate]: [paymentDate]
</td>
</tr> </table>
<table<td style="widthtext-align: left; vertical-align: 100%top;">
<tr> <td style="width: 33%; text-align: left; vertical-align: top;">
#[if (paymentBankAccountNo)]
#m[paymentFormbank]: [paymentFormpaymentBankName] <br/> #m[paymentDate]: [paymentDate]
</td>#[if (paymentBankSwiftIbanNo)]
<td style="text-align: left; vertical-align: top;" #m[swift]: [paymentBankSwiftIbanNo] <br/>
#[/if (paymentBankAccountNo)]
#m[bankaccount]: [paymentBankNamepaymentBankAccountNo]
<br/> #[/if (paymentBankSwiftIbanNo)]
#m#[swift]: [paymentBankSwiftIbanNoif (paymentBankAccountNo2)] <br/>
[/if#m[bank]: [paymentBankName2]
#m[account]: [paymentBankAccountNo]#[if (paymentBankSwiftIbanNo2)]
#m[swift]: [/if]paymentBankSwiftIbanNo2] <br/>
#[/if (paymentBankAccountNo2)] <br/>
#m[bankaccount]: [paymentBankAccountNo2][paymentBankName2/if]
#[if (paymentBankSwiftIbanNo2paymentBankAccountNo3)] <br/>
#m[swiftbank]: [paymentBankSwiftIbanNo2paymentBankName3]
<br/> #[/if (paymentBankSwiftIbanNo3)]
#m[accountswift]: [paymentBankAccountNo2paymentBankSwiftIbanNo3][ <br/if]>
#[/if (paymentBankAccountNo3)] <br/>
#m[bankaccount]: [paymentBankName3paymentBankAccountNo3][/if]
#[if (paymentBankSwiftIbanNo3paymentBankAccountNo4)] <br/>
#m[swiftbank]: [paymentBankSwiftIbanNo3paymentBankName4]
<br/> #[/if (paymentBankSwiftIbanNo4)]
#m[accountswift]: [paymentBankAccountNo3paymentBankSwiftIbanNo4][ <br/if]>
#[/if (paymentBankAccountNo4)] <br/>
#m[bankaccount]: [paymentBankName4paymentBankAccountNo4][/if]
</td>
#[if (paymentBankSwiftIbanNo4)] </tr>
</table>
#m[swift]: [paymentBankSwiftIbanNo4] <br/> #[if (corrective)]
<table cellspacing="3">
[/if] <tr>
#m<td>#m[accountcorrectiveInfo]: <strong>[paymentBankAccountNo4parentInvoiceNo][/if]</strong></td>
<td>#m[issuanceDate]: <strong>[parentIssuanceDate]</strong></td>
</tr>
</table>
</div>
<div> <table stylecellspacing="width: 100%;3">
<tr>
<td class="no-border"><td>#m[correctiveInvoiceTitle]: <strong>[correctiveReason]</strong></td>
</tr>
<table cellspacing="0" style="width: 100%;"></table>
[/if]
</div>
<div>
<tbody><table style="width: 100%;">
<tr>
<tr> <td class="no-border">
<td<table classcellspacing="padding2">#m[subjectItemLp]</td>
0" style="width: 100%;">
<tbody>
<td class="padding2">#m[subjectName2]</td> <tr>
<td class="padding2">#m[subjectPKWiUsubjectItemLp]</td>
<td class="padding2">#m[subjectQuantitysubjectName2]</td>
<td class="padding2">Jm</td>#[if (yearNow>issuanceDate)]
<td class="padding2">#m[subjectPricesubjectPKWiU]</td>
<td class="padding2">#m[subjectNetto]</td>[/if]
<td class="padding2">#m[subjectVatRatesubjectQuantity]</td>
<td class="padding2">#m[subjectVatsubjectPrice]</td>
<td class="padding2">#m[subjectBruttosubjectNetto]</td>
</tr> <td class="padding2">#m[subjectVatRate]</td>
<tr> <td>1</td><td class="padding2">#m[subjectVat]</td>
<td>[subjectDescription<td class="padding2">#m[subjectBrutto]</td>
</tr>
<td>[subjectPKWiU]</td>#[if (corrective)]
<tr>
#[if (yearNow>issuanceDate)]
<td>1<<td colspan="9">#m[beforeCorrective]</td>
[/if]
#[if (issuanceDate>=yearNow)]
<td>usł.<td colspan="8">#m[beforeCorrective]</td>
[/if]
</tr>
<td>[subjectNetto]</td>#[if (buyerName!=parentBuyerName)]
<tr>
<td colspan="4"/>
#[if <td>[subjectNetto]</td>(yearNow>issuanceDate)]<td />[/if]
<td <td>[subjectVatRate]</td>colspan="4" class="buyer-td" style="text-align: left;">#m[buyer]:#[if (parentBuyerIsPrivateCustomer)] <strong>[parentBuyerFirstName] [parentBuyerLastName]</strong>[/if]
#[if (!parentBuyerIsPrivateCustomer)] <strong>[parentBuyerCompanyName]</strong>[/if]<br />
<td><strong>[subjectVatparentBuyerStreet]</td>strong>, <strong>#[if (parentBuyerPostalCode)][parentBuyerPostalCode][/if] [parentBuyerCity]</strong>#[if (parentBuyerCountry)], <strong>[parentBuyerCountry]</strong>[/if]
#[if (parentBuyerIsPrivateCustomer)] <td>[subjectBrutto]</td>
#[if (parentBuyerDocumentNo)]<br/><strong>[parentBuyerDocumentNo]</strong>[/if] [/if]
#[if (!parentBuyerIsPrivateCustomer)]<br/>#m[registerId]: <strong>[parentBuyerRegisterId]</strong>[/if]</td>
</tr>
[/if]
<tr>
<td>1</td>
<tr> <td>[subjectDescriptionBefore]</td>
#[if (yearNow>issuanceDate)]
<td class="no-border" colspan="10"><<td>#[if (subjectVatRateBefore=='0 ')][subjectPKWiU][/if]</td>
[/if]
<td>1</td>
<td>[subjectNettoBefore]</tr>td>
<td>[subjectNettoBefore]</td>
<td>[subjectVatRateBefore]</td>
<td>[subjectVatBefore]</td>
<tr> <td> [subjectBruttoBefore]</td>
</tr>
<tr>
#[if (yearNow>issuanceDate)]
<td class="no-border" <td colspan="6"><9">#m[afterCorrective]</td>
[/if]
#[if (issuanceDate>=yearNow)]
<td classcolspan="padding2" align="center"8">#m[rateSummaryafterCorrective]</td>
[/if]
</tr>
[/if]
#[if (corrective)]
#[if (buyerName!=parentBuyerName)]
<tr>
<td colspan="4"/>
#[if (yearNow>issuanceDate)]<td />[/if]
<td colspan="4" class="padding2" align="center">#m[nettoSummary]</td>buyer-td" style="text-align: left;">#m[buyer]:#[if (buyerIsPrivateCustomer)] <strong>[buyerFirstName] [buyerLastName]</strong>[/if]
#[if (!buyerIsPrivateCustomer)] <strong>[buyerCompanyName]</strong>[/if]<br />
<strong>[buyerStreet]</strong>, <strong>[buyerPostalCode] [buyerCity]</strong>#[if (buyerCountry)], <strong>[buyerCountry]</strong>[/if]
#[if (buyerIsPrivateCustomer)] #[if (buyerDocumentNo)]<br/><strong>[buyerDocumentNo]</strong> [/if] [/if]
<td class="padding2" align="center">#m[vatSummary #[if (!buyerIsPrivateCustomer)]<br/>#m[registerId]: <strong>[buyerRegisterId]</strong>[/if]</td>
</tr>
[/if]
[/if]
<tr>
<td>1</td>
<td class="padding2" align="center">#m[bruttoSummary<td>[subjectDescription]</td>
#[if (yearNow>issuanceDate)]
</tr>
<td>#[if (!displayAddInfo)][subjectPKWiU][/if]</td>
#[each (vatsNotNull,vatName)[/if]
<td>1</td>
<td>[subjectPrice]</td>
<tr> <td>[subjectNetto]</td>
<td>[subjectVatName]</td>
<td>[subjectVat]</td>
<td class="no-border" colspan="6">< <td>[subjectBrutto]</td>
</tr>
<tr>
#[if (yearNow>issuanceDate)]
<td <td>[[vatName].name]colspan="4" class="no-border"> </td>
[/if]
#[if (issuanceDate>=yearNow)]
<td <td aligncolspan="3" class="rightno-border">[[vatName].netto] </td>
[/if]
<td align="right" class="uppercase">#m[allprice]</td>
<td align="right">[[vatName].vat]<td>[subjectNetto]</td>
<td>×</td>
<td>[subjectVat]</td>
<td align="right">[[vatName].brutto<td>[subjectBrutto]</td>
</tr>
<tr>
#[if (yearNow>issuanceDate)]
</tr> <td colspan="4" rowspan="11" class="no-border" style="max-width: 40%;"></td>
[/if]
[/each#[if (issuanceDate>=yearNow)]
<td colspan="3" rowspan="10" class="no-border" style="max-width: 40%;"></td>
[/if]
<tr> <td colspan="5" align="right" class="no-border"> </td>
</tr>
<tr>
<td class="no-border" colspan="6"><> </td>
<td class="padding2">#m[rateSummary]</td>
<td class="padding2">#m[nettoSummary]</td>
<td class="padding2">#m[vatSummary]</td>
<td align="right"<td class="uppercasepadding2">#m[allpricebruttoSummary]</td>
</tr>
#[each (vatsNotNull,vatName)]
<tr>
<td alignclass="rightno-border">[subjectNettoCount] [currency] </td>
<td>[[vatName].name]</td>
<td align="right">[subjectVatCount] [currency[vatName].netto]</td>
<td align="right">[[vatName].vat]</td>
<td align="right"><strong>>[[subjectBruttoCount] [currencyvatName].brutto]</strong></td>
</tr>
[/each]
<tr>
<td align="right" class="uppercase">#m[allprice]</tr>td>
<td>×</td>
<td align="right"> [subjectNettoCount] [currency]</td>
<tr> <td align="right"> [subjectVatCount] [currency]</td>
<td classalign="no-borderright" colspan="6"><> [subjectBruttoCount] [currency]</td>
</tr>
<tr>
<td align="right" class="uppercase no-wrap">#m[words]</td>
<td colspan="34" align="right"> [say]</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
<tbody>
<tr>
<td class="no-border" align="center">
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%;">
<tr>
<td colspan="2" class="no-border">
<hr/>
</td>
</tr>
<tr>
<td class="no-border"><strong>#m[paymentStatus.Paid]: [alreadyPay]</strong></td>
<td class="no-border"><strong>#m[invoice.leftToPay]: [leftToPay]</strong></td>
</tr>
</table>
<table border="0" style="width: 100%;">
<tbody>
<tr>
<td class="no-border" align="center"><br/>
<table style="width: 100%;" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="center"><br/><br/><br/><span
class="tiny">#m[namesReceiverDescription]<br/></span></td>
<td class="no-border" style="width: 100px;"></td>
<td align="center"><br/>[agentName] [agentLastName]<br/><br/><span class="tiny">#m[namesIssuerDescription]<br/></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div class="footer">
<table>
<tbody>
<tr>
<td>Strona <span id="pagenumber"></span> / <span id="pagecount"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
|
Kod CSS
| Blok Kodu | ||||
|---|---|---|---|---|
| ||||
@page {
size: A4;
margin: 58px 54px;
size: 8.27in 11.69in;
padding: 0;
@bottom-center{
content:element(footer);
}
}
body, html, * {
margin: 0;
padding: 0;
font-size: 11px;
color: black;
font-family: Arial, Helvetica, sans-serif;
}
#pagenumber:before { content: counter(page); }
#pagecount:before { content: counter(pages); }
td {
padding: 5px;
text-align: center;
border: 1px solid #A7A9AC;
}
.tiny { font-size: 9px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.bold { font-weight: bold; }
.no-border { border: 0 none; }
.no-padding { padding: 0; }
td.padding2 { padding: 2px; }
.uppercase { text-transform: uppercase;}
.lowercase { text-transform: lowercase;}
.no-wrap {white-space:nowrap;}
.original-copy {
font-size: 15px;
text-transform: uppercase;
width: 55%;
}
.invoice-title {
font-size: 19px;
width: 45%;
}
.white-on-blue {
color: #fff;
background-color: #0080C6;
}
.seller-td, .buyer-td {
width: 50%;
text-align: left;
}
.payment-details {
text-align: left;
}
.toptable {
width: 100%;
}
.seller-buyer-table {
width: 100%;
position: relative;
top: -3px;
}
.invoice-date {
line-height: 13px;
}
.subject-table {
border-collapse: collapse;
width: 100%;
}
.subject-table td {
text-align: center;
}
.signatures {
width: 640px;
margin: 20px;
}
.signatures td {
width: 270px;
}
.footer {
position: running(footer);
margin: 0 auto;
width: 680px;
border-top: 1px solid #A7A9AC;
height: 90px;
vertical-align: bottom;
padding: 5px;
}
.footer table {
width: 100%;
}
.footer table td {
width: 50%;
}
.company-motto {
font-size: 16px;
color: #09195D;
}
.invoice-cancelled {
border: 3px solid red;
position: absolute;
top: 35px;
left: 295px;
background-color: #FFFFFF;
color: red;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
}
|
Kod CSS