mirror of
https://gitlab.crans.org/bde/nk20
synced 2024-12-24 16:32:21 +00:00
81 lines
3.2 KiB
HTML
81 lines
3.2 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
{% load crispy_forms_tags %}
|
|
{% block content %}
|
|
<p><a class="btn btn-default" href="{% url 'treasury:billing' %}">{% trans "Billings list" %}</a></p>
|
|
<form method="post" action="" class="form-horizontal">
|
|
{% csrf_token %}
|
|
{% crispy form %}
|
|
{{ formset.management_form }}
|
|
<table class="table table-condensed table-striped">
|
|
{% for form in formset %}
|
|
{% if forloop.first %}
|
|
<thead><tr>
|
|
<th>{{ form.designation.label }}<span class="asteriskField">*</span></th>
|
|
<th>{{ form.quantity.label }}<span class="asteriskField">*</span></th>
|
|
<th>{{ form.amount.label }}<span class="asteriskField">*</span></th>
|
|
</tr></thead>
|
|
<tbody id="form_body" >
|
|
{% endif %}
|
|
<tr class="row-formset">
|
|
<td>{{ form.designation }}</td>
|
|
<td>{{ form.quantity }} </td>
|
|
<td>{{ form.amount }}</td>
|
|
{{ form.billing }}
|
|
{{ form.id }}
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="btn-group btn-block" role="group">
|
|
<button type="button" id="add_more" class="btn btn-primary">{% trans "Add product" %}</button>
|
|
<button type="button" id="remove_one" class="btn btn-danger">{% trans "Remove product" %}</button>
|
|
</div>
|
|
|
|
<div class="btn-block">
|
|
<button type="submit" class="btn btn-block btn-primary">{% trans "Submit" %}</button>
|
|
</div>
|
|
</form>
|
|
|
|
<div id="empty_form" style="display: none;">
|
|
<table class='no_error'>
|
|
<tbody id="for_real">
|
|
<tr class="row-formset">
|
|
<td>{{ formset.empty_form.designation }}</td>
|
|
<td>{{ formset.empty_form.quantity }} </td>
|
|
<td>{{ formset.empty_form.amount }}</td>
|
|
{{ formset.empty_form.billing }}
|
|
{{ formset.empty_form.id }}
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block extrajavascript %}
|
|
<script src="{% static 'js/dynamic-formset.js' %}"></script>
|
|
<script>
|
|
IDS = {};
|
|
|
|
$("#id_product_set-TOTAL_FORMS").val($(".row-formset").length - 1);
|
|
|
|
$('#add_more').click(function() {
|
|
var form_idx = $('#id_product_set-TOTAL_FORMS').val();
|
|
$('#form_body').append($('#for_real').html().replace(/__prefix__/g, form_idx));
|
|
$('#id_product_set-TOTAL_FORMS').val(parseInt(form_idx) + 1);
|
|
$('#id_product_set-' + parseInt(form_idx) + '-id').val(IDS[parseInt(form_idx)]);
|
|
});
|
|
|
|
$('#remove_one').click(function() {
|
|
let form_idx = $('#id_product_set-TOTAL_FORMS').val();
|
|
if (form_idx > 0) {
|
|
IDS[parseInt(form_idx) - 1] = $('#id_product_set-' + (parseInt(form_idx) - 1) + '-id').val();
|
|
$('#form_body tr:last-child').remove();
|
|
$('#id_product_set-TOTAL_FORMS').val(parseInt(form_idx) - 1);
|
|
}
|
|
});
|
|
</script>
|
|
{% endblock %}
|