Merge pull request #37 from CascoArcilla/HU10

tecnicas/controllers/api_controller/rating_pf_list_controller.py

@@ -1,6 +1,6 @@
 from django.http import JsonResponse, HttpRequest
 from django.db import transaction, IntegrityError
-from tecnicas.models import Palabra, ListaPalabras, Participacion
+from tecnicas.models import Palabra, ListaPalabras, Participacion, Calificacion, Producto, Dato, ValorDecimal
 from tecnicas.forms import ListWordsForm
 
 
@@ -141,3 +141,81 @@ class RatingPFListController():
         list_tester.palabras.set(all_new_words)
 
         return all_new_words
+
+    @staticmethod
+    def saveRatings(request: HttpRequest, word_rating: str, data: list):
+        participation = Participacion.objects.get(
+            id=request.session["id_participation"])
+
+        technique = participation.tecnica
+        products = Producto.objects.filter(id_tecnica=technique)
+
+        # Crear o obtener las instancias Calificacion en la repeticion de todos los producutos
+        ratings = Calificacion.objects.filter(
+            num_repeticion=technique.repeticion,
+            id_tecnica=technique,
+            id_catador=participation.catador,
+            id_producto__in=products
+        )
+
+        existing_dict = {rating.id_producto_id: rating for rating in ratings}
+        to_create = []
+
+        for product in products:
+            if product.id not in existing_dict:
+                to_create.append(
+                    Calificacion(
+                        num_repeticion=technique.repeticion,
+                        id_producto=product,
+                        id_tecnica=technique,
+                        id_catador=participation.catador
+                    )
+                )
+        Calificacion.objects.bulk_create(to_create)
+
+        ratings = Calificacion.objects.filter(
+            num_repeticion=technique.repeticion,
+            id_tecnica=technique,
+            id_catador=participation.catador,
+            id_producto__in=products
+        )
+
+        # Guardar datos con ValorDecimal
+        word = Palabra.objects.get(nombre_palabra=word_rating)
+        try:
+            if (
+                len(data) != len(products) or 
+                len(data) != len(ratings) or 
+                len(products) != len(ratings)
+            ):
+                raise ValueError(
+                    "Al parecer los datos mandados no corresponden con el total de productos")
+
+            product_values = {info["product"]["code"]: info["value"] for info in data}
+
+            datos_to_create = []
+            values_to_create = []
+
+            with transaction.atomic():
+                for rating in ratings:
+                    datos_to_create.append(Dato(
+                        id_palabra=word,
+                        id_calificacion=rating
+                    ))
+
+                datos_save = Dato.objects.bulk_create(datos_to_create)
+                save_data = Dato.objects.filter(id_palabra=word, id_calificacion__in=ratings)
+
+                for data_save in save_data:
+                    values_to_create.append(ValorDecimal(
+                        id_dato=data_save,
+                        valor=product_values.get(data_save.id_calificacion.id_producto.codigoProducto)
+                    ))
+
+                ValorDecimal.objects.bulk_create(values_to_create)
+
+            return JsonResponse({"message": "Calificaciones guardadas con exito"})
+        except ValueError as e:
+            error_message = str(e)
+            print(f"Error de calificacion: {error_message}")
+            return JsonResponse({"error": error_message})

tecnicas/controllers/views_controller/session_management/details_controller.py

@@ -35,11 +35,11 @@ class DetallesController():
         technique = self.session.tecnica
 
         if creator.user.username != self.session.creadoPor.user.username:
-            return self.getResponse(error="Solo el presentador que crea la sesión puede iniciar la repetición", request=request)
+            return self.controllGetResponse(error="Solo el presentador que crea la sesión puede iniciar la repetición", request=request)
         elif self.session.activo:
-            return self.getResponse(error="La sesión ya está activada", request=request)
+            return self.controllGetResponse(error="La sesión ya está activada", request=request)
         elif technique.repeticion >= technique.repeticiones_max:
