Descarga de datos de sesiones con Sort

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

@@ -4,7 +4,7 @@ document.addEventListener("DOMContentLoaded", function () {
 
   btn.addEventListener("click", function () {
     // Try set the table in the page
-    let table = document.getElementById("convencional-table");
+    let table = document.getElementById("generic-donwload-table");
     if (!table) {
       const section = btn.closest("section");
       if (section) table = section.querySelector("table");

tecnicas/static/js/download-table-sort-csv.js

@@ -0,0 +1,79 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const btn = document.getElementById("download-csv-btn");
+    if (!btn) return;
+
+    btn.addEventListener("click", function () {
+        // Try set the table in the page
+        let table = document.getElementById("generic-donwload-table");
+        if (!table) {
+            const section = btn.closest("section");
+            if (section) table = section.querySelector("table");
+        }
+        if (!table) {
+            console.warn("No se encontró la tabla para descargar.");
+            return;
+        }
+
+        // helper to trim and normalize cell text
+        const cellText = (cell) => {
+            if (!cell) return "";
+            return String(cell.textContent || "").trim();
+        };
+
+        // Collect headers
+        const headers = [];
+        const ths = table.querySelectorAll("thead th");
+        ths.forEach((th) => headers.push(cellText(th)));
+
+        // Collect rows
+        const rows = [];
+        const trs = table.querySelectorAll("tbody tr");
+        trs.forEach((tr) => {
+            const cols = [];
+            const tds = tr.querySelectorAll("td");
+            tds.forEach((td) => cols.push(cellText(td)));
+            rows.push(cols);
+        });
+
+        // Convert to CSV string (escape quotes, wrap in quotes if needed)
+        const escapeValue = (val) => {
+            if (val == null) return "";
+            let normalVal = val.replace(/[\u0300-\u036f]/g, "");
+            normalVal = normalVal.replace(/(\r\n|\n|\r|\s)/gm, '');
+            const needsQuotes = /[",\n,;]/.test(normalVal);
+            let v = normalVal.replace(/"/g, '""');
+            if (needsQuotes) v = `"${v}"`;
+            return v;
+        };
+
+        const lines = [];
+        if (headers.length) lines.push(headers.map(escapeValue).join(","));
+        rows.forEach((r) => lines.push(r.map(escapeValue).join(",")));
+
+        const csvContent = lines.join("\n");
+
+        // File name: data_{nombre_sesion or codigo_sesion}
+        const rawName = (btn.dataset.sessionName || "").trim();
+        const code = (btn.dataset.sessionCode || "").trim() || "session";
+        const namePart = rawName
+            ? rawName.replace(/[^a-zA-Z0-9-_áéíóúÁÉÍÓÚ ]/g, "").replace(/\s+/g, "_")
+            : code;
+        const fileName = `data_${namePart}.csv`;
+
+        // Create blob and force download
+        const blob = new Blob([csvContent], { type: "text/csv;charset=UTF-8;" });
+        if (navigator.msSaveBlob) {
+            navigator.msSaveBlob(blob, fileName);
+        } else {
+            const link = document.createElement("a");
+            const url = URL.createObjectURL(blob);
+            link.setAttribute("href", url);
+            link.setAttribute("download", fileName);
+            link.style.visibility = "hidden";
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        }
+    });
+});

tecnicas/templates/tecnicas/components/table-scales.html

@@ -1,7 +1,7 @@
 {% load static %}
 <section>
     <div class="overflow-x-auto rounded-lg border border-surface-general">
-        <table id="convencional-table" class="min-w-max w-full text-sm text-center border-collapse">
+        <table id="generic-donwload-table" class="min-w-max w-full text-sm text-center border-collapse">
             <thead class="bg-surface-sweet text-black font-semibold">
                 <tr>
                     {% if sesion.tecnica.tipo_tecnica.nombre_tecnica != "rata" %}

tecnicas/templates/tecnicas/components/table-sort.html

@@ -1,5 +1,6 @@
 {% load custom_filters %}
-<section>
+{% load static %}
+<section class="space-y-4">
     <div class="overflow-x-auto rounded-lg border border-surface-general">
         <table class="min-w-max w-full text-sm text-center border-collapse">
             <thead class="bg-surface-sweet text-black font-semibold">
@@ -15,20 +16,27 @@
             <tbody class="bg-surface-ligt divide-y divide-gray-200 text-black">
                 {% for data_words in data_groups.data %}
                 <tr>
-                    <td class="py-2 px-3 border border-surface-general font-medium">{{ data_words.codigo_producto }}</td>
+                    <td class="py-2 px-3 border border-surface-general font-medium">{{ data_words.codigo_producto }}
+                    </td>
                     {% for tester in data_groups.testers %}
-                        <td class="py-2 px-3 border border-surface-general font-medium">
-                            {% for word in data_words.palabras|get_item:tester %}
-                                {{word}}
-                                {% if not forloop.last %}
-                                    ;
-                                {% endif %}
-                            {% endfor %}
-                        </td>
+                    <td class="py-2 px-3 border border-surface-general font-medium">
+                        {% for word in data_words.palabras|get_item:tester %}
+                        {{word}}{% if not forloop.last %} ;{% endif %}
+                        {% endfor %}
+                    </td>
                     {% endfor %}
                 </tr>
                 {% endfor %}
             </tbody>
         </table>
     </div>
-</section>
+
+    <div class="flex justify-end">
+        <button id="download-csv-btn" class="cts-btn-general cts-btn-primary btn-push"
+            data-session-name="{{ sesion.nombre_sesion }}" data-session-code="{{ sesion.codigo_sesion }}">
+            Descargar datos en CSV
+        </button>
+    </div>
+</section>
+
+<script src="{% static 'js/download-table-sort-csv.js' %}"></script>

tecnicas/templates/tecnicas/components/table_cata.html

@@ -1,7 +1,7 @@
 {% load static %}
 <section>
     <div class="overflow-x-auto rounded-lg border border-surface-general">
-        <table id="convencional-table" class="min-w-max w-full text-sm text-center border-collapse">
+        <table id="generic-donwload-table" class="min-w-max w-full text-sm text-center border-collapse">
             <thead class="bg-surface-sweet text-black font-semibold">
                 <tr>
                     <th class="py-2 px-3 border border-surface-general">Usuario</th>

tecnicas/templates/tecnicas/components/table_pf.html

@@ -5,7 +5,7 @@
     <h3 class="text-xl font-bold">Datos de usuario {{ data.tester }}</h3>
 
     <div class="overflow-x-auto rounded-lg border border-surface-general">
-        <table class="convencional-table min-w-max w-full text-sm text-center border-collapse">
+        <table class="generic-donwload-table min-w-max w-full text-sm text-center border-collapse">
             <thead class="bg-surface-sweet text-black font-semibold">
                 <tr>
                     <th class="py-2 px-3 border border-surface-general">Repetición</th>

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

@@ -218,8 +218,7 @@
                 </p>
             </section>
             {% if existen_calificaciones %}
-            {% include "../components/table_cata.html" with calificaciones=calificaciones palabras=palabras
-            sesion=sesion %}
+            {% include "../components/table_cata.html" with calificaciones=calificaciones palabras=palabras sesion=sesion %}
             {% else %}
             {% include "../components/error-message.html" with message='Sin calificaciones que mostrar aún' %}
             {% endif %}

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

@@ -187,7 +187,7 @@
         </p>
 
         {% if there_data %}
-        {% include "../components/table-sort.html" with data_groups=data_groups %}
+        {% include "../components/table-sort.html" with data_groups=data_groups sesion=sesion %}
         {% else %}
         {% include "../components/error-message.html" with message='Sin datos por mostrar aún' %}
         {% endif %}