Se implementa la fase 2 de sesiones con PF

tecnicas/controllers/api_controller/rating_pf_list_controller.py

@@ -8,6 +8,57 @@ class RatingPFListController():
     def __init__(self):
         pass
 
+    @staticmethod
+    def getListWords(request: HttpRequest):
+        participation_current_tester = Participacion.objects.get(
+            id=request.session["id_participation"])
+
+        technique = participation_current_tester.tecnica
+
+        participations_testers = Participacion.objects.exclude(
+            catador=participation_current_tester.catador).filter(tecnica=technique)
+
+        all_testers = [
+            participation.catador for participation in participations_testers]
+
+        list_words_testers = list(ListaPalabras.objects.filter(
+            tecnica=technique, catador__in=all_testers, es_final=True))
+
+        if not list_words_testers:
+            return JsonResponse({"error": "Aun no hay listas finales de Catadores"})
+
+        result = []
+        for list_tester in list_words_testers:
+            try:
+                username = list_tester.catador.user.username
+            except Exception:
+                username = None
+
+            finish = [
+                participation.finalizado for participation in participations_testers if participation.catador.user.username == username][0]
+
+            status = "Lista terminada" if finish else "Lista en proceso"
+
+            words_qs = list_tester.palabras.all()
+            words = []
+            for p in words_qs:
+                nombre = getattr(p, 'nombre_palabra', None)
+                words.append({
+                    'id': getattr(p, 'id', None),
+                    'nombre_palabra': nombre
+                })
+
+            result.append({
+                'username': username,
+                'words': words,
+                'status': status
+            })
+
+        return JsonResponse({
+            "message": "Listas encontradas",
+            "lists_words": result
+        })
+
     @staticmethod
     def saveList(request: HttpRequest, words: list, current_phase: int):
         dic_words = {}
@@ -39,7 +90,7 @@ class RatingPFListController():
                     es_final=True,
                 )
 
