From c10aa4b9ca6fedffecdf77b4caee29be73720505 Mon Sep 17 00:00:00 2001
From: Rodia <alejandro.ayala@onecluster.org>
Date: Sat, 17 Aug 2024 09:18:48 -0500
Subject: [PATCH 1/2] Feat: Se agrega  calculo de subtotal para 1 sola linea

---
 .../static/js/calculate_subtotal_line.js      | 35 +++++++++++++++++++
 .../templates/don_confiao/purchase.html       |  1 +
 2 files changed, 36 insertions(+)
 create mode 100644 tienda_ilusion/don_confiao/static/js/calculate_subtotal_line.js

diff --git a/tienda_ilusion/don_confiao/static/js/calculate_subtotal_line.js b/tienda_ilusion/don_confiao/static/js/calculate_subtotal_line.js
new file mode 100644
index 0000000..f5f4f00
--- /dev/null
+++ b/tienda_ilusion/don_confiao/static/js/calculate_subtotal_line.js
@@ -0,0 +1,35 @@
+function insertSubtotalField() {
+  // Selecciona la fila de precio unitario para añadir la fila del subtotal después de ella
+  const unitPriceRow = document.querySelector('input[id="id_saleline_set-0-unit_price"]').closest('tr');
+
+  // Crear una nueva fila para el subtotal
+  const subtotalRow = document.createElement('tr');
+  subtotalRow.innerHTML = `
+         <th><label for="id_saleline_set-0-subtotal">Subtotal:</label></th>
+         <td><input type="number" name="saleline_set-0-subtotal" id="id_saleline_set-0-subtotal" readonly></td>
+     `;
+
+     // Insertar la fila del subtotal después de la fila del precio unitario
+     unitPriceRow.after(subtotalRow);
+ }
+
+function calculateSubtotal() {
+     const quantityElement = document.getElementById('id_saleline_set-0-quantity');
+     const unitPriceElement = document.getElementById('id_saleline_set-0-unit_price');
+     const subtotalElement = document.getElementById('id_saleline_set-0-subtotal');
+
+     const quantity = parseFloat(quantityElement.value) || 0;
+     const unitPrice = parseFloat(unitPriceElement.value) || 0;
+     const subtotal = quantity * unitPrice;
+
+     subtotalElement.value = subtotal.toFixed(2);
+ }
+
+ // Inserta el campo subtotal al cargar la página
+ window.addEventListener('load', () => {
+     insertSubtotalField();
+
+     // Agregar los eventos para calcular el subtotal cuando cambie la cantidad o el precio unitario
+     document.getElementById('id_saleline_set-0-quantity').addEventListener('input', calculateSubtotal);
+     document.getElementById('id_saleline_set-0-unit_price').addEventListener('input', calculateSubtotal);
+ });
diff --git a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
index 2095a43..c21690b 100644
--- a/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
+++ b/tienda_ilusion/don_confiao/templates/don_confiao/purchase.html
@@ -18,4 +18,5 @@
   <br/><button name="form" type="submit" >Comprar</button>
   <script src="{% static 'js/add_line.js' %}"></script>
   <script src="{% static 'js/sale_summary.js' %}"></script>
+  <script src="{% static 'js/calculate_subtotal_line.js' %}"></script>
 </form>

From 45199030a04e6ba291d232d2482e64430f194c68 Mon Sep 17 00:00:00 2001
From: Rodia <alejandro.ayala@onecluster.org>
Date: Sat, 17 Aug 2024 11:30:24 -0500
Subject: [PATCH 2/2] Feat: Calculo de subtotal para muchas lineas

---
 .../static/js/calculate_subtotal_line.js      | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/tienda_ilusion/don_confiao/static/js/calculate_subtotal_line.js b/tienda_ilusion/don_confiao/static/js/calculate_subtotal_line.js
index f5f4f00..6f10690 100644
--- a/tienda_ilusion/don_confiao/static/js/calculate_subtotal_line.js
+++ b/tienda_ilusion/don_confiao/static/js/calculate_subtotal_line.js
@@ -1,3 +1,6 @@
+const quantity_lineRegexSelector = `[id^="${idPrefix}"][id$="${quantitySuffix}"]`;
+const price_lineRegexSelector = `[id^="${idPrefix}"][id$="${priceSuffix}"]`;
+
 function insertSubtotalField() {
   // Selecciona la fila de precio unitario para añadir la fila del subtotal después de ella
   const unitPriceRow = document.querySelector('input[id="id_saleline_set-0-unit_price"]').closest('tr');
@@ -13,10 +16,10 @@ function insertSubtotalField() {
      unitPriceRow.after(subtotalRow);
  }
 
-function calculateSubtotal() {
-     const quantityElement = document.getElementById('id_saleline_set-0-quantity');
-     const unitPriceElement = document.getElementById('id_saleline_set-0-unit_price');
-     const subtotalElement = document.getElementById('id_saleline_set-0-subtotal');
+function calculateSubtotal(id) {
+     const quantityElement = document.getElementById(`id_saleline_set-${id}-quantity`);
+     const unitPriceElement = document.getElementById(`id_saleline_set-${id}-unit_price`);
+     const subtotalElement = document.getElementById(`id_saleline_set-${id}-subtotal`);
 
      const quantity = parseFloat(quantityElement.value) || 0;
      const unitPrice = parseFloat(unitPriceElement.value) || 0;
@@ -27,9 +30,21 @@ function calculateSubtotal() {
 
  // Inserta el campo subtotal al cargar la página
  window.addEventListener('load', () => {
-     insertSubtotalField();
+   insertSubtotalField();
 
-     // Agregar los eventos para calcular el subtotal cuando cambie la cantidad o el precio unitario
-     document.getElementById('id_saleline_set-0-quantity').addEventListener('input', calculateSubtotal);
-     document.getElementById('id_saleline_set-0-unit_price').addEventListener('input', calculateSubtotal);
+   complete_form.addEventListener('change', function(event){
+     const quantityInputs = document.querySelectorAll(quantity_lineRegexSelector);
+     const ids = Array.prototype.map.call(quantityInputs, function(input) {
+       return input.id.match(/\d+/)[0];
+     });
+
+     ids.forEach(function(id) {
+       if (event.target.matches(quantity_lineRegexSelector)) {
+         calculateSubtotal(id);
+       }
+       if (event.target.matches(price_lineRegexSelector)) {
+         calculateSubtotal(id);
+       }
+     })
+   });
  });