Skip to content
Snippets Groups Projects
Commit 4fd72ce5 authored by Julian's avatar Julian Committed by Tom Teichler
Browse files

Rewrite PDF template

parent 9321f6e1
No related branches found
No related tags found
1 merge request!14Payments
Pipeline #58711 failed
Stage: prepare
Stage: test
Stage: build
Stage: publish
Hide whitespace changes
Inline Side-by-side
aleksis/apps/paweljong/templates/paweljong/invoice_pdf.html
+ 237
− 175
View file @ 4fd72ce5
{# -*- engine:django -*- #} {# -*- engine:django -*- #}
{% extends "core/base_print.html" %} {% load i18n static any_js sass_tags %}
{% load i18n %}
{% load render_table from django_tables2 %} {% load render_table from django_tables2 %}
{% block browser_title %}{% blocktrans %}Invoice{% endblocktrans %}{% endblock %} {% get_current_language as LANGUAGE_CODE %}
{% block page_title %}{% blocktrans %}Invoice{% endblocktrans %}{% endblock %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
<head>
{% include "core/partials/meta.html" %}
<title>
{% blocktrans %}Invoice{% endblocktrans %} – {{ SITE_PREFERENCES.general__title }}
</title>
{% include_css "material-design-icons" %}
{% include_css "Roboto100" %}
{% include_css "Roboto300" %}
{% include_css "Roboto400" %}
{% include_css "Roboto500" %}
{% include_css "Roboto700" %}
{% include_css "Roboto900" %}
{% include_css "paper-css" %}
<link rel="stylesheet" href="{% sass_src 'public/style.scss' %}"/>
<link rel="stylesheet" href="{% static "print.css" %}"/>
{% block extra_head %} <style>
<style> #logo {
#logo { float: right;
float: right; height: calc(44.7mm/2);
height: calc(44.7mm/2); }
} #address-window {
#address-window { width: 85mm;
width: 85mm; height: 40mm;
height: 40mm; /*outline: solid red;*/
outline: solid red; position: absolute;
position: absolute; top: 44.7mm;
top: 44.7mm; }
} #sender {
#sender { font-size: 10pt;
font-size: 10pt; height: 12pt;
height: 12pt; text-decoration: underline black solid;
text-decoration: underline black solid; font-style: normal;
font-style: normal; }
} #recipient p {
#recipient p { line-height: 1.03;
line-height: 1.03; margin: 0;
margin: 0; font-style: normal;
font-style: normal; font-size: 11pt;
font-size: 11pt; }
} #side-information {
#side-information { position: absolute;
position: absolute; top: 44.7mm;
top: 44.7mm; left: 125mm;
left: 125mm; width: 75mm;
width: 75mm; }
} dl {
dl { display: grid;
display: grid; grid-template-columns: repeat(2, min-content);
grid-template-columns: repeat(2, min-content); gap: 4px;
gap: 4px; align-items: center;
align-items: center; margin: 0;
margin: 0; }
} dl div {
dl div { /*margin: 0.4pt 0 0 0;*/
/*margin: 0.4pt 0 0 0;*/ }
} dt, dd {
dt, dd { margin: 0;
margin: 0; font-style: normal;
font-style: normal; font-size: 11pt;
font-size: 11pt; line-height: 1.03;
line-height: 1.03; }
} body.A4 .sheet {
body.A4 .sheet { position: relative;
position: relative; font-size: 11pt;
font-size: 11pt; padding: 1cm 2cm;
padding: 1cm 2cm; text-align: justify;
text-align: justify; }
} i.material-icons {
i.material-icons { font-size: 11pt;
font-size: 11pt; vertical-align: text-top;
vertical-align: text-top; }
} article {
article { margin-top: calc(105mm - 1cm);
margin-top: calc(105mm - 1cm); }
} #date {
#date { display: block;
display: block; text-align: right;
text-align: right; }
} h1 {
h1 { font-size: 12pt;
font-size: 12pt; margin: auto;
margin: auto; font-weight: 500;
font-weight: 500; }
} .page-mark {
.page-mark { width: 2.5mm;
width: 2.5mm; border-top: solid 1pt black;
border-top: solid 1pt black; position: absolute;
position: absolute; left: 2.5mm;
left: 2.5mm; }
} .page-mark-1 {
.page-mark-1 { top: calc(105mm - .5pt);
top: calc(105mm - .5pt); }
} .page-mark-2 {
.page-mark-2 { top: calc(50% - .5pt);
top: calc(50% - .5pt); width: 5mm;
width: 5mm; }
}
.page-mark-3 { .page-mark-3 {
top: calc(210mm - 1pt); top: calc(210mm - 1pt);
} }
</style> footer {
{% endblock %} width: calc(100% - 4cm);
display: flex;
font-size: 9pt;
text-align: left;
position: absolute;
bottom: 1cm;
}
.text {
flex-grow: 999;
}
.text p {
margin: 0;
}
td:not(.hero-col), th {
white-space: nowrap;
}
td.hero-col {
width: 100%;
}
td, th {
padding: 0 .5cm;
}
table {
margin-top: 1cm;
}
</style>
<head>
{% block content %} <body class="A4 print-body">
<div class="page-mark page-mark-1" aria-hidden="aria-hidden"></div> <main class="sheet">
<div class="page-mark page-mark-2" aria-hidden="aria-hidden"></div> <div class="page-mark page-mark-1" aria-hidden="aria-hidden"></div>
<div class="page-mark page-mark-3" aria-hidden="aria-hidden"></div> <div class="page-mark page-mark-2" aria-hidden="aria-hidden"></div>
<img src="https://teckids.org/images/logo.png" alt="Teckids Logo" id="logo"/> <div class="page-mark page-mark-3" aria-hidden="aria-hidden"></div>
<div id="address-window"> <img src="https://teckids.org/images/logo.png" alt="Teckids Logo" id="logo"/>
<address id="sender">Teckids e.V. · Kennedyallee 18 · 53175 Bonn</address> <div id="address-window">
<address id="recipient"> <address id="sender">Teckids e.V. · Kennedyallee 18 · 53175 Bonn</address>
<p>{{ invoice.billing_first_name }} {{ invoice.billing_last_name }}</p> <address id="recipient">
<p>{{ invoice.billing_address_1 }}</p> <p>&nbsp;</p>
<p>{{ invoice.billing_address_2 }}</p> <p>{{ invoice.billing_first_name }} {{ invoice.billing_last_name }}</p>
<p>{{ invoice.billing_postcode }} {{ invoice.billing_city }}</p> <p>{{ invoice.billing_address_1 }}</p>
<p>{{ invoice.billing_address_2 }}</p>
<p>{{ invoice.billing_postcode }} {{ invoice.billing_city }}</p>
</address>
</div>
<address id="side-information">
<dl>
<dt>
<i class="material-icons">mail</i><br/>
&nbsp;<br/>
&nbsp;
</dt>
<dd>
Teckids e.V.<br/>
Kennedyallee 18<br/>
53175 Bonn
</dd>
<dt>
<i class="material-icons small">phone</i>
</dt>
<dd>
<a href="tel:+4922892934160">+49 228 9293416–0</a>
</dd>
<dt>
<i class="material-icons">fax</i>
</dt>
<dd>
+49 228 9293416–9
</dd>
<dt>
<i class="material-icons">alternate_email</i>
</dt>
<dd>
<a href="mailto:verein@teckids.org">verein@teckids.org</a>
</dd>
<dt>
<i class="material-icons">info</i>
</dt>
<dd>
<a href="https://www.teckids.org/">https://www.teckids.org/</a>
</dd>
</dl>
</address> </address>
</div> <article>
<address id="side-information"> <date id="date">{{ invoice.created.date }}</date>
<dl> <h1>{% trans "Invoice" %} {{ invoice.transaction_id }}</h1>
<dt>
<i class="material-icons">mail</i><br/>
&nbsp;<br/>
&nbsp;
</dt>
<dd>
Teckids e.V.<br/>
Kennedyallee 18<br/>
53175 Bonn
</dd>
<dt>
<i class="material-icons small">phone</i>
</dt>
<dd>
<a href="tel:+4922892934160">+49 228 9293416–0</a>
</dd>
<dt>
<i class="material-icons">fax</i>
</dt>
<dd>
+49 228 9293416–9
</dd>
<dt>
<i class="material-icons">alternate_email</i>
</dt>
<dd>
<a href="mailto:verein@teckids.org">verein@teckids.org</a>
</dd>
<dt>
<i class="material-icons">info</i>
</dt>
<dd>
<a href="https://www.teckids.org/">https://www.teckids.org/</a>
</dd>
</dl>
</address>
<article>
<date id="date">{{ invoice.created }}</date>
<h1>{% trans "Invoice" %} {{ invoice.transaction_id }}</h1>
{% render_table invoice.purchased_items_table %} {% render_table invoice.purchased_items_table %}
{% render_table invoice.totals_table %} {% render_table invoice.totals_table %}
{% if invoice.variant == "transfer" %} {% if invoice.variant == "transfer" %}
{% blocktrans %} <p>
Please make the payment with a member of the board or by bank transfer to the following {% blocktrans %}
account within 7 days: Please make the payment with a member of the board or by bank transfer to the following
{% endblocktrans %} account within 7 days:
<table> {% endblocktrans %}
<tr> </p>
<td>Bank:</td> <table>
<td>Sparkasse KölnBonn</td> <tr>
</tr> <td>Bank:</td>
<tr> <td>Sparkasse KölnBonn</td>
<td>IBAN:</td> </tr>
<td>DE31 3705 0198 1933 0485 46</td> <tr>
</tr> <td>IBAN:</td>
<tr> <td>DE31 3705 0198 1933 0485 46</td>
<td>BIC:</td> </tr>
<td>COLSDE33XXX</td> <tr>
</tr> <td>BIC:</td>
</table> <td>COLSDE33XXX</td>
{% endif %} </tr>
</table>
{% endif %}
{% if invoice.variant == "sepa" %} {% if invoice.variant == "sepa" %}
{% blocktrans %} <p>
The payment will be withdrawn using SEPA direct debit from your bank account. {% blocktrans %}
{% endblocktrans %} The payment will be withdrawn using SEPA direct debit from your bank account.
{% endif %} {% endblocktrans %}
</article> {% endif %}
{% endblock %} </p>
</article>
<footer>
<div class="text"><p>Vereinsregister Amtsgericht Bonn · VR 9846</p>
<p>Vorstand: Dominik George, Tom Teichler, Benedict Suska</p>
<p>Stadtsparkasse KölnBonn · IBAN: DE31 3705 0198 1933 0485 46 · BIC: COLSDE33XXX</p>
<p>Anerkannt als gemeinnützig beim Finanzamt Bonn-Außenstadt</p>
<p>Steuernummer 206/5879/1026 · USt-ID: DE313359560</p>
</div>
<!--
<div class="supporters">
<div>Unterstützt durch:<img src=""/></div>
</div>
-->
</footer>
</main>
</body>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment