Przejdź do końca metadanych
Przejdź do początku metadanych

Wyświetlasz starszą wersję (v. /wiki/spaces/DOKU/pages/3800663/Faktury+-+przyk+ad) tej strony.

pokaż różnice pokaż historię strony

« Pokaż poprzednią wersję Wyświetlasz aktualną wersję tej strony. (v. 3) pokaż następną wersję »

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;
}
  • Brak etykietek