JustScreaMy/facturio
Archived
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

made invoice preview using bootstrap

Browse source
This commit is contained in:
Jakub Kropáček 2025-02-17 22:46:29 +01:00
parent 8c8a3bd47a
commit 9b89a034e3
1 changed files with 30 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
invoices/templates/invoices/view.html
View file

@ -2,62 +2,50 @@
{% load static %}
{% load i18n %}
{% block title %}{% trans "Invoice" %}{% endblock %}
{% block head %}
<link rel="stylesheet" href="{% static "css/invoice.css" %}">
{% endblock %}
{% block content %}
<header>
<h1>{% trans "Invoice" %} <span class="invoice-id">{{ invoice.custom_id }}</span></h1>
</header>
<section class="parties-section">
<div class="parties">
<h2>{% trans "Supplier" %}</h2>
<ul>
<h1>{% trans "Invoice" %} <span class="invoice-id">{{ invoice.custom_id }}</span></h1>
<div class="row">
<div class="col">
<h3>{% trans "Supplier" %}</h3>
<ul class="list-group">
{% with invoice.supplier_data as sd %}
<li>{{ sd.name }}</li>
<li>{{ sd.street }}</li>
<li>{{ sd.city }} - {{ sd.city_part }}, {{ sd.zip_code }}</li>
<p></p>
<li>{% trans "CIN" %}: {{ invoice.supplier.id }}</li>
<li class="list-group-item">{{ sd.name }}</li>
<li class="list-group-item">{{ sd.street }}</li>
<li class="list-group-item">{{ sd.city }} - {{ sd.city_part }}, {{ sd.zip_code }}</li>
<li class="list-group-item">{% trans "CIN" %}: {{ invoice.supplier.id }}</li>
{% if invoice.supplier.vat_id %}
<li>{% trans "VAT ID" %}: {{ invoice.supplier.vat_id }}</li>
<li class="list-group-item">{% trans "VAT ID" %}: {{ invoice.supplier.vat_id }}</li>
{% endif %}
<p></p>
<li>{% trans "Bank Account" %}: TODO</li>
<li class="list-group-item">{% trans "Bank Account" %}: TODO</li>
{% endwith %}
</ul>
</div>
<div class="parties">
<h2>{% trans "Customer" %}</h2>
<ul>
<div class="col">
<h3>{% trans "Customer" %}</h3>
<ul class="list-group">
{% with invoice.customer_data as cd %}
<li>{{ cd.name }}</li>
<li>{{ cd.street }}</li>
<li>{{ cd.city }} - {{ cd.city_part }}, {{ cd.zip_code }}</li>
<p></p>
<li>{% trans "CIN" %}: {{ invoice.customer.id }}</li>
<li class="list-group-item">{{ cd.name }}</li>
<li class="list-group-item">{{ cd.street }}</li>
<li class="list-group-item">{{ cd.city }} - {{ cd.city_part }}, {{ cd.zip_code }}</li>
<li class="list-group-item">{% trans "CIN" %}: {{ invoice.customer.id }}</li>
{% if invoice.customer.vat_id %}
<li>{% trans "VAT ID" %}: {{ invoice.customer.vat_id }}</li>
<li class="list-group-item">{% trans "VAT ID" %}: {{ invoice.customer.vat_id }}</li>
{% endif %}
<p></p>
<li><strong>{% trans "Invoice date" %}:</strong> {{ invoice.invoice_date }}</li>
<li><strong>{% trans "Due date" %}:</strong> {{ invoice.due_date }}</li>
<li class="list-group-item"><strong>{% trans "Invoice date" %}:</strong> {{ invoice.invoice_date }}
</li>
<li class="list-group-item"><strong>{% trans "Due date" %}:</strong> {{ invoice.due_date }}</li>
{% endwith %}
</ul>
</div>
</section>
<section>
<h2>{% trans "Invoice details" %}</h2>
<table id="invoice">
<table class="table">
<thead>
<tr>
<th class="small-col">{% trans "Amount" %}</th>
<th class="small-col">{% trans "Amount unit" %}</th>
<th class="big-col">{% trans "Description" %}</th>
<th class="medium-col right-align">{% trans "Price for amount" %}</th>
<th class="medium-col right-align">{% trans "Total" %}</th>
<th>{% trans "Amount" %}</th>
<th>{% trans "Amount unit" %}</th>
<th>{% trans "Description" %}</th>
<th>{% trans "Price for amount" %}</th>
<th>{% trans "Total" %}</th>
</tr>
</thead>
<tbody>
@ -72,14 +60,8 @@
{% endfor %}
</tbody>
</table>
<div class="invoice-total">
<div class="text-end">
<p><strong>{% trans "Total" %}: {{ invoice.total_price.normalize }} Kč</strong></p>
</div>
</section>
<footer>
<p>Fyzická osoba zapsaná v živnostenském rejstříku.</p>
<p>Fakturu vygenerovala aplikace Facturio</p>
</footer>
</div>
{% endblock %}