Se crea panel para ver informacion sobre una sesion sensorial

tecnicas/controllers/__init__.py

@@ -6,3 +6,4 @@ from .palabras_controller import PalabrasController
 from .estilo_palabras_controller import EstiloPalabrasController
 from .palabras_controller import PalabrasController
 from .sesion_controller import SesionController
+from .calificacion_controller import CalificacionController

tecnicas/controllers/calificacion_controller.py

@@ -0,0 +1,19 @@
+from ..models import Calificacion, Tecnica
+
+
+class CalificacionController():
+    @staticmethod
+    def getRatingsByTechnique(technique: Tecnica):
+        repetition = technique.repecion
+
+        if not repetition:
+            return {"error": "sin datos calficados aun"}
+
+        data_rating = {}
+
+        for i in range(repetition):
+            response_data = Calificacion.objects.filter(
+                id_tecnica=technique, num_repeticion=i+1)
+            data_rating[f"repeticion_{i+1}"] = response_data
+
+        return data_rating

tecnicas/controllers/palabras_controller.py

@@ -1,4 +1,4 @@
-from ..models import Palabra
+from ..models import Palabra, Tecnica, EsAtributo
 from django.db import DatabaseError
 from ..utils import controller_error
 
@@ -23,3 +23,9 @@ class PalabrasController():
             return self.words
         except DatabaseError as error:
             return controller_error("error al guardar buscar palabras")
+
+    @staticmethod
+    def getWordsInTechnique(technique: Tecnica):
+        es_atributo = EsAtributo.objects.get(id_tecnica=technique)
+        words = es_atributo.palabras.all()
+        return words

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

