mirror of
https://gitlab2.federez.net/re2o/re2o
synced 2024-09-10 16:23:09 +00:00
204 lines
6.8 KiB
HTML
204 lines
6.8 KiB
HTML
{% extends 'cotisations/sidebar.html' %}
|
|
{% comment %}
|
|
Re2o est un logiciel d'administration développé initiallement au rezometz. Il
|
|
se veut agnostique au réseau considéré, de manière à être installable en
|
|
quelques clics.
|
|
|
|
Copyright © 2017 Gabriel Détraz
|
|
Copyright © 2017 Lara Kermarec
|
|
Copyright © 2017 Augustin Lemesle
|
|
|
|
This program is free software; you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation; either version 2 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License along
|
|
with this program; if not, write to the Free Software Foundation, Inc.,
|
|
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
|
{% endcomment %}
|
|
|
|
{% load bootstrap3 %}
|
|
{% load staticfiles%}
|
|
{% load i18n %}
|
|
|
|
{% block title %}{% trans "Creation and editing of invoices" %}{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
{% if title %}
|
|
<h3>{{ title }}</h3>
|
|
{% else %}
|
|
<h3>{% trans "Buy" %}</h3>
|
|
{% endif %}
|
|
{% if max_balance %}
|
|
<h4>{% blocktrans %}Maximum allowed balance: {{ max_balance }} €{% endblocktrans %}</h4>
|
|
{% endif %}
|
|
{% if balance is not None %}
|
|
<p>
|
|
{% blocktrans %}Current balance: {{ balance }} €{% endblocktrans %}
|
|
</p>
|
|
{% endif %}
|
|
{% if discount_form %}
|
|
{% bootstrap_form_errors discount_form %}
|
|
{% endif %}
|
|
|
|
<form class="form" method="post">
|
|
{% csrf_token %}
|
|
{% bootstrap_form factureform %}
|
|
{% if payment_method %}
|
|
{% bootstrap_form payment_method %}
|
|
<div id="paymentMethod"></div>
|
|
{% endif %}
|
|
{% if articlesformset %}
|
|
<h3>{% trans "Articles" %}</h3>
|
|
<div id="form_set" class="form-group">
|
|
{{ articlesformset.management_form }}
|
|
{% for articlesform in articlesformset.forms %}
|
|
<div class='product_to_sell form-inline'>
|
|
{% trans "Article" %} :
|
|
{% bootstrap_form articlesform label_class='sr-only' %}
|
|
|
|
<button class="btn btn-danger btn-sm" id="id_form-0-article-remove" type="button">
|
|
<span class="fa fa-times"></span>
|
|
</button>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<input class="btn btn-primary btn-block" role="button" value="{% trans "Add an extra article"%}" id="add_one">
|
|
{% if discount_form %}
|
|
<h3>{% trans "Discount" %}</h3>
|
|
{% bootstrap_form discount_form %}
|
|
{% endif %}
|
|
<p>
|
|
{% blocktrans %}Total price: <span id="total_price">0,00</span> €{% endblocktrans %}
|
|
</p>
|
|
{% endif %}
|
|
{% bootstrap_button action_name button_type='submit' icon='ok' button_class='btn-success' %}
|
|
</form>
|
|
|
|
{% if articlesformset or payment_method%}
|
|
<script type="text/javascript">
|
|
{% if articlesformset %}
|
|
var prices = {};
|
|
{% for article in articlelist %}
|
|
prices[{{ article.id|escapejs }}] = "{{ article.prix }}";
|
|
{% endfor %}
|
|
|
|
var template = `Article :
|
|
{% bootstrap_form articlesformset.empty_form label_class='sr-only' %}
|
|
|
|
<button class="btn btn-danger btn-sm"
|
|
id="id_form-__prefix__-article-remove" type="button">
|
|
<span class="fa fa-times"></span>
|
|
</button>`
|
|
|
|
function add_article(){
|
|
// Index start at 0 => new_index = number of items
|
|
var new_index =
|
|
document.getElementsByClassName('product_to_sell').length;
|
|
document.getElementById('id_form-TOTAL_FORMS').value ++;
|
|
var new_article = document.createElement('div');
|
|
new_article.className = 'product_to_sell form-inline';
|
|
new_article.innerHTML = template.replace(/__prefix__/g, new_index);
|
|
document.getElementById('form_set').appendChild(new_article);
|
|
add_listenner_for_id(new_index);
|
|
}
|
|
|
|
function update_price(){
|
|
var price = 0;
|
|
var product_count =
|
|
document.getElementsByClassName('product_to_sell').length;
|
|
var article, article_price, quantity;
|
|
for (i = 0; i < product_count; ++i){
|
|
article = document.getElementById(
|
|
'id_form-' + i.toString() + '-article').value;
|
|
if (article == '') {
|
|
continue;
|
|
}
|
|
article_price = parseFloat(prices[article].replace(',', '.'));
|
|
quantity = document.getElementById(
|
|
'id_form-' + i.toString() + '-quantity').value;
|
|
price += article_price * quantity;
|
|
}
|
|
{% if discount_form %}
|
|
var relative_discount = document.getElementById('id_is_relative').checked;
|
|
var discount = document.getElementById('id_discount').value;
|
|
if(relative_discount) {
|
|
discount = discount/100 * price;
|
|
}
|
|
price -= discount;
|
|
{% endif %}
|
|
document.getElementById('total_price').innerHTML =
|
|
price.toFixed(2).toString().replace('.', ',');
|
|
}
|
|
|
|
function add_listenner_for_id(i){
|
|
document.getElementById('id_form-' + i.toString() + '-article')
|
|
.addEventListener("change", update_price, true);
|
|
document.getElementById('id_form-' + i.toString() + '-article')
|
|
.addEventListener("onkeypress", update_price, true);
|
|
document.getElementById('id_form-' + i.toString() + '-quantity')
|
|
.addEventListener("change", update_price, true);
|
|
document.getElementById('id_form-' + i.toString() + '-article-remove')
|
|
.addEventListener("click", function(event) {
|
|
var article = event.target.parentNode;
|
|
article.parentNode.removeChild(article);
|
|
document.getElementById('id_form-TOTAL_FORMS').value --;
|
|
update_price();
|
|
})
|
|
}
|
|
|
|
// Add events manager when DOM is fully loaded
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
document.getElementById("add_one")
|
|
.addEventListener("click", add_article, true);
|
|
var product_count =
|
|
document.getElementsByClassName('product_to_sell').length;
|
|
for (i = 0; i < product_count; ++i){
|
|
add_listenner_for_id(i);
|
|
}
|
|
document.getElementById('id_discount')
|
|
.addEventListener('change', update_price, true);
|
|
document.getElementById('id_is_relative')
|
|
.addEventListener('click', update_price, true);
|
|
update_price();
|
|
});
|
|
{% endif %}
|
|
{% if payment_method.templates %}
|
|
var TEMPLATES = [
|
|
"",
|
|
{% for t in payment_method.templates %}
|
|
{% if t %}
|
|
`{% bootstrap_form t %}`,
|
|
{% else %}
|
|
"",
|
|
{% endif %}
|
|
{% endfor %}
|
|
];
|
|
function update_payment_method_form(){
|
|
var method = document.getElementById('paymentMethodSelect').value;
|
|
if(method==""){
|
|
method=0;
|
|
}
|
|
else{
|
|
method = Number(method);
|
|
method += 1;
|
|
}
|
|
console.log(method);
|
|
var html = TEMPLATES[method];
|
|
|
|
document.getElementById('paymentMethod').innerHTML = html;
|
|
}
|
|
document.getElementById("paymentMethodSelect").addEventListener("change", update_payment_method_form);
|
|
{% endif %}
|
|
</script>
|
|
{% endif %}
|
|
|
|
{% endblock %}
|
|
|