-            return self.getResponse(error="Se ha alcanzado el número de repeticiones máxima", request=request)
+            return self.controllGetResponse(error="Se ha alcanzado el número de repeticiones máxima", request=request)
 
         there_participacions = Participacion.objects.filter(
             tecnica=technique).exists()
@@ -48,7 +48,7 @@ class DetallesController():
             (is_update_participations,
              message) = ParticipacionController.outAllInSession(self.session)
             if not is_update_participations:
-                return self.getResponse(error=message, request=request)
+                return self.controllGetResponse(error=message, request=request)
 
         self.session.activo = True
         technique.repeticion = technique.repeticion + 1

tecnicas/controllers/views_controller/session_management/details_pf_controller.py

@@ -20,10 +20,10 @@ class DetallesPFController(DetallesController):
         self.context = {
             "sesion": self.session,
             "use_technique": technique,
-            "calificaciones": [],
             "existen_calificaciones": False,
             "tipo_escala": technique.escala_tecnica.id_tipo_escala.nombre_escala,
-            "valor_max": technique.escala_tecnica.longitud
+            "valor_max": technique.escala_tecnica.longitud,
+            "repeticiones_max": technique.repeticiones_max - 2
         }
 
         # Definir el estado de la sesion
@@ -35,48 +35,23 @@ class DetallesPFController(DetallesController):
 
         return self.context
 
-    def startRepetition(self, presenter: Presentador, request: HttpRequest):
-        creator = presenter
-        technique = self.session.tecnica
-
-        if creator.user.username != self.session.creadoPor.user.username:
-            return self.getResponse(error="Solo el presentador que crea la sesión puede iniciar la repetición o fase", request=request)
-        elif self.session.activo:
-            return self.getResponse(error="La sesión ya está activada", request=request)
-
-        there_participacions = Participacion.objects.filter(
-            tecnica=technique).exists()
-
-        if there_participacions:
-            (is_update_participations,
-             message) = ParticipacionController.outAllInSession(self.session)
-            if not is_update_participations:
-                return self.getResponse(error=message, request=request)
-
-        self.session.activo = True
-        technique.repeticion = technique.repeticion + 1
-
-        technique.save()
-        self.session.save()
-
-        parameters = {
-            "session_code": self.session.codigo_sesion
-        }
-        return redirect(
-            reverse(self.url_next, kwargs=parameters))
-
     def getDataPhases(self):
         curren_repetition = self.session.tecnica.repeticion
 
         if curren_repetition == 1:
             self.context["fisrt_phase"] = self.getDataFirstPhase()
+            self.context["repeticion"] = 0
+
         elif curren_repetition == 2:
             self.context["fisrt_phase"] = self.getDataFirstPhase()
             self.context["second_phase"] = self.getDataSecondPhase()
+            self.context["repeticion"] = 0
+
         elif curren_repetition >= 3:
             self.context["fisrt_phase"] = self.getDataFirstPhase()
             self.context["second_phase"] = self.getDataSecondPhase()
             self.context["data_ratings"] = self.getDataRatings()
+            self.context["repeticion"] = self.session.tecnica.repeticion - 2
 
         return self.context
 
@@ -135,10 +110,64 @@ class DetallesPFController(DetallesController):
                 'username': username,
                 'words': words
             })
-
+            
         return result
 
     def getDataRatings(self):