@@ -0,0 +1,143 @@
+{% extends 'tecnicas/layouts/base.html' %}
+{% load static %}
+
+{% block title %}Detalles Sesion{% endblock %}
+
+{% block content %}
+<article class="w-full flex flex-col justify-center items-center bg-gray-600 mt-10 mb-10">
+    <article class="flex flex-col gap-8 bg-gray-400 p-10 rounded-2xl">
+        <header class="text-center flex-row w-full flex justify-around items-center flex-wrap gap-10">
+            <h1 class="text-white rounded-xl font-bold text-2xl bg-gray-600 p-4 flex-1">
+                Detalles de la session
+            </h1>
+            <a href="{% url 'cata_system:index' %}">
+                <p
+                    class="uppercase text-lg tracking-wider font-medium p-2 px-4 border-b-2 active:border-b-0 active:border-t-2 active:border-blue-500 border-blue-800  transition-all rounded-xl bg-blue-600 text-white">
+                    Panel principal
+                </p>
+            </a>
+        </header>
+
+        <p class="font-bold text-2xl border-b-2">
+            Infomación general
+        </p>
+        <article
+            class="text-white rounded-xl grid grid-cols-2 max-sm:grid-cols-1 gap-3 *:bg-gray-500 *:flex *:flex-wrap *:items-center *:justify-center *:max-sm:justify-normal *:gap-x-2 *:p-4 *:rounded-2xl">
+            <section class="col-span-2 max-sm:col-span-1">
+                <p class="block text-xl antialiased font-bold">
+                    Código:
+                </p>
+                <p class="block font-sans text-xl antialiased font-normal">
+                    {{ sesion.codigo_sesion }}
+                </p>
+            </section>
+
+            <section class="col-span-2 max-sm:col-span-1">
+                <p class="block text-xl antialiased font-bold">
+                    Nombre:
+                </p>
+                <p class="block text-xl antialiased">
+                    {% if sesion.nombre_sesion %}
+                    {{ sesion.nombre_sesion }}
+                    {% else %}
+                    Sin nombre
+                    {% endif %}
+                </p>
+            </section>
+
+            <section>
+                <p class="block text-xl antialiased font-medium">
+                    Fecha creación:
+                </p>
+                <p class="block font-sans text-lg antialiased font-normal uppercase">
+                    {{ sesion.fechaCreacion }}
+                </p>
+            </section>
+
+            <section>
+                <p class="block text-lg antialiased font-bold">
+                    Estado:
+                </p>
+                <p class="block font-sans text-lg antialiased font-normal">
+                    {% if sesion.activo %}
+                    En proceso
+                    {% else %}
+                    Listo para iniciar repeticion
+                    {% endif %}
+                </p>
+            </section>
+
+            <section>
+                <p class="block text-xl antialiased font-medium">
+                    Estilo palabras:
+                </p>
+                <p class="block font-sans text-lg antialiased font-normal uppercase">
+                    {{ sesion.tecnica.id_estilo }}
+                </p>
+            </section>
+
+            <section>
+                <p class="block text-xl antialiased font-medium">
+                    Tecnica:
+                </p>
+                <p class="block font-sans text-lg antialiased font-normal uppercase">
+                    {{ sesion.tecnica.tipo_tecnica }}
+                </p>
+            </section>
+        </article>
+
+        <p class="font-bold text-2xl border-b-2">
+            Palabras usadas para calificar
+        </p>
+        <article
+            class="text-white rounded-xl grid grid-cols-4 max-sm:grid-cols-1 gap-3 *:bg-gray-500 *:flex *:items-center *:justify-center *:gap-x-2 *:p-4 *:rounded-2xl">
+            {% for palabra in palabras %}
+            <section>
+                <p class="block text-xl antialiased font-medium">
+                    {{ palabra.nombre_palabra }}
+                </p>
+            </section>
+            {% endfor %}
+        </article>
+
+
+        <p class="font-bold text-2xl border-b-2">
+            Acciones disponibles
+        </p>
+        <article class="flex flex-wrap gap-10">
+            {% if not sesion.activo %}
+            <button
+                class="flex-1 uppercase text-lg tracking-wider p-4 border-b-2 active:border-b-0 active:border-t-2 active:border-green-500 border-green-800  transition-all rounded-xl bg-green-600 text-white font-bold disabled:bg-amber-600 flex flex-col justify-center items-center gap-2">
+                Inicar repeticion
+                <figure class="w-10">
+                    <img src="{% static 'img/giro.svg' %}" alt="flechas girando" class="invert">
+                </figure>
+            </button>
+            {% endif %}
+
+            <button
+                class="flex-1 uppercase text-lg tracking-wider p-4 border-b-2 active:border-b-0 active:border-t-2 active:border-red-500 border-red-800 transition-all rounded-xl bg-red-600 text-white font-bold disabled:bg-amber-600 flex flex-col justify-center items-center gap-2">
+                borrar
+                <figure class="w-10">
+                    <img src="{% static 'img/basura.svg' %}" alt="bote de basura" class="invert">
+                </figure>
+            </button>
+        </article>
+
+        <p class="font-bold text-2xl border-b-2">
+            Datos obtenidos
+        </p>
+
+        {% if calificaciones.error %}
+        <article class="bg-gray-600 p-4 text-white rounded-xl">
+            <p class="block font-sans text-xl antialiased font-normal uppercase tracking-wider text-center">
+                {{ calificaciones.error }}
+            </p>
+        </article>
+        {% else %}
+        <article class="bg-gray-600 p-4 text-white rounded-xl">
+        </article>
+        {% endif %}
+    </article>
+</article>
+{% endblock %}

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

@@ -19,7 +19,8 @@
 
         <section class="grid grid-cols-3 gap-4">
             {% for sesion in sessions %}
-            <article class="p-4 bg-gray-200 flex flex-row gap-2 justify-center items-center rounded-lg">
+            <a href="{% url 'cata_system:detalles_sesion' session_code=sesion.codigo_sesion %}"
+                class="p-4 bg-gray-200 flex flex-row gap-2 justify-center items-center rounded-lg border-b-4 border-blue-500">
                 <div class="text-right *:not-last:mb-2">
                     {% if sesion.nombre_sesion %}
                     <p><b>Nombre:</b></p>
@@ -38,7 +39,7 @@
                     <p class="uppercase">{{ sesion.tecnica.tipo_tecnica.nombre_tecnica }}</p>
                     <p class="uppercase">{{ sesion.tecnica.id_estilo.nombre_estilo }}</p>
                 </div>
-            </article>
+            </a>
             {% endfor %}
         </section>
 

tecnicas/urls.py

