From 814f4e6a3e28c06bd60e53171748721ae365c2da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Romain=20Gon=C3=A7alves?= <me@rgoncalves.se>
Date: Sun, 29 Sep 2024 15:27:01 +0200
Subject: init: invoice-gen and examples

---
 templates/company.gohtml   |  10 +++
 templates/invoice.gohtml   | 118 +++++++++++++++++++++++++++++++++
 templates/styles.css       | 159 +++++++++++++++++++++++++++++++++++++++++++++
 templates/template.gohtml  |  55 ++++++++++++++++
 templates/terms.gohtml     |   7 ++
 templates/translations.yml |  79 ++++++++++++++++++++++
 6 files changed, 428 insertions(+)
 create mode 100644 templates/company.gohtml
 create mode 100644 templates/invoice.gohtml
 create mode 100644 templates/styles.css
 create mode 100644 templates/template.gohtml
 create mode 100644 templates/terms.gohtml
 create mode 100644 templates/translations.yml

(limited to 'templates')

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
-- 
cgit v1.2.3