Ingreso de Catador a sesion con CATA

tecnicas/controllers/views_controller/sessions_tester/init_session_tester_controller.py

@@ -13,6 +13,7 @@ class InitSessionTesterController():
     order: Orden | dict
     current_direction = "tecnicas/forms_tester/init_session.html"
     escalas_direction = "cata_system:session_convencional"
+    cata_cirection = "cata_system:session_cata"
 
     def __init__(self, sensorial_session: SesionSensorial, user_tester: Catador):
         self.tester = user_tester
@@ -65,13 +66,19 @@ class InitSessionTesterController():
                 return render(request, self.current_direction, context)
 
             request.session["id_participation"] = update_participation.id
+
+            if self.session.tecnica.tipo_tecnica.nombre_tecnica == "cata":
+                return redirect(reverse(self.cata_cirection, kwargs=parameters))
+            
             return redirect(reverse(self.escalas_direction, kwargs=parameters))
+
         elif request.POST["action"] == "exit_session":
             response = ParticipacionController.outSession(
                 tester=request.user.user_catador, session=self.session)
             if isinstance(response, dict):
                 context["error"] = response["error"]
             return render(request, self.current_direction, context)
+
         else:
             context["error"] = "Acción sin especificar"
             return render(request, self.current_direction, context)

tecnicas/static/js/test-cata.js

@@ -0,0 +1,21 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const form = document.getElementById("wordsForm");
+
+  form.addEventListener("submit", (e) => {
+    e.preventDefault(); // prevenimos envío por defecto
+    const checkboxes = form.querySelectorAll('input[type="checkbox"]');
+    const unchecked = Array.from(checkboxes).filter((cb) => !cb.checked);
+
+    if (unchecked.length > 0) {
+      const confirmLeaveBlank = confirm(
+        "Algunas palabras no han sido marcadas. ¿Deseas continuar dejando esas casillas en blanco?"
+      );
+
+      if (!confirmLeaveBlank) {
+        return;
+      }
+    }
+
+    // form.submit();
+  });
+});

tecnicas/templates/tecnicas/forms_tester/cata.html

@@ -7,7 +7,7 @@
 {% block content %}
 <article class="cts-container-main">
     <article class="cts-wrap-content text-black">
-        <header class="text-center flex-row w-full items-stretch flex justify-around flex-wrap gap-2">
+        <header class="text-center flex-row max-sm:flex-col 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
                 <span class="uppercase">{{ session.tecnica.tipo_tecnica }}</span>
@@ -61,61 +61,34 @@
                     </p>
                 </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>
         </article>
 
-        <article class="words-check-container w-full max-w-3xl mx-auto p-6 bg-base-200 rounded-xl shadow-lg">
+        <article
+            class="words-check-container bg-surface-card w-full max-w-3xl mx-auto p-6 bg-base-200 rounded-xl shadow-lg">
             <form id="wordsForm" method="POST" class="flex flex-col gap-4">
                 {% csrf_token %}
-                {% for word in words %}
-                <label
-                    class="flex items-center justify-between bg-base-100 p-4 rounded-lg shadow-sm hover:shadow-md transition-all">
-                    <span class="text-lg font-medium">{{ word }}</span>
-                    <input type="checkbox" name="word_{{ word.id }}" class="checkbox checkbox-primary"
-                        data-word-id="{{ word.id }}" />
-                </label>
-                {% empty %}
-                <p class="text-center text-gray-500">No hay palabras disponibles.</p>
-                {% endfor %}
-
-                <button type="submit" class="btn btn-primary mt-6">
+                <div class="grid lg:grid-cols-4 md:grid-cols-3 grid-cols-2 gap-4">
+                    {% for word in words %}
+                    <label
+                        class="flex items-center justify-between bg-surface-sweet p-4 gap-2 rounded-lg shadow-sm hover:shadow-md transition-all">
+                        <span class="text-lg font-medium">{{ word }}</span>
+                        <input type="checkbox" name="word_{{ word.id }}" class="checkbox checkbox-md checkbox-secondary"
+                            data-word-id="{{ word.id }}" />
+                    </label>
+                    {% empty %}
+                    <p class="text-center text-gray-500">No hay palabras disponibles.</p>
+                    {% endfor %}
+                </div>
+                <button type="submit" class="cts-btn-general cts-btn-primary btn-push mt-6">
                     Enviar calificaciones
                 </button>
             </form>
         </article>
     </article>
 </article>
-
-<script>
-    document.addEventListener("DOMContentLoaded", () => {
-        const form = document.getElementById("wordsForm")
-
-        form.addEventListener("submit", (e) => {
-            e.preventDefault() // prevenimos envío por defecto
-            const checkboxes = form.querySelectorAll('input[type="checkbox"]')
-            const unchecked = Array.from(checkboxes).filter(cb => !cb.checked)
-
-            if (unchecked.length > 0) {
-                const confirmLeaveBlank = confirm(
-                    "Algunas palabras no han sido marcadas. ¿Deseas continuar dejando esas casillas en blanco?"
-                )
-
-                if (!confirmLeaveBlank) {
-                    return
-                }
-            }
-
-            form.submit()
-        })
-    });
-</script>
 {% endblock %}
 
 {% block extra_js %}
 <script src="{% static 'js/actions-form.js' %}"></script>
+<script src="{% static 'js/test-cata.js' %}"></script>
 {% endblock %}

tecnicas/views/tester_forms/init_tester_form.py

@@ -28,8 +28,9 @@ def initTesterForm(req: HttpRequest, code_sesion: str):
 
         return response
     elif req.method == "POST":
-        if type_technique == "escalas" or type_technique == "rata":
+        if type_technique == "escalas" or type_technique == "rata" or type_technique == "cata":
             response = view_controller.controllPostEscalas(request=req)
+
         else:
             context = {
                 "session": session,