@@ -6,18 +6,73 @@ from . import views
 app_name = "cata_system"
 urlpatterns = [
     path("", views.mainPanel, name="index"),
-    path("autenticacion", views.autentication, name="autenticacion"),
-    path("catador-login", views.catadorLogin, name="catador_login"),
-    path("panel-catadores", views.managementCatadores, name="panel_catadores"),
-    path("panel-sesiones/<int:page>", views.sesionsPanel, name="panel_sesiones"),
-    path("seleccion-tecnica", views.selecionTecnica, name="seleccion_tecnica"),
-    path("panel-configuracion-basic", views.configurationPanelBasic, name="panel_configuracion_basic"),
-    path("panel-configuracion-tags", views.configurationPanelTags, name="panel_configuracion_tags"),
-    path("panel-configuracion-codes", views.configurationPanelCodes, name="panel_configuracion_codes"),
-    path("panel-configuracion-words", views.configurationPanelWords, name="panel_configuracion_words"),
-    path("creando-sesion", views.createSession, name="creando_sesion"),
-    path("nueva-etiqueta", views.newTag, name="nueva_etiqueta"),
-    path("crear-catador", views.testerCreate, name="crear_catador"),
-    path("buscar-catador", views.testerSearch, name="buscar_catador"),
-    path("api/palabras", views.words, name="api_palabras"),
-]
+
+    # Atentificacion
+    path("autenticacion",
+         views.autentication,
+         name="autenticacion"),
+
+    path("catador-login",
+         views.catadorLogin,
+         name="catador_login"),
+
+
+    # Gestion de catadores
+    path("panel-catadores",
+         views.managementCatadores,
+         name="panel_catadores"),
+
+    path("crear-catador",
+         views.testerCreate,
+         name="crear_catador"),
+
+    path("buscar-catador",
+         views.testerSearch,
+         name="buscar_catador"),
+
+
+    # Creacion de sessiones sensoriales
+    path("seleccion-tecnica",
+         views.selecionTecnica,
+         name="seleccion_tecnica"),
+
+    path("panel-configuracion-basic",
+         views.configurationPanelBasic,
+         name="panel_configuracion_basic"),
+
+    path("panel-configuracion-tags",
+         views.configurationPanelTags,
+         name="panel_configuracion_tags"),
+
+    path("panel-configuracion-codes",
+         views.configurationPanelCodes,
+         name="panel_configuracion_codes"),
+
+    path("panel-configuracion-words",
+         views.configurationPanelWords,
+         name="panel_configuracion_words"),
+
+    path("creando-sesion",
+         views.createSession,
+         name="creando_sesion"),
+
+
+    # Gestion de sesiones sensoriales
+    path("panel-sesiones/<int:page>",
+         views.sesionsPanel,
+         name="panel_sesiones"),
+
+    path("detalles-sesion/<str:session_code>",
+         views.sessionDetails,
+         name="detalles_sesion"),
+
+
+    # APIs
+    path("nueva-etiqueta",
+         views.newTag,
+         name="nueva_etiqueta"),
+
+    path("api/palabras",
+         views.words,
+         name="api_palabras"),
+]

tecnicas/views/__init__.py

@@ -12,4 +12,5 @@ from .api_tag import newTag
 from .tester_create import testerCreate
 from .tester_search import testerSearch
 from .api_words import words
-from .create_session import createSession
+from .create_session import createSession
+from .session_details import sessionDetails

tecnicas/views/session_details.py

@@ -0,0 +1,21 @@
+from django.http import HttpRequest
+from django.shortcuts import render
+from ..models import SesionSensorial
+from ..controllers import PalabrasController, CalificacionController
+
+
+def sessionDetails(req: HttpRequest, session_code: str):
+    if req.method == "GET":
+        context = {}
+
+        sesion = SesionSensorial.objects.get(codigo_sesion=session_code)
+        context["sesion"] = sesion
+
+        words = PalabrasController.getWordsInTechnique(sesion.tecnica)
+        context["palabras"] = words
+
+        rating = CalificacionController.getRatingsByTechnique(
+            technique=sesion.tecnica)
+        context["calificaciones"] = rating
+
+        return render(req, "tecnicas/manage_sesions/detalles-sesion.html", context)