+        technique = self.session.tecnica
+
+        if technique.repeticion > 3:
+            return self.getDataRatingsFinal()
+
+        elif technique.repeticion == 3:
+            return self.getDataRatingsInitial()
+
+    def getStatus(self, rep: int, activate: bool):
+        status = ""
+
+        if rep == 0 and not activate:
+            status = "Listo para crear listas iniciales"
+
+        elif rep == 1 and activate:
+            status = "En primera fase, creación de listas iniciales"
+        elif rep == 1 and not activate:
+            status = "Listo para crear listas finales"
+
+        elif rep == 2 and activate:
+            status = "En segunda fase, creación de listas finales"
+        elif rep == 2 and not activate:
+            status = "Listo para calificaciones"
+
+        elif rep > 2 and not activate:
+            status = "Listo para calificaciones"
+        elif rep > 2 and activate:
+            status = "Catadores calificando"
+
+        return status
+
+    def getDataRatingsInitial(self):
+        ratings = list(Calificacion.objects.filter(id_tecnica=self.session.tecnica, num_repeticion=3))
+            
+        if ratings:
+            raw_data = DatoController.getWordValuesForConvecional(
+                technique=self.session.tecnica,
+                ratings=ratings
+            )
+            
+            structured_data = defaultdict(lambda: defaultdict(list))
+            
+            for item in raw_data:
+                prod_code = item["producto_code"]
+                username = item["usuario_catador"]
+                
+                structured_data[prod_code][username].append({
+                    "palabra": item["nombre_palabra"],
+                    "valor": item["dato_valor"]
+                })
+
+        return defaultdict_to_dict(structured_data)
+
+    def getDataRatingsFinal(self):
         lists_words_testers = self.context["second_phase"]
         technique = self.session.tecnica
 
@@ -160,6 +189,7 @@ class DetallesPFController(DetallesController):
 
             ratings_for_repetition = defaultdict(lambda: defaultdict(list))
 
+            # Estructurar los datos
             for item in data:
                 rep = item["repeticion"]
                 prod = item["producto_code"]
@@ -167,7 +197,7 @@ class DetallesPFController(DetallesController):
                 ratings_for_repetition[rep-2][prod].append({
                     "nombre_palabra": item["nombre_palabra"],
                     "dato_valor": item["dato_valor"]
-                })
+            })
 
             ratings_for_tester.append(
                 {
@@ -177,29 +207,5 @@ class DetallesPFController(DetallesController):
                     "words": list_tester["words"]
                 }
             )
-            self.context["existen_calificaciones"] = True
-
-        return ratings_for_tester
-
-    def getStatus(self, rep: int, activate: bool):
-        status = ""
-
-        if rep == 0 and not activate:
-            status = "Listo para crear listas iniciales"
 
-        elif rep == 1 and activate:
-            status = "En primera fase, creación de listas iniciales"
-        elif rep == 1 and not activate:
-            status = "Listo para crear listas finales"
-
-        elif rep == 2 and activate:
-            status = "En segunda fase, creación de listas finales"
-        elif rep == 2 and not activate:
-            status = "Listo para calificaciones"
-
-        elif rep > 2 and not activate:
-            status = "Listo para calificaciones"
-        elif rep > 2 and activate:
-            status = "Catadores calificando"
-
-        return status
+        return ratings_for_tester

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/static/js/span-notification.js

@@ -0,0 +1,14 @@
+function spanNotifaction(messageError, isError = true, time = 4500) {
+  const span = document.createElement("span");
+  span.textContent = messageError;
+
+  const div = document.createElement("div");
+  div.classList.add("alert", isError ? "alert-error" : "alert-success");
+  div.appendChild(span);
+
+  document.querySelector(".toast").append(div);
+
+  setTimeout(() => {
+    document.querySelector(".toast").removeChild(div);
+  }, time);
+}

tecnicas/static/js/test_pf_rating_list.js

