diff options
author | Romain Gonçalves <me@rgoncalves.se> | 2024-09-29 15:27:01 +0200 |
---|---|---|
committer | Romain Gonçalves <me@rgoncalves.se> | 2024-09-29 15:28:52 +0200 |
commit | 814f4e6a3e28c06bd60e53171748721ae365c2da (patch) | |
tree | 98825de0c053a986d755895b8a301ed26f414a7a /templates | |
download | paperwork-trunk.tar.gz |
init: invoice-gen and examplestrunk
Diffstat (limited to 'templates')
-rw-r--r-- | templates/company.gohtml | 10 | ||||
-rw-r--r-- | templates/invoice.gohtml | 118 | ||||
-rw-r--r-- | templates/styles.css | 159 | ||||
-rw-r--r-- | templates/template.gohtml | 55 | ||||
-rw-r--r-- | templates/terms.gohtml | 7 | ||||
-rw-r--r-- | templates/translations.yml | 79 |
6 files changed, 428 insertions, 0 deletions
diff --git a/templates/company.gohtml b/templates/company.gohtml new file mode 100644 index 0000000..f3a9cf6 --- /dev/null +++ b/templates/company.gohtml @@ -0,0 +1,10 @@ +<ul> + <li>{{ .data.author.name }}</li> + <li>{{ .data.author.address }}</li> + <li><a href="{{ .data.author.website }}">{{ .data.author.website }}</a></li> + <li><a href="mailto:{{ .data.author.email }}">{{ .data.author.email }}</a></li> + <li><a href="tel:{{ .data.author.phone }}">{{ .data.author.phone }}</a></li> +</ul> + +<section class="terms"> +</section> diff --git a/templates/invoice.gohtml b/templates/invoice.gohtml new file mode 100644 index 0000000..fe7fece --- /dev/null +++ b/templates/invoice.gohtml @@ -0,0 +1,118 @@ +<header> + <article class="company"> + <h2>{{ index .translations.invoice_from .ctx.lang }}</h2> + {{ tpl (file.Read "templates/company.gohtml") + (dict + "ctx" .ctx + "data" .data + "translations" .translations) }} + </article> + + <article class="metadata"> + <table> + <tr> + + {{ if (eq .data.type "invoice") }} + <td><h2>{{ index .translations.invoice .ctx.lang }}</h2></td> + {{ else }} + <td><h2>{{ index .translations.quote .ctx.lang }}</h2></td> + {{ end }} + <td><h2>#{{ .data.number }}</h2></td> + </tr> + <tr> + + {{ if (eq .data.type "invoice") }} + <td>{{ index .translations.invoice_issued_at .ctx.lang }}</td> + {{ else }} + <td>{{ index .translations.quote_issued_at .ctx.lang }}</td> + {{ end }} + + <td>{{ .data.date.Format "2006-01-02" }}</td> + </tr> + + {{ if (eq .data.type "invoice") }} + <tr> + <td>{{ index .translations.invoice_due_at .ctx.lang }}</td> + <td>{{ .data.due_date.Format "2006-01-02" }}</td> + </tr> + {{ end }} + </table> + </article> +</header> + +<section> + <article class="client"> + <h2>{{ index .translations.invoice_to .ctx.lang }}</h2> + <ul> + <li>{{ .data.client.name }}</li> + <li>{{ .data.client.address }}</li> + <li>{{ .data.client.email }}</li> + </ul> + </article> +</section> + +<section> + <article class="items"> + <table> + <thead> + <tr> + <th>{{ index .translations.item .ctx.lang }}</th> + <th>{{ index .translations.rate .ctx.lang }}</th> + <th>{{ index .translations.quantity .ctx.lang }}</th> + <th>{{ index .translations.amount .ctx.lang }}</th> + </tr> + </thead> + <tbody> + {{ $ctx := .ctx }} + {{ range .data.items }} + <tr> + <td> + {{ index .name $ctx.lang }} + {{ if (has .comment $ctx.lang) }} + <p class="comment">{{ index .comment $ctx.lang }}</p> + {{ end }} + </td> + <td>{{ .rate }}</td> + <td>{{ .qty }}</td> + <td>{{ .sum }}</td> + </tr> + {{ end }} + </tbody> + <tfoot> + <tr> + <td colspan="3">{{ index .translations.total_in .ctx.lang }} {{ .data.currency }}</td> + <td>{{ .data.total }}</td> + </tr> + </tfoot> + </table> + </article> +</section> + +<section> + {{ if .data.notes }} + <article class="notes"> + <p>{{ index .data.notes .ctx.lang }}</p> + </article> + {{ end }} +</section> + +<footer> + {{ if (eq .data.type "invoice") }} + <article class="bank"> + <h2>{{ index .translations.bank_details .ctx.lang }}</h2> + <table> + <tr><td>{{ index .translations.bank_name .ctx.lang }}</td><td>{{ .data.bank.name }}</td></tr> + <tr><td>SWIFT</td><td>{{ .data.bank.swift }}</td></tr> + <tr><td>IBAN</td><td>{{ .data.bank.iban }}</td></tr> + </table> + </article> + {{ end }} + + <article class="tax"> + <h2>{{ index .translations.tax_details .ctx.lang }}</h2> + <table> + <tr><td>SIRET</td><td>{{ .data.tax.siret }}</td></tr> + <tr><td>{{ index .translations.tax_vat .ctx.lang }}</td><td>{{ index .data.tax.vat .ctx.lang }}</td></tr> + </table> + </article> +</footer> diff --git a/templates/styles.css b/templates/styles.css new file mode 100644 index 0000000..cb0b736 --- /dev/null +++ b/templates/styles.css @@ -0,0 +1,159 @@ +@page { + size: A4 portrait; + margin: 16mm; + + @bottom-right-corner { + content: counter(page) '/' counter(pages); + margin-left: 1em; + } +} + +@media print { + footer { + position: absolute; + bottom: 0; + } +} + +@media screen { + html { + margin: 4em auto 4em auto; + width: 60em; + } + + body > section:not(:first-child) { + margin-top: 12em; + } +} + +/* */ + +* { + margin: 0; + padding: 0; + font-family: monospace, monospace; + font-size: 14px; + color: #111; +} + +h1, h2, h3 { + margin: 0; + color: #444; +} + +h2 { + font-size: 1.2em; +} + +ul li { + list-style: none; +} + +a, a:visited { + color: #000; +} + +article { + margin-top: 2em; + margin-bottom: 2em; +} + +header article { + margin: 0; +} + +header { + display: flex; +} + +footer { + width: 100%; +} + +body > section { + break-before: always; +} + +/* table */ + +table * { + vertical-align: top; +} + +table { + border-collapse: collapse; +} + +table { + width: 100% +} + +/* items */ + +article.items table { + width: 100%; + margin: 4em 0 4em 0; +} + +article.items table tr th:last-child, +article.items table tr td:last-child { + text-align: right; +} + +article.items table thead tr th:first-child { + width: 60%; +} + +article.items table tfoot, table thead { + border-bottom: solid 1px black; +} + +article.items table tfoot { + border-top: solid 1px black; +} + +article.items table tfoot td { + font-weight: 700; +} + +/* metadata */ + +article.metadata { + width: 40%; +} + +article.metadata table { + width: 100%; +} + +article.metadata table tr td:first-child { + width: 50%; +} + +/* */ + +article.tax table tr td:first-child, +article.bank table tr td:first-child { + width: 20%; +} + + +article.company { + width: 60%; +} + +article.bank { + padding-top: 1em; + border-top: solid 1px #444; +} + +article.annex p { + background-color: #000; + color: #fff; + font-weight: 700; +} + +p.comment { + color: #444; + margin-left: .5em; +} diff --git a/templates/template.gohtml b/templates/template.gohtml new file mode 100644 index 0000000..911bfdd --- /dev/null +++ b/templates/template.gohtml @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset="utf-8"/> + <style> + {{ tpl (file.Read "templates/styles.css") }} + </style> +</head> + +<body> + <section> + {{ tpl (file.Read "templates/invoice.gohtml") + (dict + "ctx" (dict "lang" "fr") + "data" .data + "translations" .translations) }} + </section> + + <section> + <article class="annex"> + <p>annexe 01: facture en anglais / invoice</p> + </article> + {{ tpl (file.Read "templates/invoice.gohtml") + (dict + "ctx" (dict "lang" "en") + "data" .data + "translations" .translations) }} + </section> + + <!--- + <section> + <article class="annex"> + <p>annexe 02: conditions général de vente</p> + </article> + {{ tpl (file.Read "templates/terms.gohtml") + (dict + "ctx" (dict "lang" "fr") + "data" .data + "translations" .translations) }} + </section> + + <section> + <article class="annex"> + <p>annexe 03: conditions générales de vente en anglais / terms and conditions</p> + </article> + {{ tpl (file.Read "templates/terms.gohtml") + (dict + "ctx" (dict "lang" "en") + "data" .data + "translations" .translations) }} + </section> + ---> + +</body> +</html> diff --git a/templates/terms.gohtml b/templates/terms.gohtml new file mode 100644 index 0000000..34ac778 --- /dev/null +++ b/templates/terms.gohtml @@ -0,0 +1,7 @@ +<article class="company"> + {{ tpl (file.Read "templates/company.gohtml") + (dict + "ctx" .ctx + "data" .data + "translations" .translations) }} +</article> diff --git a/templates/translations.yml b/templates/translations.yml new file mode 100644 index 0000000..7a9a1f2 --- /dev/null +++ b/templates/translations.yml @@ -0,0 +1,79 @@ +--- + +# invoice + +invoice: + en: Invoice + fr: Facture + +invoice_issued_at: + en: issued at + fr: émise le + +invoice_due_at: + en: due at + fr: échéance le + +# quote + +quote: + en: Quote + fr: Devis + +quote_issued_at: + en: issued at + fr: émis le + +# company + +invoice_from: + en: Invoice from + fr: Entreprise + +# client + +invoice_to: + en: Invoice to + fr: Client + +# item + +item: + en: Item + fr: Item + +rate: + en: Rate + fr: Taux + +quantity: + en: Quantity + fr: Quantité + +amount: + en: Amount + fr: Montant + +total_in: + en: Total in + fr: Total en + +# bank + +bank_details: + en: Bank details + fr: Coordonnées bancaires + +bank_name: + en: bank + fr: banque + +# tax + +tax_details: + en: Tax details + fr: Taxes + +tax_vat: + en: VAT + fr: TVA |