-            added_words = addWordsToListWordsTester(
+            added_words = RatingPFListController.addWordsToListWordsTester(
                 list_words=words, list_tester=list_words_tester)
 
             response = JsonResponse({
@@ -51,43 +102,42 @@ class RatingPFListController():
 
         return response
 
+    @staticmethod
+    def addWordsToListWordsTester(list_words: list[str], list_tester: ListaPalabras):
+        # Normalizar
+        clean_words = [s.strip() for s in list_words if s.strip()]
 
-@staticmethod
-def addWordsToListWordsTester(list_words: list[str], list_tester: ListaPalabras):
-    # Normalizar
-    clean_words = [s.strip() for s in list_words if s.strip()]
-
-    # Obtener existentes
-    all_words = Palabra.objects.filter(nombre_palabra__in=clean_words)
+        # Obtener existentes
+        all_words = Palabra.objects.filter(nombre_palabra__in=clean_words)
 
-    names_words_exist = set(
-        all_words.values_list('nombre_palabra', flat=True))
+        names_words_exist = set(
+            all_words.values_list('nombre_palabra', flat=True))
 
-    # Ejecutar el query para no sumar palabras repetidas
-    all_words = list(all_words)
+        # Ejecutar el query para no sumar palabras repetidas
+        all_words = list(all_words)
 
-    # Determinar faltantes
-    missing_words = [
-        nombre for nombre in clean_words if nombre not in names_words_exist]
-    print("No save words", missing_words)
+        # Determinar faltantes
+        missing_words = [
+            nombre for nombre in clean_words if nombre not in names_words_exist]
+        print("No save words", missing_words)
 
-    created_words = []
+        created_words = []
 
-    # Intentar crear missing_words
-    for nombre in missing_words:
-        try:
-            with transaction.atomic():
-                palabra, created = Palabra.objects.get_or_create(
-                    nombre_palabra=nombre)
-                if created:
-                    created_words.append(palabra)
-        except IntegrityError:
-            palabra = Palabra.objects.get(nombre_palabra=nombre)
-            created_words.append(palabra)
+        # Intentar crear missing_words
+        for nombre in missing_words:
+            try:
+                with transaction.atomic():
+                    palabra, created = Palabra.objects.get_or_create(
+                        nombre_palabra=nombre)
+                    if created:
+                        created_words.append(palabra)
+            except IntegrityError:
+                palabra = Palabra.objects.get(nombre_palabra=nombre)
+                created_words.append(palabra)
 
-    # Combinar todas (all_words + created_words)
-    all_new_words = all_words + created_words
+        # Combinar todas (all_words + created_words)
+        all_new_words = all_words + created_words
 
-    list_tester.palabras.set(all_new_words)
+        list_tester.palabras.set(all_new_words)
 
-    return all_new_words
+        return all_new_words

tecnicas/controllers/views_controller/sessions_tester/tests_forms/test_pf_controller.py

@@ -25,6 +25,7 @@ class TestPFController(GenetalTestController):
             self.current_directory = "tecnicas/forms_tester/test_pf_list_words.html"
             response = self.getFirstPhase(request)
         elif rep == 2:
+            self.current_directory = "tecnicas/forms_tester/test_pf_list_words.html"
             response = self.getSecondPhase(request)
         elif rep >= 3:
             response = self.getRepetitionPhase(request)

tecnicas/static/js/lists-words-testers.js

@@ -0,0 +1,103 @@
+async function getListWordsTesters() {
+  const URL = "/cata/testers/api/ratingword/pf/list";
+  try {
+    const response = await fetch(URL, {
+      method: "GET",
+    });
+
+    if (!response.ok) {
+      spanNotifaction("Fallo con la respuesta recibida");
+      return false;
+    }
+
+    const result = await response.json();
+    const messError = result.error;
+    if (messError) {
+      spanNotifaction(messError);
+      const containerWords = document.querySelector(".cts-content-list-words");
+      containerWords.innerHTML = `
+            <p class="bg-surface-sweet font-bold text-center text-lg px-4 pt-2 pb-3 rounded w-full max-sm:mx-2">
+                ${messError}
+            </p>`;
+      return false;
+    }
+    spanNotifaction(result.message, false);
+    const containerWords = document.querySelector(".cts-content-list-words");
+    containerWords.innerHTML = "";
+
+    const listWordsTesters = result.lists_words;
+
+    listWordsTesters.forEach((listTester) => {
+      const username = listTester.username;
+      const words = listTester.words;
+      const status = listTester.status;
+      const listDiv = createListWords(username, words, status);
+      containerWords.appendChild(listDiv);
+    });
+
+    return true;
+  } catch (error) {
+    console.error(error);
+    spanNotifaction("Error del servidor con la API");
+    return false;
+  }
+}
+
+function createListWords(username, words, status = "indefinido") {
+  const div = document.createElement("div");
+  const paragraph = document.createElement("p");
+  const paragraphStatus = document.createElement("p");
+  const ul = document.createElement("ul");
+
+  div.classList.add(
+    "cts-item-list-tester",
+    "bg-surface-sweet",
+    "px-4",
+    "pt-2",
+    "pb-3",
+    "rounded",
+    "shrink-0",
+    "w-64",
+    "space-y-2"
+  );
+
+  paragraph.classList.add(
+    "bg-surface-card",
+    "text-lg",
+    "font-semibold",
+    "text-center",
+    "rounded"
+  );
+
+  paragraphStatus.classList.add(
+    "bg-surface-card",
+    "text-lg",
+    "font-semibold",
+    "text-center",
+    "rounded"
+  );
+
+  paragraph.textContent = username;
+  paragraphStatus.textContent = status;
+
+  ul.classList.add("text-center", "grid", "grid-cols-2", "gap-2", "w-full");
+
+  words.forEach((word) => {
+    const li = document.createElement("li");
+    li.classList.add(
+      "bg-surface-ligt",
+      "rounded",
+      "font-bold",
+      "py-1",
+      "px-2",
+      "truncate"
+    );
+    li.textContent = word.nombre_palabra;
+    ul.appendChild(li);
+  });
+
+  div.appendChild(paragraph);
+  div.appendChild(paragraphStatus);
+  div.appendChild(ul);
+  return div;
+}

tecnicas/static/js/pf-make-list.js

@@ -213,7 +213,15 @@ async function setUpFormAction() {
   FORM_ACTION.submit();
 }
 
-window.addEventListener("DOMContentLoaded", () => {
+window.addEventListener("DOMContentLoaded", async () => {
   initWordsFromBox();
   setupDescribeFormToAddWord();
+
+  const currentPhase = parseInt(
+    document.querySelector(".cts-phase-pf").dataset.phase
+  );
+
+  if (currentPhase == 2) await sendWordsToSave();
+  if (document.querySelector(".cts-content-list-words"))
+    await getListWordsTesters();
 });

tecnicas/templates/tecnicas/forms_tester/test_pf_list_words.html

@@ -32,6 +32,19 @@
         {% if error %}
         {% include "../components/error-message.html" with message=error %}
         {% endif %}
+        {% if not initial_phase %}
+        <div role="alert" class="alert alert-info">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                class="h-6 w-6 shrink-0 stroke-current">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                    d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+            </svg>
+            <span class="text-lg">
+                Para poder compartir tu nueva lista de palabras con los demás Catadores, debes usar el botón de
+                <b>“Guardar y comprobar palabras actuales”</b>
+            </span>
+        </div>
+        {% endif %}
 
         <article class="rounded flex flex-col gap-4">
             <section class="flex items-center justify-center bg-surface-ligt p-2 rounded-lg">
@@ -120,7 +133,7 @@
                 Guardar y comprobar palabras actuales
             </button>
 
-            <button type="button" class="cts-btn-general-compress cts-btn-secondary btn-push py-2 px-4 flex-1"
+            <button type="button" class="cts-btn-general cts-btn-secondary btn-push py-2 px-4 flex-1"
                 onclick="setUpFormAction()">
                 Finalizar la sesión
             </button>
@@ -144,6 +157,22 @@
             </div>
         </div>
 
+        {% if not initial_phase %}
+        <section class="space-y-4">
+            <section class="flex items-center justify-center flex-wrap gap-4 bg-surface-ligt p-2 rounded-lg">
+                <h3 class="text-xl font-bold text-center">
+                    Listas de los demás participantes
+                </h3>
+            </section>
+            <article class="cts-content-list-words bg-surface-card flex gap-4 overflow-x-auto p-2"></article>
+            <article class="flex justify-center">
+                <button class="cts-btn-general cts-btn-primary btn-push" onclick="getListWordsTesters()">
+                    Actualizar las listas
+                </button>
+            </article>
+        </section>
+        <script src="{% static 'js/lists-words-testers.js' %}"></script>
+        {% endif %}
     </article>
 </article>
 {% endblock %}

tecnicas/views/apis/api_list_words_pf.py

@@ -5,7 +5,9 @@ import json
 
 
 def apiListWordsPF(req:  HttpRequest):
-    if req.method == "POST":
+    if req.method == "GET":
+        return RatingPFListController.getListWords(request=req)
+    elif req.method == "POST":
         try:
             data = json.loads(req.body.decode("utf-8"))
             raw_words = data.get("words", [])