@@ -0,0 +1,143 @@
+let dragged = null;
+const nextProduct = `
+<h2 class="text-2xl font-bold text-center">Éxito al guardar los datos</h2>
+<div class="flex justify-center">
+  <button class="cts-btn-general cts-btn-primary btn-push" onclick="window.location.reload()">
+      Evaluar siguiente atributo
+  </button>
+</div>`;
+
+document.querySelectorAll(".draggable").forEach((el) => {
+  el.addEventListener("dragstart", () => {
+    dragged = el;
+    setTimeout(() => el.classList.add("opacity-50"), 0);
+  });
+
+  el.addEventListener("dragend", () => {
+    dragged = null;
+    el.classList.remove("opacity-50");
+  });
+});
+
+document.querySelectorAll(".dropzone").forEach((zone) => {
+  zone.addEventListener("dragover", (e) => e.preventDefault());
+
+  zone.addEventListener("drop", () => {
+    zone.appendChild(dragged);
+  });
+});
+
+document
+  .getElementById("question-save")
+  .addEventListener("click", showOptionsSave);
+
+document
+  .getElementById("cancel-save")
+  .addEventListener("click", showQuestionSave);
+
+document.getElementById("save-data").addEventListener("click", async () => {
+  showLoading();
+  const currentDataRatend = [];
+
+  document.querySelectorAll(".dropzone").forEach((zone) => {
+    const index = parseInt(zone.dataset.index);
+    const children = zone.querySelectorAll(".draggable");
+
+    children.forEach((el) => {
+      currentDataRatend.push({
+        product: {
+          id: el.dataset.idProduct,
+          code: el.dataset.code,
+        },
+        value: index,
+      });
+    });
+  });
+
+  if (!currentDataRatend.length) {
+    cancelLoading();
+    spanNotifaction("No has ordenado los productos");
+  } else if (
+    currentDataRatend.length != document.querySelectorAll(".draggable").length
+  ) {
+    cancelLoading();
+    spanNotifaction("Faltan productos por calificar");
+  } else {
+    saveData(currentDataRatend);
+  }
+});
+
+async function saveData(dataToSend = []) {
+  const URL = "/cata/testers/api/ratingword/pf/list";
+
+  const csrfToken = document.querySelector("[name=csrfmiddlewaretoken]").value;
+
+  const requestData = {
+    phase: parseInt(document.querySelector(".cts-phase-pf").dataset.phase),
+    word: document.querySelector(".cts-word-rating").dataset.nameWord,
+    data: dataToSend,
+  };
+
+  try {
+    const response = await fetch(URL, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-CSRFToken": csrfToken,
+        "X-Requested-With": "XMLHttpRequest",
+      },
+      body: JSON.stringify(requestData),
+    });
+
+    if (!response.ok) {
+      spanNotifaction("Fallo con la respuesta recibida");
+      cancelLoading();
+      return false;
+    }
+
+    const result = await response.json();
+
+    const messError = result.error;
+
+    if (messError) {
+      spanNotifaction(messError);
+      cancelLoading();
+      return false;
+    }
+
+    spanNotifaction(result.message, false);
+    const containerRatings = document.querySelector(".container-rating-word");
+    containerRatings.innerHTML = "";
+    containerRatings.innerHTML = nextProduct;
+    cancelLoading();
+    return true;
+  } catch (error) {
+    console.log(error);
+    cancelLoading();
+    spanNotifaction("¡Oh! Ocurrió un error al tratar de guardar los datos");
+    return false;
+  }
+}
+
+function showLoading() {
+  document.getElementById("save-data").classList.add("hidden");
+  document.getElementById("cancel-save").classList.add("hidden");
+  document.getElementById("loading-data-save").classList.remove("hidden");
+}
+
+function cancelLoading() {
+  document.getElementById("loading-data-save").classList.add("hidden");
+  document.getElementById("question-save").classList.remove("hidden");
+}
+
+function showOptionsSave() {
+  document.getElementById("question-save").classList.add("hidden");
+  document.getElementById("save-data").classList.remove("hidden");
+  document.getElementById("cancel-save").classList.remove("hidden");
+}
+
+function showQuestionSave() {
+  document.getElementById("question-save").classList.remove("hidden");
+  document.getElementById("save-data").classList.add("hidden");
+  document.getElementById("cancel-save").classList.add("hidden");
+}

tecnicas/templates/tecnicas/components/table_pf_all.html

@@ -0,0 +1,51 @@
+{% load custom_filters %}
+<section>
+    <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">
+                <tr>
+                    <th rowspan="2" class="py-2 px-3 border border-surface-general">Producto</th>
+                    {% for user_data in second_phase %}
+                    <th colspan="{{ user_data.words|length }}" class="py-2 px-3 border border-surface-general">
+                        {{ user_data.username }}
+                    </th>
+                    {% endfor %}
+                </tr>
+                <tr>
+                    {% for user_data in second_phase %}
+                        {% for word in user_data.words %}
+                        <th class="py-2 px-3 border border-surface-general text-xs">
+                            {{ word.nombre_palabra }}
+                        </th>
+                        {% endfor %}
+                    {% endfor %}
+                </tr>
+            </thead>
+            <tbody class="bg-surface-ligt divide-y divide-gray-200">
+                {% for product_code, users_ratings in data_ratings.items %}
+                <tr>
+                    <td class="py-2 px-3 border border-surface-general font-medium">{{ product_code }}</td>
+                    
+                    {% for user_data in second_phase %}
+                        {% with user_ratings=users_ratings|get_item:user_data.username %}
+                            {% for word in user_data.words %}
+                                <td class="py-2 px-3 border border-surface-general">
+                                    {% if user_ratings %}
+                                        {% for rating in user_ratings %}
+                                            {% if rating.palabra == word.nombre_palabra %}
+                                                {{ rating.valor }}
+                                            {% endif %}
+                                        {% endfor %}
+                                    {% else %}
+                                        -
+                                    {% endif %}
+                                </td>
+                            {% endfor %}
+                        {% endwith %}
+                    {% endfor %}
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</section>

tecnicas/templates/tecnicas/components/toast-container.html

@@ -0,0 +1,3 @@
+{% load static %}
+<div class="toast toast-center"></div>
+<script src="{% static 'js/span-notification.js' %}"></script>

tecnicas/templates/tecnicas/forms_tester/test_pf_rating_list.html

@@ -4,37 +4,9 @@
 
 {% block title %}Convencional{% endblock %}
 
-{% block extra_css %}
-<style>
-    input[type="range"]::-webkit-slider-thumb {
-        -webkit-appearance: none;
-        appearance: none;
-        width: 24px;
-        height: 24px;
-        border-radius: 50%;
-        background: var(--color-blue-500);
-        cursor: pointer;
-    }
-
-    input[type="range"]::-moz-range-thumb {
-        width: 24px;
-        height: 24px;
-        border-radius: 50%;
-        background: #3b82f6;
-        cursor: pointer;
-    }
-
-    @media (width < 40rem) {
-        .container-forms {
-            width: inherit;
-        }
-    }
-</style>
-{% endblock %}
-
 {% block content %}
 <article class="cts-container-main">
-    <article class="cts-wrap-content text-black">
+    <article class="cts-wrap-content text-black max-w-4xl">
         <header class="text-center flex-row w-full items-stretch flex justify-around flex-wrap gap-2">
             <h1 class="rounded font-bold text-2xl bg-surface-ligt p-4 flex-1">
                 Sesión usando <br>técnica
@@ -88,29 +60,72 @@
                 </div>
             </section>
 
-            <section class="flex flex-col bg-red-200 py-2 px-4 rounded-lg min-sm:hidden">
-                <p>
-                    El largo de estas escalas puede afectar la vista en dispositivos móviles. Para ver el resto de la
-                    escala puede deslizar con el dedo a la derecha o la izquierda sin tocar la escala.
-                </p>
+            <section class="flex items-center justify-center flex-wrap gap-4">
+                <div class="bg-surface-card p-2 rounded-lg flex-1">
+                    <p class="text-lg font-bold text-center">
+                        El atributo que se está evaluando:
+                    </p>
+                    <p class="cts-word-rating text-2xl font-bold text-center" data-name-word="{{ word }}">
+                        "{{ word }}"
+                    </p>
+                </div>
             </section>
         </article>
 
-        <article class="rounded flex flex-col gap-4">
-            <p>Palabra a evaluar: {{ word }}</p>
-            <div>
-                <p>Productos a ordenar:</p>
-                <ul>
+        <article class="container-rating-word p-6 space-y-6 bg-surface-ligt rounded">
+            <!-- Definir toddos los productos para la escala -->
+            <h2 class="text-xl font-bold">Productos en la sesión</h2>
+            <div id="items" class="flex gap-4 flex-wrap justify-center">
+                {% for product in products %}
+                <div class="draggable bg-surface-sweet text-black font-bold px-4 py-2 rounded cursor-grab"
+                    draggable="true" data-id-product="{{ product.id }}" data-code="{{ product.codigoProducto }}">{{ product.codigoProducto }}</div>
+                {% endfor %}
+            </div>
+
+            <section>
+                <!-- Definir toddos los espacion de escala ordinaria -->
+                <h2 class="text-xl font-bold mb-6">Escala ordinaria</h2>
+                <div id="containers" class="flex gap-6 flex-wrap justify-center">
                     {% for product in products %}
-                    <li>{{ product }}</li>
+                    <section class="w-fit space-y-2">
+                        <div class="dropzone w-32 min-h-16 bg-surface-alter-card border-2 border-dashed border-gray-500 rounded p-2 space-y-2"
+                            data-index="{{ forloop.counter }}"></div>
+                        <p class="text-center text-2xl">{{ forloop.counter }}</p>
+                    </section>
                     {% endfor %}
-                </ul>
-            </div>
+                </div>
+
+                <!-- Linea de menor a mayor -->
+                <section>
+                    <div class="flex justify-center items-center gap-4">
+                        <span class="text-2xl">➖</span>
+                        <hr class="border-2 flex-1">
+                        <SPan class="text-2xl">➕</SPan>
+                    </div>
+                    <p class="text-center text-sm">Valores de menor a mayor</p>
+                </section>
+            </section>
+
+            <section class="flex justify-end gap-4">
+                <button id="question-save" class="cts-btn-general cts-btn-secondary btn-push">
+                    ¿Guardar datos actuales?
+                </button>
+                <button id="save-data" class="cts-btn-general cts-btn-primary btn-push hidden">
+                    Guardar
+                </button>
+                <button id="cancel-save" class="cts-btn-general cts-btn-error btn-push hidden">
+                    Cancelar
+                </button>
+                <span id="loading-data-save" class="loading loading-spinner loading-xl text-accent hidden"></span>
+            </section>
         </article>
+
+        {% include "../components/toast-container.html" %}
     </article>
 </article>
 {% endblock %}
 
 {% block extra_js %}
 <script src="{% static 'js/actions-form.js' %}"></script>
+<script src="{% static 'js/test_pf_rating_list.js' %}"></script>
 {% endblock %}

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

@@ -90,6 +90,20 @@
                 </p>
             </section>
 
+            <section
+                class="bg-surface-card flex flex-wrap items-center justify-center max-sm:justify-normal gap-x-2 p-4 rounded-2xl">
+                <p class="font-sans">
+                    <b>Repetición Actual</b> {{ repeticion }}
+                </p>
+            </section>
+
+            <section
+                class="bg-surface-card flex flex-wrap items-center justify-center max-sm:justify-normal gap-x-2 p-4 rounded-2xl">
+                <p class="font-sans">
+                    <b>Repeticiones Max.</b> {{ repeticiones_max }}
+                </p>
+            </section>
+
             <section
                 class="col-span-2 max-sm:col-span-1 bg-surface-card flex flex-wrap items-center justify-center max-sm:justify-normal gap-x-2 p-4 rounded-2xl">
                 <p class="font-bold">
@@ -205,7 +219,7 @@
             <section class="">
                 <header class="text-center">
                     <h3 class="text-xl font-bold">Tercera fase</h3>
-                    <p class="text-lg">Listas finales de Catadores</p>
+                    <p class="text-lg">Califiaciones de Catadores</p>
                 </header>
 
                 <article class="text-xl space-y-4 space-x-4 mb-4">
@@ -217,19 +231,32 @@
                     </p>
                 </article>
 
-                {% if data_ratings %}
-                <article class="overflow-x-auto py-2 space-y-4">
-                    {% for data_tester in data_ratings %}
-                    {% 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">
-                    <button id="download-csv-btn" class="cts-btn-general cts-btn-primary btn-push">
-                        Descargar datos como CSV en zip
-                    </button>
-                </div>
+                {% if repeticion == 1 %}
+                    {% if data_ratings %}
+                        {% include "../components/table_pf_all.html" with second_phase=second_phase data_ratings=data_ratings %}
+                    {% else %}
+                        {% include "../components/error-message.html" with message='Sin datos por mostrar aún' %}
+                    {% endif %}
                 {% else %}
-                {% include "../components/error-message.html" with message='Sin datos por mostrar aún' %}
+                    {% if data_ratings %}
+                        <article class="overflow-x-auto py-2 space-y-4">
+                            {% for data_tester in data_ratings %}
+                                {% 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 gap-4 flex-wrap">
+                            <button id="download-csv-btn" class="cts-btn-general cts-btn-primary btn-push">
+                                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 %}
                 {% endif %}
             </section>
         </article>
@@ -243,8 +270,10 @@
 {% endblock %}
 
 {% block extra_js %}
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js" crossorigin="anonymous"
+    referrerpolicy="no-referrer"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js" crossorigin="anonymous"
+    referrerpolicy="no-referrer"></script>
 <script src="{% static 'js/download-table-zip.js' %}"></script>
 <script src="{% static 'js/details-session.js' %}"></script>
 <script src="{% static 'js/showHiddenElement.js' %}"></script>

tecnicas/templatetags/custom_filters.py

@@ -0,0 +1,7 @@
+from django import template
+
+register = template.Library()
+
+@register.filter
+def get_item(dictionary, key):
+    return dictionary.get(key)

tecnicas/views/apis/api_list_words_pf.py

@@ -10,11 +10,18 @@ def apiListWordsPF(req:  HttpRequest):
     elif req.method == "POST":
         try:
             data = json.loads(req.body.decode("utf-8"))
-            raw_words = data.get("words", [])
             phase = data.get("phase", [])
+            if phase == 1 or phase == 2:
+                raw_words = data.get("words", [])
+                response = RatingPFListController.saveList(
+                    request=req, current_phase=phase, words=raw_words)
+
+            elif phase >= 3:
+                word = data.get("word", [])
+                raw_data = data.get("data", [])
+                response = RatingPFListController.saveRatings(
+                    request=req, word_rating=word, data=raw_data)
 
-            response = RatingPFListController.saveList(
-                request=req, current_phase=phase, words=raw_words)
             return response
         except Exception as e:
             print("Error:", e)

tecnicas/views/sessions_management/session_details.py

@@ -62,13 +62,24 @@ def sessionDetails(req: HttpRequest, session_code: str):
                     reverse("cata_system:panel_sesiones", kwargs={"page": 1}))
 
             else:
-                response = controller_view.getResponse(
+                response = controller_view.controllGetResponse(
                     error="No se reconoce la acción a realizar")
 
         elif use_techinique == "perfil flash":
             controller_view = DetallesPFController(session=sensorial_session)
-            response = controller_view.startRepetition(
-                presenter=req.user.user_presentador, request=req)
+
+            if req.POST["action"] == "start_session":
+                response = controller_view.startRepetition(
+                    presenter=req.user.user_presentador, request=req)
+
+            elif req.POST.get("action") == "delete_session":
+                controller_view.deleteSesorialSession()
+                response = redirect(
+                    reverse("cata_system:panel_sesiones", kwargs={"page": 1}))
+
+            else:
+                response = controller_view.controllGetResponse(
+                    error="No se reconoce la acción a realizar")
 
         else:
             response = noValidTechnique()