Poniżej przedstawiamy przykładowy kod dla szablonu faktury pośrednika.
UWAGA
Faktura jest budowany w części dynamicznie i najlepiej używać edytora "Zaawansowana edycja (widok kodu HTML)" dostępnego w "Akcje"
Dostępne parametry:
W kodzie jest generowana dynamicznie tabelka dla stawek po przez funkcję "#[each (vats,vatName)]".
Kod odpowiedzialny za tą tabelkę
<tr> <td class="no-border" colspan="6"></td> <td class="padding2" align="center">#m[rateSummary]</td> <td class="padding2" align="center">#m[nettoSummary]</td> <td class="padding2" align="center">#m[vatSummary]</td> <td class="padding2" align="center">#m[bruttoSummary]</td> </tr> #[each (vats,vatName)] <tr> <td class="no-border" colspan="6"></td> <td>[[vatName].name]</td> <td align="right">[[vatName].netto]</td> <td align="right">[[vatName].vat]</td> <td align="right">[[vatName].brutto]</td> </tr> [/each] <tr> <td class="no-border" colspan="6"></td> <td align="right" class="uppercase">#m[allprice]</td> <td align="right">[subjectNettoCount] [currency]</td> <td align="right">[subjectVatCount] [currency]</td> <td align="right">[subjectBruttoCount] [currency]</td> </tr> <tr> <td class="no-border" colspan="6"></td> <td align="right" class="uppercase no-wrap">#m[words]</td> <td colspan="3" align="right">[say]</td> </tr>
Przykład całości
Kod HTML
<div> <div> <div> <table border="0"> <tbody> <tr> <td width="65%" valign="top"> <table style="width: 100%;"> <tbody> <tr> <td class="no-border" align="left" style="padding: 0px;text-align: left;"><strong>#m[seller]</strong></td> </tr> <tr> <td class="no-border" align="left" style="padding: 0px;text-align: left;">[sellerCompanyName]<br /> [sellerStreet], [sellerPostalCode] [sellerCity]#[if (sellerCountry)], [sellerCountry] [/if]<br /> #m[registerId]: [sellerRegisterId]</td> </tr> </tbody> </table> </td> <td class="no-border" valign="top"> <table border="0" style="width: 100%;"> <tbody> <tr> <td class="no-border" style="padding: 0px;text-align: left;" ><strong> #[if (!corrective)]#m[invoiceTitle][/if]#[if (corrective)]#m[corrective][/if]</strong></td> </tr> <tr> <td class="no-border" style="padding: 0px;text-align: left;"><strong>#m[no] [invoiceNo] </strong></td> </tr> <tr> <td class="no-border" style="padding: 0px;text-align: left;">#m[issuanceDate]: <strong>[issuanceDate]</strong></td> </tr> <tr> <td class="no-border" style="padding: 0px;text-align: left;">#m[transactionDate]:<strong> #[if (corrective)][parentTransactionDate][/if]#[if (!corrective)][transactionDate][/if]</strong></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div> <table align="center" style="width: 100%;"> <tbody> <tr> <td class="original-copy" align="center"><strong>#m[oryginal] / #m[copy]</strong></td> </tr> </tbody> </table> </div> <div> <table style="width: 100%;"> <tbody> <tr> <td width="50%" valign="top" style="text-align: left;"><strong>#m[buyer]</strong><br />#[if (buyerIsPrivateCustomer)] [buyerFirstName] [buyerLastName][/if] #[if (!buyerIsPrivateCustomer)] [buyerCompanyName][/if] [buyerStreet], [buyerPostalCode] [buyerCity]#[if (buyerCountry)], [buyerCountry][/if] #[if (buyerIsPrivateCustomer)] [buyerDocumentNo][/if] #[if (!buyerIsPrivateCustomer)]<br /> #m[registerId]: [buyerRegisterId][/if]</td> <td valign="bottom">#m[paymentForm]: [paymentForm] #m[paymentDate]: [paymentDate] #[if (paymentBankAccountNo)] <br />#m[bank]: [paymentBankName] #m[swift]: [paymentBankSwiftIbanNo] <br />#m[account]: [paymentBankAccountNo][/if]#[if (paymentBankAccountNo2)] <br />#m[bank]: [paymentBankName2] #m[swift]: [paymentBankSwiftIbanNo2] <br />#m[account]: [paymentBankAccountNo2][/if]#[if (paymentBankAccountNo3)] <br />#m[bank]: [paymentBankName3] #m[swift]: [paymentBankSwiftIbanNo3] <br />#m[account]: [paymentBankAccountNo3][/if]#[if (paymentBankAccountNo4)] <br />#m[bank]: [paymentBankName4] #m[swift]: [paymentBankSwiftIbanNo4] <br />#m[account]: [paymentBankAccountNo4][/if]</td> </tr> </tbody> </table> </div> <br /> <div> <table cellspacing="0" style="width: 100%;"> <tbody> <tr> <td class="padding2">#m[subjectItemLp]</td> <td class="padding2">#m[subjectName2]</td> <td class="padding2">#m[subjectPKWiU]</td> <td class="padding2">#m[subjectQuantity]</td> <td class="padding2">Jm</td> <td class="padding2">#m[subjectPrice]</td> <td class="padding2">#m[subjectNetto]</td> <td class="padding2">#m[subjectVatRate]</td> <td class="padding2">#m[subjectVat]</td> <td class="padding2">#m[subjectBrutto]</td> </tr> <tr> <td>1</td> <td>[subjectDescription]</td> <td>[subjectPKWiU]</td> <td>1</td> <td>usł.</td> <td>[subjectNetto]</td> <td>[subjectNetto]</td> <td>[subjectVatRate]</td> <td>[subjectVat]</td> <td>[subjectBrutto]</td> </tr> <tr> <td class="no-border" colspan="10"></td> </tr> <tr> <td class="no-border" colspan="6"></td> <td class="padding2" align="center">#m[rateSummary]</td> <td class="padding2" align="center">#m[nettoSummary]</td> <td class="padding2" align="center">#m[vatSummary]</td> <td class="padding2" align="center">#m[bruttoSummary]</td> </tr> #[each (vats,vatName)] <tr> <td class="no-border" colspan="6"></td> <td>[[vatName].name]</td> <td align="right">[[vatName].netto]</td> <td align="right">[[vatName].vat]</td> <td align="right">[[vatName].brutto]</td> </tr> [/each] <tr> <td class="no-border" colspan="6"></td> <td align="right" class="uppercase">#m[allprice]</td> <td align="right">[subjectNettoCount] [currency]</td> <td align="right">[subjectVatCount] [currency]</td> <td align="right">[subjectBruttoCount] [currency]</td> </tr> <tr> <td class="no-border" colspan="6"></td> <td align="right" class="uppercase no-wrap">#m[words]</td> <td colspan="3" align="right">[say]</td> </tr> </tbody> </table> </div> </div> <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;"> <tbody> <tr> <td class="no-border" align="center"> <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
@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; }