mirror of https://gitlab.federez.net/re2o/re2o
Hugo LEVY-FALK
8 years ago
3 changed files with 22 additions and 158 deletions
@ -1,148 +0,0 @@ |
|||
{% 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 Goulven 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 "Invoices creation and edition" %}{% endblock %} |
|||
|
|||
{% block content %} |
|||
{% bootstrap_form_errors factureform %} |
|||
|
|||
<form class="form" method="post"> |
|||
{% csrf_token %} |
|||
<h3>{% trans "New invoice" %}</h3> |
|||
{% if user.solde %} |
|||
<p> |
|||
{% blocktrans %} |
|||
User's balance : {{ user.solde }} € |
|||
{% endblocktrans %} |
|||
</p> |
|||
{% endif %} |
|||
{% bootstrap_form factureform %} |
|||
{{ venteform.management_form }} |
|||
<h3>{% trans "Invoice's articles" %}</h3> |
|||
<div id="form_set" class="form-group"> |
|||
{% for form in venteform.forms %} |
|||
<div class='product_to_sell form-inline'> |
|||
{% trans "Article" %} : |
|||
{% bootstrap_form form 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-sm" role="button" value="{% trans "Add an article"%}" id="add_one"> |
|||
<p> |
|||
{% blocktrans %} |
|||
Total price : <span id="total_price">0,00</span> € |
|||
{% endblocktrans %} |
|||
</p> |
|||
{% trans "Create" as tr_create %} |
|||
{% bootstrap_button tr_create button_type='submit' icon='star' %} |
|||
</form> |
|||
|
|||
<script type="text/javascript"> |
|||
|
|||
var prices = {}; |
|||
{% for article in articlelist %} |
|||
prices[{{ article.id|escapejs }}] = {{ article.prix }}; |
|||
{% endfor %} |
|||
|
|||
var template = `Article : |
|||
{% bootstrap_form venteform.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 = prices[article]; |
|||
quantity = document.getElementById( |
|||
'id_form-' + i.toString() + '-quantity').value; |
|||
price += article_price * quantity; |
|||
} |
|||
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); |
|||
} |
|||
update_price(); |
|||
}); |
|||
|
|||
</script> |
|||
|
|||
{% endblock %} |
|||
Loading…
Reference in new issue