Improvements on bbill templates
This commit is contained in:
Marc
parent
1403329d1b
commit
2a37cfc8d7
|
|
@ -1,3 +1,7 @@
|
|||
from django.http import HttpResponse
|
||||
|
||||
|
||||
def generate_bill(modeladmin, request, queryset):
|
||||
for bill in queryset:
|
||||
bill = queryset.get()
|
||||
bill.close()
|
||||
return HttpResponse(bill.html)
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ BILLS_AMENDMENT_FEE_IDENT_PREFIX = getattr(settings, 'BILLS_AMENDMENT_FEE_IDENT_
|
|||
BILLS_BUDGET_IDENT_PREFIX = getattr(settings, 'BILLS_BUDGET_IDENT_PREFIX', 'Q')
|
||||
|
||||
|
||||
BILLS_INVOICE_TEMPLATE = getattr(settings, 'BILLS_INVOICE_TEMPLATE', 'bills/invoice.html')
|
||||
BILLS_INVOICE_TEMPLATE = getattr(settings, 'BILLS_INVOICE_TEMPLATE', 'bills/microspective.html')
|
||||
|
||||
|
||||
BILLS_CURRENCY = getattr(settings, 'BILLS_CURRENCY', 'euro')
|
||||
|
|
|
|||
|
|
@ -1,309 +0,0 @@
|
|||
<style>
|
||||
|
||||
body {
|
||||
max-width: 1048px;
|
||||
margin: 60 auto !important;
|
||||
float: none !important;
|
||||
font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif;
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
font-size: 25;
|
||||
font-weight: bold;
|
||||
color: grey;
|
||||
border-bottom: 5px solid grey;
|
||||
margin: 38px;
|
||||
margin-left: 60px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#bill-number {
|
||||
float: right;
|
||||
margin-top: 80px;
|
||||
text-align: right;
|
||||
font-size: 25;
|
||||
font-weight: bold;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
#bill-number .value {
|
||||
font-size: 40;
|
||||
color: #B23;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
color: #ccc;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
#bill-summary > * {
|
||||
float: right;
|
||||
border-style: solid;
|
||||
border-width: thin;
|
||||
border-color: grey;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
font-size: large;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
#bill-summary .title {
|
||||
color: black;
|
||||
font-size: small;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
top: -7px;
|
||||
}
|
||||
|
||||
#bill-summary #total, #total .title{
|
||||
background-color: #B23;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
#seller-details, #buyer-details {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#buyer-details {
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
|
||||
#lines > * {
|
||||
float: left;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#lines .title {
|
||||
font-weight: bold;
|
||||
border-bottom: 2px solid grey;
|
||||
color: #B23;
|
||||
}
|
||||
|
||||
#lines .value {
|
||||
border-bottom: 1px solid grey;
|
||||
}
|
||||
|
||||
#lines .column-id {
|
||||
width: 5%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#lines .column-description {
|
||||
width: 55%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#lines .column-quantity {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#lines .column-rate {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
#lines .column-subtotal {
|
||||
width: 10%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
#totals {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
#totals > * {
|
||||
text-align: right;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
#totals .column-title {
|
||||
font-weight: bold;
|
||||
color: #B23;
|
||||
width: 85%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#totals .column-value {
|
||||
width: 15%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#totals .subtotal {
|
||||
border-bottom: 1px solid grey;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
#totals .tax {
|
||||
border-bottom: 2px solid grey;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#pagination {
|
||||
color: #B23;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#footer .title {
|
||||
color: #B23;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#footer > * > * {
|
||||
margin: 10px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#pagination {
|
||||
margin-left: 20px;
|
||||
clear: right;
|
||||
}
|
||||
|
||||
#footer-column-1 {
|
||||
float: left;
|
||||
width: 48%;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#footer-column-2 {
|
||||
float: right;
|
||||
width: 48%;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
<body>
|
||||
<div id="bill-number">
|
||||
Invoice<br>
|
||||
<div class="value">F20110232</div><br>
|
||||
</div>
|
||||
<div id="logo">
|
||||
YOUR<br>
|
||||
LOGO<br>
|
||||
HERE<br>
|
||||
</div>
|
||||
<div id="seller-details">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<strong>Associacio Pangea - Coordinadora Comunicacio per a la Cooperacio</strong><br>
|
||||
ES2323233<br>
|
||||
<address>
|
||||
Pl eusebi guell 6-7, planta 0<br>
|
||||
08034 - Barcelona<br>
|
||||
Spain<br>
|
||||
</address>
|
||||
<br>
|
||||
93-803-21-32<br>
|
||||
<a href="mailto:sales@pangea.org">sales@pangea.org</a><br>
|
||||
<a href="http://www.pangea.org">www.pangea.org</a><br>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<hr>
|
||||
<div id="bill-summary">
|
||||
<div id="due-date">
|
||||
<span class="title">DUE DATE</span><br>
|
||||
<psan class="value">Nov 21, 2011</span>
|
||||
</div>
|
||||
<div id="total">
|
||||
<span class="title">TOTAL</span><br>
|
||||
<psan class="value">122,03 €</span>
|
||||
</div>
|
||||
<div id="bill-date">
|
||||
<span class="title">INVOICE DATE</span><br>
|
||||
<psan class="value">Oct 20, 2012</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="buyer-details">
|
||||
<address>
|
||||
<strong>Aadults</strong><br>
|
||||
ES01939933<br>
|
||||
Carrer nnoseque, 0<br>
|
||||
08034 - Barcelona<br>
|
||||
Spain<br>
|
||||
</address>
|
||||
</div>
|
||||
|
||||
<div id="lines">
|
||||
<span class="title column-id">id</span>
|
||||
<span class="title column-description">description</span>
|
||||
<span class="title column-quantity">hrs/qty</span>
|
||||
<span class="title column-rate">rate/price</span>
|
||||
<span class="title column-subtotal">subtotal</span>
|
||||
<br>
|
||||
<span class="value column-id">1</span>
|
||||
<span class="value column-description">Hola que passa</span>
|
||||
<span class="value column-quantity">1</span>
|
||||
<span class="value column-rate">1 €</span>
|
||||
<span class="value column-subtotal">111 €</span>
|
||||
<br>
|
||||
<span class="value column-id">1</span>
|
||||
<span class="value column-description">Merda pura</span>
|
||||
<span class="value column-quantity">1</span>
|
||||
<span class="value column-rate">1 €</span>
|
||||
<span class="value column-subtotal">111 €</span>
|
||||
<br>
|
||||
<span class="value column-id">1</span>
|
||||
<span class="value column-description">I tu que et passa</span>
|
||||
<span class="value column-quantity">1</span>
|
||||
<span class="value column-rate">1 €</span>
|
||||
<span class="value column-subtotal">111 €</span>
|
||||
<br>
|
||||
<span class="value column-id">1</span>
|
||||
<span class="value column-description">Joder hostia puta</span>
|
||||
<span class="value column-quantity">1</span>
|
||||
<span class="value column-rate">1 €</span>
|
||||
<span class="value column-subtotal">111 €</span>
|
||||
<br>
|
||||
</div>
|
||||
<div id="totals">
|
||||
<span class="subtotal column-title">subtotal</span>
|
||||
<span class="subtotal column-value">33,03 €</span>
|
||||
<br>
|
||||
<span class="tax column-title">tax</span>
|
||||
<span class="tax column-value">33,03 €</span>
|
||||
<br>
|
||||
<span class="total column-title">total</span>
|
||||
<span class="total column-value">33,03 €</span>
|
||||
<br>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<div id="pagination">
|
||||
Page 1 of 1
|
||||
</div>
|
||||
<div id="footer-column-1">
|
||||
<div id="comments">
|
||||
<span class="title">COMMENTS</span> The comments should be here. The comments should be here. The comments should be here. The comments should be here.
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer-column-2">
|
||||
<div id="payment">
|
||||
<span class="title">PAYMENT</span> You can pay our invoice by bank transfer
|
||||
llkdskdlsdk The comments should be here. The comments should be here. The comments should be here. The comments should be here.
|
||||
</div>
|
||||
<div id="questions">
|
||||
<span class="title">QUESTIONS</span> If you have any question about your bill, please
|
||||
feel free to contact us at your convinience. We will reply as soon as we get
|
||||
your message.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>{% block title %}Invoice - I20110223{% endblock %}</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
{% block head %}{% endblock %}
|
||||
</head>
|
||||
<body>
|
||||
{% block body %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,125 @@
|
|||
{% extends 'bills/microspective.html' %}
|
||||
{% block head %}
|
||||
<style type="text/css">
|
||||
{% with color="#809708" %}
|
||||
{% include 'bills/microspective.css' %}
|
||||
{% endwith %}
|
||||
|
||||
#buyer-details {
|
||||
clear: left;
|
||||
margin-top: 40px;
|
||||
margin-left: 54%;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.column-1 {
|
||||
float: left;
|
||||
font-size: 30;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
color: #666;
|
||||
width: 40%;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
#number-date {
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
#number-value {
|
||||
font-size: 30;
|
||||
color: #809708;
|
||||
}
|
||||
|
||||
.column-2 {
|
||||
float: right;
|
||||
padding: 15px;
|
||||
margin: 10px;
|
||||
width: 44%;
|
||||
font-size: large;
|
||||
}
|
||||
|
||||
#amount {
|
||||
color: white;
|
||||
background-color: #809708;
|
||||
}
|
||||
|
||||
#amount-value {
|
||||
font-size: 30;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
#date {
|
||||
clear: left;
|
||||
clear: right;
|
||||
margin-top: 0px;
|
||||
padding-top: 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#text {
|
||||
clear: left;
|
||||
clear: right;
|
||||
text-align: right;
|
||||
margin: 240px 10px 50px 10px;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#text strong {
|
||||
color: #809708;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
border: 2px solid #809708;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block summary %}
|
||||
<div style="position: relative; margin-top: 150px;">
|
||||
<hr>
|
||||
</div>
|
||||
|
||||
<div id="buyer-details">
|
||||
<span class="name">Aadults</span><br>
|
||||
ES01939933<br>
|
||||
Carrer nnoseque, 0<br>
|
||||
08034 - Barcelona<br>
|
||||
Spain<br>
|
||||
</div>
|
||||
|
||||
<div id="number" class="column-1">
|
||||
<span id="number-title">Membership Fee</span><br>
|
||||
<span id="number-value">Q20110232</span><br>
|
||||
<span id="number-date">Nov, 2011</span><br>
|
||||
</div>
|
||||
|
||||
<div id="amount" class="column-2">
|
||||
<span id="amount-value">1232,00 €</span><br>
|
||||
<span id="amount-note">To pay before Oct 20, 2011<br>
|
||||
on 213.232.322.232.332<br>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div id="date" class="column-2">
|
||||
from Apr 1, 2010 to Apr 1, 2011
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div id="text">
|
||||
<strong>Con vuestras cuotas</strong>, ademas de obtener conexion y multitud de servicios, estais<br>
|
||||
Con vuestras cuotas, ademas de obtener conexion y multitud de servicios,<br>
|
||||
Con vuestras cuotas, ademas de obtener conexion <br>
|
||||
Con vuestras cuotas, ademas de obtener <br>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block pagination %}<hr>{% endblock %}
|
||||
|
||||
|
|
@ -0,0 +1,247 @@
|
|||
body {
|
||||
max-width: 650px;
|
||||
margin: 40 auto !important;
|
||||
float: none !important;
|
||||
font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 100%;
|
||||
text-decoration: none;
|
||||
vertical-align: baseline;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: {{ color }};
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
color: {{ color }};
|
||||
margin: 1px 10px 15px 60px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
#bill-number {
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 20;
|
||||
font-weight: bold;
|
||||
color: grey;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#bill-number .value {
|
||||
font-size: 30;
|
||||
color: {{ color }};
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#pagination {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
/* SUMMARY */
|
||||
|
||||
#bill-summary > * {
|
||||
float: right;
|
||||
border: 1px solid grey;
|
||||
padding: 7px;
|
||||
text-align: center;
|
||||
font-size: large;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
#bill-summary hr {
|
||||
padding: 0;
|
||||
margin-top: 20px;
|
||||
color: #ccc;
|
||||
margin-bottom: -1px;
|
||||
float: none;
|
||||
width: 100%;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid grey;
|
||||
}
|
||||
|
||||
#bill-summary .title {
|
||||
color: {{ color }};
|
||||
font-size: x-small;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
top: -6px;
|
||||
}
|
||||
|
||||
#bill-summary #total, #total .title {
|
||||
background-color: {{ color }};
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#bill-summary #due-date, #bill-date, #total {
|
||||
border-bottom: 2px solid grey;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
#bill-summary #due-date {
|
||||
border-right: 2px solid grey;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
#bill-summary #bill-date {
|
||||
border-left: 2px solid grey;
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
|
||||
/* DETAILS */
|
||||
|
||||
#seller-details, #buyer-details {
|
||||
margin: 40px;
|
||||
}
|
||||
|
||||
#seller-details p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#seller-details .name {
|
||||
font-weight: bold;
|
||||
color: {{ color }};
|
||||
}
|
||||
|
||||
#seller-details .contact {
|
||||
float: left;
|
||||
font-style: italic;
|
||||
font-size: small;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
#buyer-details {
|
||||
margin: 30px 40px 30px 60px;
|
||||
font-size: 15;
|
||||
}
|
||||
|
||||
#buyer-details .name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* LINES */
|
||||
|
||||
#lines > * {
|
||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
||||
box-sizing: border-box; /* Opera/IE 8+ */
|
||||
padding-left: 10px;
|
||||
float: left;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#lines .title {
|
||||
font-weight: bold;
|
||||
border-bottom: 2px solid #CCC;
|
||||
color: {{ color }};
|
||||
}
|
||||
|
||||
#lines .value {
|
||||
border-bottom: 1px solid #CCC;
|
||||
}
|
||||
|
||||
#lines .column-id {
|
||||
width: 5%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#lines .column-description {
|
||||
width: 55%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#lines .column-quantity {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#lines .column-rate {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
#lines .column-subtotal {
|
||||
width: 10%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
/* TOTALS */
|
||||
|
||||
#totals {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
#totals > * {
|
||||
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
||||
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
||||
box-sizing: border-box; /* Opera/IE 8+ */
|
||||
padding: 5px;
|
||||
padding-left: 10px;
|
||||
text-align: right;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#totals .column-title {
|
||||
font-weight: bold;
|
||||
color: {{ color }};
|
||||
width: 86%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#totals .column-value {
|
||||
width: 14%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#totals .subtotal {
|
||||
border-bottom: 1px solid #CCC;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#totals .tax {
|
||||
border-bottom: 2px solid #CCC;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#totals .total {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* FOOTER */
|
||||
|
||||
#footer .title {
|
||||
color: {{ color }};
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#footer > * > * {
|
||||
margin: 5px;
|
||||
color: #666;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
|
||||
#footer-column-1 {
|
||||
float: left;
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
#footer-column-2 {
|
||||
float: right;
|
||||
width: 48%;
|
||||
}
|
||||
|
|
@ -0,0 +1,145 @@
|
|||
{% extends 'bills/base.html' %}
|
||||
|
||||
{% block head %}
|
||||
<style type="text/css">
|
||||
{% with color="#B23" %}
|
||||
{% include 'bills/microspective.css' %}
|
||||
{% endwith %}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
{% block header %}
|
||||
<div id="logo">
|
||||
{% block logo %}
|
||||
<div style="border-bottom:5px solid grey; color:grey; font-size:30;">
|
||||
YOUR<br>
|
||||
LOGO<br>
|
||||
HERE<br>
|
||||
</div>
|
||||
{% endblock %}
|
||||
</div>
|
||||
<div id="seller-details">
|
||||
<div claas="address">
|
||||
<span class="name">Associacio Pangea -<br>
|
||||
Coordinadora Comunicacio per a la Cooperacio</span>
|
||||
</div>
|
||||
<div class="contact">
|
||||
<p>Pl. Eusebi Guell 6-7, planta 0<br>
|
||||
08034 - Barcelona<br>
|
||||
Spain<br>
|
||||
</p>
|
||||
<p><a href="tel:93-803-21-32">93-803-21-32</a><br>
|
||||
<a href="mailto:sales@pangea.org">sales@pangea.org</a><br>
|
||||
<a href="http://www.pangea.org">www.pangea.org</a></p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block summary %}
|
||||
<div id="bill-number">
|
||||
Invoice<br>
|
||||
<span class="value">F20110232</span><br>
|
||||
<span id="pagination">Page 1 of 1</span>
|
||||
</div>
|
||||
<div id="bill-summary">
|
||||
<hr>
|
||||
<div id="due-date">
|
||||
<span class="title">DUE DATE</span><br>
|
||||
<psan class="value">Nov 21, 2011</span>
|
||||
</div>
|
||||
<div id="total">
|
||||
<span class="title">TOTAL</span><br>
|
||||
<psan class="value">122,03 €</span>
|
||||
</div>
|
||||
<div id="bill-date">
|
||||
<span class="title">INVOICE DATE</span><br>
|
||||
<psan class="value">Oct 20, 2012</span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="buyer-details">
|
||||
<span class="name">Aadults</span><br>
|
||||
ES01939933<br>
|
||||
Carrer nnoseque, 0<br>
|
||||
08034 - Barcelona<br>
|
||||
Spain<br>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div id="lines">
|
||||
<span class="title column-id">id</span>
|
||||
<span class="title column-description">description</span>
|
||||
<span class="title column-quantity">hrs/qty</span>
|
||||
<span class="title column-rate">rate/price</span>
|
||||
<span class="title column-subtotal">subtotal</span>
|
||||
<br>
|
||||
<span class="value column-id">
|
||||
1<br>
|
||||
</span>
|
||||
<span class="value column-description">
|
||||
Hola que passa<br>
|
||||
nosquevols</span>
|
||||
<span class="value column-quantity">
|
||||
1<br>
|
||||
</span>
|
||||
<span class="value column-rate">
|
||||
1,00 €<br>
|
||||
</span>
|
||||
<span class="value column-subtotal">
|
||||
111,00 €<br>
|
||||
-10,00 €</span>
|
||||
<br>
|
||||
<span class="value column-id">1</span>
|
||||
<span class="value column-description">Merda pura</span>
|
||||
<span class="value column-quantity">1</span>
|
||||
<span class="value column-rate">1,00 €</span>
|
||||
<span class="value column-subtotal">111,00 €</span>
|
||||
<br>
|
||||
<span class="value column-id">1</span>
|
||||
<span class="value column-description">I tu que et passa</span>
|
||||
<span class="value column-quantity">1</span>
|
||||
<span class="value column-rate">1,00 €</span>
|
||||
<span class="value column-subtotal">111,00 €</span>
|
||||
<br>
|
||||
<span class="value column-id">1</span>
|
||||
<span class="value column-description">Joder hostia puta</span>
|
||||
<span class="value column-quantity">1</span>
|
||||
<span class="value column-rate">1,00 €</span>
|
||||
<span class="value column-subtotal">111,00 €</span>
|
||||
<br>
|
||||
</div>
|
||||
<div id="totals">
|
||||
<span class="subtotal column-title">subtotal</span>
|
||||
<span class="subtotal column-value">33,03 €</span>
|
||||
<br>
|
||||
<span class="tax column-title">tax</span>
|
||||
<span class="tax column-value">33,03 €</span>
|
||||
<br>
|
||||
<span class="total column-title">total</span>
|
||||
<span class="total column-value">33,03 €</span>
|
||||
<br>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
<div id="footer">
|
||||
<div id="footer-column-1">
|
||||
<div id="comments">
|
||||
<span class="title">COMMENTS</span> The comments should be here. The comments should be here. The comments should be here. The comments should be here.
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer-column-2">
|
||||
<div id="payment">
|
||||
<span class="title">PAYMENT</span> You can pay our invoice by bank transfer
|
||||
llkdskdlsdk The comments should be here. The comments should be here.
|
||||
</div>
|
||||
<div id="questions">
|
||||
<span class="title">QUESTIONS</span> If you have any question about your bill, please
|
||||
feel free to contact us at your convinience. We will reply as soon as we get
|
||||
your message.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
{% extends 'bills/plans/invoice_base.html' %}
|
||||
{% block title %}{{ invoice.full_number }}{% endblock %}
|
||||
{% block body %}
|
||||
{% include 'bills/plans/PL_EN_layout.html' %}
|
||||
{% endblock %}
|
||||
|
|
@ -1,171 +0,0 @@
|
|||
{% if logo_url %}
|
||||
<img src="{{ logo_url }}" alt="company logo">
|
||||
{% endif %}
|
||||
|
||||
<div style="float:right; text-align: right;">
|
||||
<h1>
|
||||
<label><span class="pl invoice_header">{% if invoice.type == invoice.INVOICE_TYPES.INVOICE %}Faktura VAT nr{% endif %}{% if invoice.type == invoice.INVOICE_TYPES.PROFORMA %}Faktura PROFORMA nr{% endif %}{% if invoice.type == invoice.INVOICE_TYPES.DUPLICATE %}Faktura VAT DUPLIKAT nr{% endif %}</span> <span class="en">{% if invoice.type == invoice.INVOICE_TYPES.INVOICE %}Invoice ID{% endif %}{% if invoice.type == invoice.INVOICE_TYPES.PROFORMA %}Order confirmation ID{% endif %}{% if invoice.type == invoice.INVOICE_TYPES.DUPLICATE %}Invoice (duplicate) ID{% endif %}</span></label> <span id="full_number">{{ invoice.full_number }}</span>
|
||||
</h1>
|
||||
<h2>{% if not copy %}ORYGINAŁ{% else %}KOPIA{% endif %}</h2>
|
||||
<p> <label><span class="pl">Data wystawienia:</span> <span class="en">Issued</span></label> {{ invoice.issued|date:"Y-m-d" }}</p>
|
||||
{% if invoice.type != invoice.INVOICE_TYPES.PROFORMA %}{# Not a PROFORMA #}
|
||||
<p> <label><span class="pl">Data sprzedaży:</span> <span class="en">Date of order</span></label> {{ invoice.selling_date|date:"Y-m-d" }}</p>
|
||||
{% else %}
|
||||
<p> </p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<table style="width: 100%; margin-bottom: 40px; font-size: 12px;" >
|
||||
<tr>
|
||||
<td style="width: 50%;">
|
||||
</td>
|
||||
<td style="width: 50%; padding-right: 4em; font-weight: bold; font-size: 15px;" id="shipping">
|
||||
<strong> <label><span class="pl">Adres wysyłki:</span> <span class="en">Shipping address</span></label></strong><br><br>
|
||||
|
||||
{{ buyer.name }}<br>
|
||||
{{ buyer.address }}<br>
|
||||
{{ buyer.zipcode }}<br>
|
||||
{{ buyer.country }}
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="width: 50%; vertical-align: top;">
|
||||
|
||||
<strong> <label><span class="pl">Sprzedawca:</span> <span class="en">Seller</span></label></strong><br><br>
|
||||
{{ seller.name }}<br>
|
||||
{{ seller.address }}<br>
|
||||
{{ seller.zipcode }}<br>
|
||||
{{ seller.country }}<p>
|
||||
<label><span class="pl">Numer NIP:</span><span class="en">VAT ID</span></label> {{ invoice.issuer_tax_number }}<br>
|
||||
</td>
|
||||
<td style="width: 50%; vertical-align: top;">
|
||||
|
||||
<strong> <label><span class="pl">Nabywca:</span> <span class="en">Buyer</span></label></strong><br><br>
|
||||
{{ buyer.name }}<br>
|
||||
{{ buyer.address }}<br>
|
||||
{{ buyer.zipcode }}<br>
|
||||
{{ buyer.country }}
|
||||
|
||||
{% if invoice.buyer_tax_number %}
|
||||
<p>
|
||||
|
||||
<label><span class="pl">Numer NIP:</span><span class="en">VAT ID</span></label> {{ invoice.buyer_tax_number }}
|
||||
|
||||
</p>
|
||||
{% endif %}
|
||||
<br>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table style="margin-bottom: 40px; width: 100%;" id="items">
|
||||
<thead>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="pl">L.p.</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="pl">Nazwa usługi</span><br>
|
||||
<span class="en">Description</span>
|
||||
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span class="pl">Cena j. netto</span><br>
|
||||
<span class="en">Unit price</span>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
|
||||
<span class="pl">Ilość</span><br>
|
||||
<span class="en">Qty.</span>
|
||||
</td>
|
||||
<td>
|
||||
<span class="pl">J.m.</span>
|
||||
</td>
|
||||
{% if invoice.rebate %}
|
||||
|
||||
<td>
|
||||
<span class="pl">Rabat</span><br><span class="en">Rebate</span>
|
||||
|
||||
</td>
|
||||
{% endif %}
|
||||
<td>
|
||||
<span class="pl">Wartość netto</span><br>
|
||||
<span class="en">Subtotal</span>
|
||||
</td>
|
||||
<td style="width: 3%;">
|
||||
<span class="pl">VAT</span><br> <span class="en">TAX</span>
|
||||
</td>
|
||||
<td>
|
||||
|
||||
<span class="pl">Kwota VAT</span><br><span class="en">TAX/VAT Amount</span>
|
||||
</td>
|
||||
<td style="width: 8%;">
|
||||
|
||||
<span class="pl">Wartość brutto</span><br>
|
||||
<span class="en">Subtotal with TAX/VAT</span>
|
||||
</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
1
|
||||
</td>
|
||||
<td class="center">{{ invoice.item_description }}</td>
|
||||
<td class="number">{{ invoice.unit_price_net|floatformat:2 }} {{ invoice.currency }}</td>
|
||||
<td class="center">{{ invoice.quantity }}</td>
|
||||
<td class="center"><span class="pl">sztuk</span><br><span class="en">units</span></td>
|
||||
|
||||
{% if invoice.rebate %}
|
||||
<td class="number">{{ invoice.rebate|floatformat:2 }} %</td>
|
||||
{% endif %}
|
||||
<td class="number">{{ invoice.total_net|floatformat:2 }} {{ invoice.currency }}</td>
|
||||
<td class="number">{% if invoice.tax != None %}{{ invoice.tax|floatformat:2 }} %{% else %}<span class="pl">n.p.</span><br><span class="en">n/a</span>{% endif %}</td>
|
||||
<td class="number">{% if invoice.tax_total != None %}{{ invoice.tax_total|floatformat:2 }} {{ invoice.currency }}{% else %}<span class="pl">n.p.</span><br><span class="en">n/a</span>{% endif %}</td>
|
||||
<td class="number">{{ invoice.total|floatformat:2 }} {{ invoice.currency }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="{% if invoice.rebate %}6{% else %}5{% endif %}" style="background-color: #EEE;"><label><span class="pl">Razem:</span><span class="en">Total</span></label> </td>
|
||||
<td>{{ invoice.total_net|floatformat:2 }} {{ invoice.currency }}</td>
|
||||
<td>{% if invoice.tax != None %}{{ invoice.tax|floatformat:2 }} %{% else %}<span class="pl">n.p.</span><br><span class="en">n/a</span>{% endif %}</td>
|
||||
<td>{% if invoice.tax_total != None %}{{ invoice.tax_total|floatformat:2 }} {{ invoice.currency }}{% else %}<span class="pl">n.p.</span><br><span class="en">n/a</span>{% endif %}</td>
|
||||
<td>{{ invoice.total|floatformat:2 }} {{ invoice.currency }}</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<div style="width: 100%;">
|
||||
|
||||
{% if invoice.type != invoice.INVOICE_TYPES.PROFORMA %}
|
||||
<strong><label><span class="pl">Sposób zapłaty:</span><span class="en">Payment</span></label></strong> <label><span class="pl">płatność elektroniczna</span> <span class="en">electronic payment</span></label><br><br>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<strong><label><span class="pl">Termin zapłaty:</span><span class="en">Payment till</span></label></strong>
|
||||
|
||||
{% if invoice.type == invoice.INVOICE_TYPES.PROFORMA %}
|
||||
|
||||
|
||||
{% else %}
|
||||
<label> <span class="pl">zapłacono dnia</span> <span class="en"> paid</span></label>
|
||||
{% endif %}
|
||||
|
||||
{{ invoice.payment_date|date:"Y-m-d" }}
|
||||
<br><br>
|
||||
<hr>
|
||||
|
||||
{% if invoice.type == invoice.INVOICE_TYPES.PROFORMA %}<p><span class="pl">Ten dokument <strong>nie jest</strong> fakturą VAT (nie jest dokumentem księgowym).</span><span class="en">This document <strong>is not</strong> an invoice.</span></p> {% endif %}
|
||||
|
||||
{% if invoice.tax == None and invoice.is_UE_customer %}
|
||||
<p>
|
||||
<span class="pl">Odwrotne obciążenie.</span><span class="en">-Reverse charge.</span>
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -1,83 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>{% block title %}{% endblock %}</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<style type="text/css">
|
||||
html, body{
|
||||
font-size: 12px;
|
||||
font-family: Helvetica;
|
||||
}
|
||||
span.en {
|
||||
font-size: 10px;
|
||||
color:gray;
|
||||
}
|
||||
span.pl {
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table td, table th {
|
||||
border: 1px solid black;
|
||||
padding: 1em;
|
||||
}
|
||||
table thead{
|
||||
text-align: center;
|
||||
}
|
||||
#shipping{
|
||||
text-align: right;
|
||||
}
|
||||
table#items thead {
|
||||
background-color: #EEE;
|
||||
}
|
||||
table#items tfoot td{
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
table td.number{
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
table td.center{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
strong{
|
||||
font-size: 14px;
|
||||
}
|
||||
#full_number , span.invoice_header{
|
||||
font-size: 26px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
label{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin-bottom: .5em;
|
||||
|
||||
}
|
||||
|
||||
label span.pl {
|
||||
display: block;
|
||||
}
|
||||
|
||||
label span.en{
|
||||
position: absolute;
|
||||
right: .5em;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
{% block head %}{% endblock %}
|
||||
|
||||
</head>
|
||||
<body style="width: 960px; margin: 0 auto;" {% if auto_print %}onload="window.print();"{% endif %}>
|
||||
{% block body %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue