Descagar de datos en PF en XLSX

tecnicas/static/js/download-table-xlsx.js

@@ -0,0 +1,70 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const btn = document.getElementById("download-xls-btn");
+    if (!btn) return;
+
+    btn.addEventListener("click", async function () {
+        if (typeof XLSX === "undefined") {
+            alert(
+                "Librerías XLSX no están cargadas."
+            );
+            return;
+        }
+
+        const BOOK = XLSX.utils.book_new();
+
+        const sections = document.querySelectorAll("section[data-tester]");
+        if (!sections || sections.length === 0) {
+            alert("No hay tablas para descargar.");
+            return;
+        }
+
+        let fileXlsxName = "";
+
+        sections.forEach((sec) => {
+            const tester = sec.getAttribute("data-tester") || "tester";
+            const sessionName = sec.getAttribute("data-session-name") || "";
+            const sessionCode = sec.getAttribute("data-session-code") || "";
+
+            const sheetName = `${tester}`;
+
+            fileXlsxName = `datos_sesion_${sessionName ? sessionName.trim() : sessionCode.trim()
+                }`;
+
+            const table = sec.querySelector("table");
+            if (!table) return;
+
+            // Build CSV
+            const rows = [];
+            const headerCells = Array.from(table.querySelectorAll("thead tr th"));
+            const headers = headerCells.map((h) => h.textContent.trim());
+            rows.push(headers.map(escapeCsv).join(","));
+
+            const trs = table.querySelectorAll("tbody tr");
+            trs.forEach((tr) => {
+                const tds = Array.from(tr.querySelectorAll("td"));
+                const values = tds.map((td) => escapeCsv(td.textContent.trim()));
+                rows.push(values.join(","));
+            });
+
+            const csvContent = rows.join("\r\n");
+            const sheet = XLSX.read(csvContent, { type: "string" }).Sheets["Sheet1"];
+            XLSX.utils.book_append_sheet(BOOK, sheet, sheetName);
+        });
+
+        try {
+            XLSX.writeFile(BOOK, `${fileXlsxName}.xlsx`);
+        } catch (err) {
+            console.error(err);
+            alert("Error al generar el archivo XLSX: " + err.message);
+        }
+    });
+
+    const escapeCsv = (val) => {
+        if (val == null) return "";
+        let normalVal = val.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+        const needsQuotes = /[",\n,]/.test(normalVal);
+        let v = String(normalVal).replace(/"/g, '""');
+        if (needsQuotes) v = `"${v}"`;
+        return v;
+    };
+});

tecnicas/templates/tecnicas/manage_sesions/details-session-pf.html

@@ -244,11 +244,16 @@
                                 {% include "../components/table_pf.html" with data=data_tester session_name=sesion.nombre_sesion session_code=sesion.codigo_sesion %}
                             {% endfor %}
                         </article>
-                        <div class="flex justify-end mt-3">
+                        <div class="flex justify-end mt-3 gap-4 flex-wrap">
                             <button id="download-csv-btn" class="cts-btn-general cts-btn-primary btn-push">
-                                Descargar datos como CSV en zip
+                                Descargar datos CSV en zip
+                            </button>
+                            <button id="download-xls-btn" class="cts-btn-general cts-btn-primary btn-push">
+                                Descargar datos en XLSX
                             </button>
                         </div>
+                        <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
+                        <script src="{% static 'js/download-table-xlsx.js' %}"></script>
                     {% else %}
                         {% include "../components/error-message.html" with message='Sin datos por mostrar aún' %}
                     {% endif %}