invoice page elements correctly indented
This commit is contained in:
parent
c42fb65847
commit
718f91dec2
|
|
@ -8,45 +8,44 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block sidebar %}
|
||||
|
||||
{% if perms.facturier %}
|
||||
<p>
|
||||
<em>Les informations ci-dessous sont visibles car vous avec
|
||||
{{ block.super }}
|
||||
{% if perms.facturier %}
|
||||
<p>
|
||||
<em>Les informations ci-dessous sont visibles car vous avec
|
||||
les droits "staff" sur l'application. Un utilisateur habituel
|
||||
ne verra rien.</em>
|
||||
</p>
|
||||
</p>
|
||||
|
||||
<div class="blocProgram">
|
||||
<h2 class="title">Mode test</h2>
|
||||
<div class="rteContent">
|
||||
<div class="blocProgram">
|
||||
<h2 class="title">Mode test</h2>
|
||||
<div class="rteContent">
|
||||
<p>
|
||||
En tant qu'utilisateur {{ request.user }} vous pouvez lancer un faux paiement (test)
|
||||
en cochant cette case :<br /><label><input type="checkbox" name="test" id="test" />
|
||||
<strong>appeler TIPI en mode test</strong></label>
|
||||
<strong>appeler TIPI en mode test</strong></label>
|
||||
</p>
|
||||
</div>
|
||||
{% if user.is_superuser %}
|
||||
<h2 class="title">Infos techniques</h2>
|
||||
<div class="rteContent">
|
||||
</div>
|
||||
{% if user.is_superuser %}
|
||||
<h2 class="title">Infos techniques</h2>
|
||||
<div class="rteContent">
|
||||
<p>
|
||||
{% for k,v in invoice.items %}
|
||||
<strong>{{ k }}</strong>: {{ v }}<br />
|
||||
{% endfor %}
|
||||
{% for k,v in invoice.items %}
|
||||
<strong>{{ k }}</strong>: {{ v }}<br />
|
||||
{% endfor %}
|
||||
</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
{% endif %}
|
||||
{% endblock sidebar %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<h1>Facture n° {{ invoice.id }}</h1>
|
||||
<div class="wrapSpecial"><div class="rteContent">
|
||||
{% if invoice.total_amount != invoice.paid_amount %}
|
||||
<h2Facture reglée partiellement</h2>
|
||||
<div class="rteContent col">
|
||||
<div class="wrapSpecial">
|
||||
{% if invoice.paid_amount|to_decimal and invoice.total_amount != invoice.paid_amount %}
|
||||
<h2>Facture reglée partiellement</h2>
|
||||
{% endif %}
|
||||
<h2>Montant de la facture : {{ invoice.total_amount }} €</h2>
|
||||
<h2>Montant restant à régler : {{ invoice.amount }} €</h2>
|
||||
|
|
@ -58,47 +57,47 @@
|
|||
{% with expiration_date=invoice.expiration_date|to_date %}
|
||||
Prélèvement automatique
|
||||
{% if expiration_date < now %}
|
||||
effectué
|
||||
{% else %}
|
||||
prévu
|
||||
{% endif %}
|
||||
le {{ expiration_date|date:"j F Y" }}
|
||||
{% endwith %}
|
||||
{% endif %}
|
||||
</p>
|
||||
effectué
|
||||
{% else %}
|
||||
prévu
|
||||
{% endif %}
|
||||
le {{ expiration_date|date:"j F Y" }}
|
||||
{% endwith %}
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
<h2>Détails de la facture</h2>
|
||||
|
||||
<p id="download">
|
||||
{% if invoice.download_url %}
|
||||
<a href="{{ invoice.download_url }}#{{invoice.id}}.pdf"
|
||||
title="facture_{{ invoice.id }}.pdf"
|
||||
download="facture_{{ invoice.id }}.pdf"
|
||||
class="download">Télécharger la version PDF complète de la facture</a>
|
||||
{% else %}
|
||||
{% if user.is_authenticated %}
|
||||
Cette facture n’est pas accessible en ligne.
|
||||
{% else %}
|
||||
Pour voir les détails de cette facture, vous devez vous
|
||||
connecter à votre compte citoyen. Sans être connecté,
|
||||
vous pouvez uniquement la payer en ligne.
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if invoice.download_url %}
|
||||
<a href="{{ invoice.download_url }}#{{invoice.id}}.pdf"
|
||||
title="facture_{{ invoice.id }}.pdf"
|
||||
download="facture_{{ invoice.id }}.pdf"
|
||||
class="download">Télécharger la version PDF complète de la facture</a>
|
||||
{% else %}
|
||||
{% if user.is_authenticated %}
|
||||
Cette facture n’est pas accessible en ligne.
|
||||
{% else %}
|
||||
Pour voir les détails de cette facture, vous devez vous
|
||||
connecter à votre compte citoyen. Sans être connecté,
|
||||
vous pouvez uniquement la payer en ligne.
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
<h2>Paiement en ligne</h2>
|
||||
|
||||
{% if invoice.prelevement_automatique %}
|
||||
<p>Facture en prélévement automatique, vous ne pouvez pas la payer en ligne.</p>
|
||||
<p>Facture en prélévement automatique, vous ne pouvez pas la payer en ligne.</p>
|
||||
|
||||
{% elif invoice.paid %}
|
||||
<p>
|
||||
Cette facture a été reglée
|
||||
{% if invoice.paid_date %}le {{ invoice.paid_date|to_date|date:"j F Y" }}{% endif %}
|
||||
</p>
|
||||
<p>
|
||||
Cette facture a été reglée
|
||||
{% if invoice.paid_date %}le {{ invoice.paid_date|to_date|date:"j F Y" }}{% endif %}
|
||||
</p>
|
||||
|
||||
{% elif invoice.expired %}
|
||||
<p>
|
||||
<p>
|
||||
{% if invoice.date_passage_perception %}
|
||||
Cette facture est passée en perception : vous ne pouvez pas la payer en
|
||||
ligne
|
||||
|
|
@ -106,18 +105,18 @@
|
|||
Cette facture passera prochainement en perception :
|
||||
vous ne pouvez plus la payer en ligne.
|
||||
{% endif %}
|
||||
</p>
|
||||
</p>
|
||||
|
||||
{% elif invoice.amount|decimal < 1.0 %}
|
||||
<p>
|
||||
Le montant de cette facture est inférieur à 1 € (un euro), vous ne
|
||||
pouvez pas la payer en ligne. Les lieux de paiement sont mentionnés
|
||||
dans votre facture.
|
||||
</p>
|
||||
<p>
|
||||
Il s'agit d'une contrainte imposée par le système de paiement
|
||||
«TIPI» de la Direction Générale des Finances Publiques.
|
||||
</p>
|
||||
<p>
|
||||
Le montant de cette facture est inférieur à 1 € (un euro), vous ne
|
||||
pouvez pas la payer en ligne. Les lieux de paiement sont mentionnés
|
||||
dans votre facture.
|
||||
</p>
|
||||
<p>
|
||||
Il s'agit d'une contrainte imposée par le système de paiement
|
||||
«TIPI» de la Direction Générale des Finances Publiques.
|
||||
</p>
|
||||
|
||||
{% else %}
|
||||
|
||||
|
|
@ -128,12 +127,12 @@
|
|||
<p>
|
||||
<label>Votre adresse mail :</label>
|
||||
<input type="email" name="email" id="email" placeholder="nom@domaine.fr"
|
||||
{% if request.user.email %}
|
||||
value="{{ request.user.email }}"
|
||||
{% else %}
|
||||
placeholder="nom@domaine.fr"
|
||||
{% endif %}
|
||||
/>
|
||||
{% if request.user.email %}
|
||||
value="{{ request.user.email }}"
|
||||
{% else %}
|
||||
placeholder="nom@domaine.fr"
|
||||
{% endif %}
|
||||
/>
|
||||
<span id="error" style="display: none; color: red;">
|
||||
Adresse mail invalide ! Vous devez indiquer votre adresse mail correcte
|
||||
pour payer.
|
||||
|
|
@ -151,8 +150,8 @@
|
|||
</p>
|
||||
<p>
|
||||
<strong>Attention : le système de paiement va s'ouvrir dans une fenêtre «popup» :
|
||||
avant de cliquer, veillez à désactiver tout bloqueur de fenêtre publicitaire
|
||||
(système «anti-pop-up»).</strong>
|
||||
avant de cliquer, veillez à désactiver tout bloqueur de fenêtre publicitaire
|
||||
(système «anti-pop-up»).</strong>
|
||||
</p>
|
||||
</div>
|
||||
<div id="pay-open" style="display: none;">
|
||||
|
|
@ -175,67 +174,67 @@
|
|||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var popup;
|
||||
var timer;
|
||||
<script>
|
||||
var popup;
|
||||
var timer;
|
||||
|
||||
var error = document.getElementById('error');
|
||||
var pay = document.getElementById('pay');
|
||||
var pay_open = document.getElementById('pay-open');
|
||||
var pay_close = document.getElementById('pay-close');
|
||||
var error = document.getElementById('error');
|
||||
var pay = document.getElementById('pay');
|
||||
var pay_open = document.getElementById('pay-open');
|
||||
var pay_close = document.getElementById('pay-close');
|
||||
|
||||
function validateEmail(email) {
|
||||
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
||||
return re.test(email);
|
||||
function validateEmail(email) {
|
||||
var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
||||
return re.test(email);
|
||||
}
|
||||
|
||||
function tipi() {
|
||||
var email = document.getElementById('email');
|
||||
var test = document.getElementById('test');
|
||||
var email = document.getElementById('email');
|
||||
var test = document.getElementById('test');
|
||||
|
||||
pay_close.style.display='none';
|
||||
pay_close.style.display='none';
|
||||
|
||||
var url = '{{ invoice.url|safe }}';
|
||||
if (url.indexOf('?') == -1) {
|
||||
url = url + '?';
|
||||
} else {
|
||||
url = url + '&';
|
||||
}
|
||||
var url = '{{ invoice.url|safe }}';
|
||||
if (url.indexOf('?') == -1) {
|
||||
url = url + '?';
|
||||
} else {
|
||||
url = url + '&';
|
||||
}
|
||||
|
||||
if (validateEmail(email.value)) {
|
||||
url +='email=' + email.value;
|
||||
error.style.display='none';
|
||||
} else {
|
||||
error.style.display='block';
|
||||
return false;
|
||||
}
|
||||
if (validateEmail(email.value)) {
|
||||
url +='email=' + email.value;
|
||||
error.style.display='none';
|
||||
} else {
|
||||
error.style.display='block';
|
||||
return false;
|
||||
}
|
||||
|
||||
if (test)
|
||||
if (test.checked)
|
||||
url += '&saisie=T';
|
||||
if (test)
|
||||
if (test.checked)
|
||||
url += '&saisie=T';
|
||||
|
||||
pay.innerHTML = '<p><strong>Paiement en cours.</strong></p>';
|
||||
pay_open.style.display='block';
|
||||
pay.innerHTML = '<p><strong>Paiement en cours.</strong></p>';
|
||||
pay_open.style.display='block';
|
||||
|
||||
popup = window.open(url, 'tipi', 'height=800, width=900, toolbar=no, menubar=no, scrollbars=no, resizable=yes, location=no, directories=no, status=no');
|
||||
timer = setInterval(checkChild, 500);
|
||||
return false;
|
||||
popup = window.open(url, 'tipi', 'height=800, width=900, toolbar=no, menubar=no, scrollbars=no, resizable=yes, location=no, directories=no, status=no');
|
||||
timer = setInterval(checkChild, 500);
|
||||
return false;
|
||||
}
|
||||
|
||||
function checkChild() {
|
||||
if (popup.closed) {
|
||||
pay_open.style.display='none';
|
||||
pay_close.style.display='block';
|
||||
document.getElementById('pay').innerHTML = '<p><strong>Fenêtre de paiement fermée.</strong></p>';
|
||||
clearInterval(timer);
|
||||
}
|
||||
if (popup.closed) {
|
||||
pay_open.style.display='none';
|
||||
pay_close.style.display='block';
|
||||
document.getElementById('pay').innerHTML = '<p><strong>Fenêtre de paiement fermée.</strong></p>';
|
||||
clearInterval(timer);
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</script>
|
||||
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
Reference in New Issue