diff --git a/tienda_ilusion/don_confiao/static/js/add_line.js b/tienda_ilusion/don_confiao/static/js/add_line.js new file mode 100644 index 0000000..aed4bec --- /dev/null +++ b/tienda_ilusion/don_confiao/static/js/add_line.js @@ -0,0 +1,18 @@ +document.addEventListener('DOMContentLoaded', function(){ + var button = document.getElementById('add_line'); + var formContainer = document.getElementById('formset-container'); + var totalForms = document.getElementById('id_form-TOTAL_FORMS'); + button.addEventListener('click', function(){ + // Clonar un formulario vacío + var newForm = formContainer.querySelector('.form-container').cloneNode(true); + // Obtener el número actual de formularios + var formCount = parseInt(totalForms.value); + // Actualizar los atributos de los nuevos campos del formulario + var regex = new RegExp('__prefix__', 'g'); + newForm.innerHTML = newForm.innerHTML.replace(regex, formCount); + // Añadir el nuevo formulario al contenedor + formContainer.appendChild(newForm); + // Incrementar el total de formularios + totalForms.value = formCount + 1; + }); +}); diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html index 0d2c2f4..7f6c8d9 100644 --- a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html +++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html @@ -1,12 +1,19 @@ <!doctype html> +{% load static %} <form method="POST"> - {% csrf_token %} - {{ sale_form}} + {% csrf_token %} + {{ sale_form}} {{ linea_formset.management_form }} - {% for form in linea_formset %} - <table style="border: solid 1px blue; margin: 10px"> - {{ form.as_table }} - </table> + <div id="formset-container"> + {% for form in linea_formset %} + <div class="form-container"> + <table style="border: solid 1px blue; margin: 10px"> + {{ form.as_table }} + </table> + </div> {% endfor %} - <br/><button name="form" type="submit" >Comprar</button> + </div> + <button id="add_line">Añadir Linea</button> + <br/><button name="form" type="submit" >Comprar</button> + <script src="{% static 'js/add_line.js' %}"></script> </form>