En las tablas de repeticion se aseguran que el valor coincida con el encabezado

tecnicas/controllers/views_controller/detalles_sesion_controller.py

@@ -31,7 +31,7 @@ class DetallesSesionController():
 
         self.words = PalabrasController.getWordsInTechnique(
             self.session.tecnica)
-        self.context["palabras"] = self.words
+        self.context["palabras"] = [word.nombre_palabra for word in self.words]
 
     def getContextWithData(self):
         ratings_for_repetition = []

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

@@ -0,0 +1,47 @@
+<section>
+    <h2 class="text-lg font-bold mb-3">Repetición {{ repeticion }}</h2>
+
+    <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 class="py-2 px-3 border border-surface-general">Usuario</th>
+                    <th class="py-2 px-3 border border-surface-general">Producto</th>
+                    {% for palabra in palabras %}
+                    <th class="py-2 px-3 border border-surface-general uppercase">{{ palabra }}</th>
+                    {% endfor %}
+                </tr>
+            </thead>
+            <tbody class="bg-surface-ligt divide-y divide-gray-200">
+                {% for usuario, productos in catadores.items %}
+                {% for codigo, valores in productos.items %}
+                <tr>
+                    <td class="py-2 px-3 border border-surface-general">{{ usuario }}</td>
+                    <td class="py-2 px-3 border border-surface-general">{{ codigo }}</td>
+                    {% for palabra in palabras %}
+                    <td class="py-2 px-3 border border-surface-general">
+                        {% with match=None %}
+                        {% for valor in valores %}
+                        {% if valor.nombre_palabra == palabra %}
+                        {{ palabra }} <br>
+                        {{ valor.dato_valor }}
+                        {% with match=True %}{% endwith %}
+                        {% endif %}
+                        {% endfor %}
+                        {% if not match %}0{% endif %}
+                        {% endwith %}
+                    </td>
+                    {% endfor %}
+                </tr>
+                {% endfor %}
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+
+    <div class="flex justify-end mt-3">
+        <button class="cts-btn-general cts-btn-primary btn-push">
+            Descargar CSV
+        </button>
+    </div>
+</section>

tecnicas/templates/tecnicas/manage_sesions/detalles-sesion.html

@@ -6,7 +6,7 @@
 {% block content %}
 <article class="cts-container-main">
     <article class="cts-wrap-content">
-        <header class="text-center flex-row w-full flex justify-around items-center flex-wrap gap-10">
+        <header class="text-center flex-row max-sm:flex-col w-full flex justify-around items-center flex-wrap gap-10">
             <h1 class="text-black rounded-xl font-bold text-2xl bg-surface-card shadow-lg p-4 flex-1">
                 Detalles de la sesión
             </h1>
@@ -108,7 +108,7 @@
             </section>
 
             <section>
-                <p class="font-medium">
+                <p class="font-bold">
                     Rep. Max:
                 </p>
                 <p class="font-sans text-lg max-sm:text-base font-normal">
@@ -134,7 +134,7 @@
             {% for palabra in palabras %}
             <section>
                 <p class="block text-black text-xl antialiased font-medium">
-                    {{ palabra.nombre_palabra }}
+                    {{ palabra }}
                 </p>
             </section>
             {% endfor %}
@@ -180,52 +180,9 @@
         </p>
 
         {% if existen_calificaciones %}
-        <article class="bg-surface-card p-4 text-black rounded-xl space-y-10">
+        <article class="bg-surface-card p-4 max-sm:px-2 text-black rounded">
             {% for repeticion, catadores in calificaciones.items %}
-            <section class="p-4 space-y-4">
-                <h2 class="text-lg font-bold mb-3">Repetición {{ repeticion }}</h2>
-
-                <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 class="py-2 px-3 border border-surface-general">Usuario</th>
-                                <th class="py-2 px-3 border border-surface-general">Producto</th>
-                                {% for palabra in palabras %}
-                                <th class="py-2 px-3 border border-surface-general uppercase">{{ palabra }}</th>
-                                {% endfor %}
-                            </tr>
-                        </thead>
-                        <tbody class="bg-surface-ligt divide-y divide-gray-200">
-                            {% for usuario, productos in catadores.items %}
-                            {% for codigo, valores in productos.items %}
-                            <tr>
-                                <td class="py-2 px-3 border border-surface-general">{{ usuario }}</td>
-                                <td class="py-2 px-3 border border-surface-general">{{ codigo }}</td>
-                                {% for valor in valores %}
-                                <td class="py-2 px-3 border border-surface-general">
-                                    {% if valor.dato_valor %}
-                                    {{ valor.nombre_palabra }} <br>
-                                    {{ valor.dato_valor }}
-                                    {% else %}
-                                    0
-                                    {% endif %}
-                                </td>
-                                {% endfor %}
-                            </tr>
-                            {% endfor %}
-                            {% endfor %}
-                        </tbody>
-                    </table>
-                </div>
-
-                <div class="flex justify-end mt-3">
-                    <button
-                        class="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-lg shadow transition">
-                        Descargar CSV
-                    </button>
-                </div>
-            </section>
+            {% include "../components/table-convencional.html" with repeticion=repeticion catadores=catadores palabras=palabras %}
             {% endfor %}
         </article>
         {% else %}

tecnicas/templates/tecnicas/manage_sesions/sesiones-panel.html

@@ -22,7 +22,7 @@
         <section class="grid grid-cols-3 max-lg:grid-cols-2 max-sm:grid-cols-1 w-full gap-4 justify-center">
             {% for sesion in sessions %}
             <div class="card bg-surface-card shadow-lg text-black sm:max-w-80 w-full flex justify-center items-center">
-                <div class="card-body flex flex-col justify-between">
+                <div class="card-body flex flex-col justify-between w-full">
                     <div class="flex flex-col gap-1 [&>*]:first:text-xl [&>*]:first:font-bold [&>*]:first:border-b">
                         {% if sesion.nombre_sesion %}
                         <h2>{{ sesion.nombre_sesion }}</h2>