Merge pull request #35 from CascoArcilla/HU7

Creado vista de detalles basico para sesion con PF

tecnicas/controllers/__init__.py

@@ -22,6 +22,7 @@ from .views_controller.session_management.details_controller import DetallesCont
 from .views_controller.session_management.details_escala_controller import DetallesEscalasController
 from .views_controller.session_management.details_rata_controller import DetallesRATAController
 from .views_controller.session_management.details_cata_controller import DetallesCATAController
+from .views_controller.session_management.details_pf_controller import DetallesPFController
 from .views_controller.session_management.monitor_controller import MonitorController
 from .views_controller.session_management.monitor_escalas_controller import MonitorEscalasController
 from .views_controller.session_management.monitor_rata_controller import MonitorRATAController

tecnicas/controllers/views_controller/session_management/details_cata_controller.py

@@ -1,8 +1,6 @@
-from django.http import HttpRequest
-from django.shortcuts import render, redirect
 from django.db.models import F
 from tecnicas.models import SesionSensorial, Calificacion, ValorBooleano
-from tecnicas.controllers import PalabrasController, DatoController
+from tecnicas.controllers import PalabrasController
 from tecnicas.utils import defaultdict_to_dict
 from .details_controller import DetallesController
 from collections import defaultdict

tecnicas/controllers/views_controller/session_management/details_pf_controller.py

@@ -0,0 +1,52 @@
+from tecnicas.models import SesionSensorial
+from .details_controller import DetallesController
+
+
+class DetallesPFController(DetallesController):
+    def __init__(self, session: SesionSensorial):
+        super().__init__(session)
+        self.url_template = "tecnicas/manage_sesions/details-session-pf.html"
+        self.url_next = "cata_system:monitor_sesion"
+
+    def getContext(self):
+        technique = self.session.tecnica
+
+        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
+        }
+
+        # Definir el estado de la sesion
+        rep = technique.repeticion
+        activate = self.session.activo
+
+        self.context["estado"] = self.getStatus(rep, activate)
+
+        return self.context
+
+    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

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

@@ -0,0 +1,197 @@
+{% extends 'tecnicas/layouts/base.html' %}
+{% load static %}
+
+{% block title %}Detalles Sesion{% endblock %}
+
+{% block content %}
+<article class="cts-container-main">
+    <article class="cts-wrap-content relative max-w-4xl">
+        <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>
+            <a href="{% url 'cata_system:panel_sesiones' page=1 %}">
+                <button class="cts-btn-general cts-btn-error btn-push">
+                    Volver a las Sesiones
+                </button>
+            </a>
+        </header>
+
+        {% if message %}
+        {% include "../components/error-message.html" with message=message %}
+        {% endif %}
+        {% if error %}
+        {% include "../components/error-message.html" with message=error %}
+        {% endif %}
+
+        <p class="text-black font-bold text-2xl border-b-2">
+            Información general
+        </p>
+        <article
+            class="text-black rounded-xl grid grid-cols-2 max-sm:grid-cols-1 gap-3 max-sm:gap-1  text-xl max-sm:text-base">
+            <section
+                class="col-span-2 max-sm:col-span-1 bg-surface-ligt flex flex-wrap items-center justify-center max-sm:justify-normal gap-x-2 p-4 rounded-2xl">
+                <p class="font-bold">
+                    Código:
+                </p>
+                <p class="font-sans">
+                    {{ sesion.codigo_sesion }}
+                </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">
+                    Nombre:
+                </p>
+                <p class="antialiased">
+                    {% if sesion.nombre_sesion %}
+                    {{ sesion.nombre_sesion }}
+                    {% else %}
+                    Sin nombre
+                    {% endif %}
+                </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-bold">
+                    Fecha creación:
+                </p>
+                <p class="font-sans font-normal uppercase">
+                    {{ sesion.fechaCreacion }}
+                </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-bold">
+                    Estado:
+                </p>
+                <p class="font-sans text-lg max-sm:text-base font-normal">
+                    {{ estado }}
+                </p>
+            </section>
+
+            <section
+                class="bg-surface-ligt flex flex-wrap items-center justify-center max-sm:justify-normal gap-x-2 p-4 rounded-2xl">
+                <p class="font-bold">
+                    Técnica:
+                </p>
+                <p class="font-sans text-lg max-sm:text-base font-normal uppercase">
+                    {{ sesion.tecnica.tipo_tecnica }}
+                </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>Catadores Max.</b> {{ use_technique.limite_catadores }}
+                </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">
+                    Instrucciones:
+                </p>
+                <p class="font-sans text-xl max-sm:text-base font-normal">
+                    {{ sesion.tecnica.instrucciones }}
+                </p>
+            </section>
+        </article>
+
+        <p class="text-black font-bold text-2xl border-b-2">
+            Acciones disponibles
+        </p>
+        <article class="flex flex-wrap gap-10 max-sm:gap-2">
+            {% if not sesion.activo %}
+            <button
+                class="ct-btn-start-repition flex-1 uppercase text-lg max-sm:text-base 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"
+                onclick="startRepetition()">
+                Iniciar fase o repetición
+                <figure class="w-10">
+                    <img src="{% static 'img/giro.svg' %}" alt="flechas girando" class="invert">
+                </figure>
+            </button>
+            {% else %}
+            <a href="{% url 'cata_system:monitor_sesion' session_code=sesion.codigo_sesion %}" class="flex-1 w-fit">
+                <button
+                    class="ct-btn-start-repition w-full uppercase text-lg max-sm:text-base tracking-wider p-4 border-b-2 active:border-b-0 active:border-t-2 active:border-orange-500 border-orange-800  transition-all rounded-xl bg-orange-600 text-white font-bold disabled:bg-amber-600 flex flex-col justify-center items-center gap-2">
+                    Monitorear repetición
+                    <figure class="w-10">
+                        <img src="{% static 'img/monitor.svg' %}" alt="flechas girando" class="invert">
+                    </figure>
+                </button>
+            </a>
+            {% endif %}
+            <button
+                class="flex-1 uppercase text-lg cts-btn-general cts-btn-error btn-push flex flex-col justify-center items-center gap-2"
+                onclick="showWarningDialog('cts-warnig-dialog')">
+                borrar
+                <figure class="w-10">
+                    <img src="{% static 'img/basura.svg' %}" alt="bote de basura" class="invert">
+                </figure>
+            </button>
+        </article>
+
+        <section
+            class="absolute w-full h-full flex justify-center items-center bg-surface-alter-card/70 top-0 left-0 p-6 rounded-xl cts-warnig-dialog hidden">
+            <article class="bg-surface-card p-4 space-y-6 rounded-xl">
+                <h2 class="text-4xl text-black text-center">
+                    ¡¡¡Cuidado!!!
+                </h2>
+                <p class="text-2xl text-black text-center">
+                    Esta acción no es reversible, si la continua también borrara todos los datos recopilados
+                    relacionados a esta sesión y no podrá volver a recuperarlos
+                </p>
+                <section class="text-black font-bold text-xl space-y-4">
+                    <p class="text-center">
+                        ¿Estás seguro de continuar?
+                    </p>
+                    <div class="flex max-sm:flex-col gap-4 justify-center">
+                        <button class="cts-btn-general cts-btn-error btn-push" onclick="deleteSession()">
+                            Estoy seguro
+                        </button>
+                        <button class="cts-btn-general cts-btn-primary btn-push"
+                            onclick="hiddenWarningDialog('cts-warnig-dialog')">
+                            No, cancelar
+                        </button>
+                    </div>
+                </section>
+            </article>
+        </section>
+
+        <p class="text-black font-bold text-2xl border-b-2">
+            Datos obtenidos
+        </p>
+
+        <article class="bg-surface-card p-4 max-sm:px-2 text-black rounded">
+            <section class="text-xl space-y-4 space-x-4 mb-4">
+                <p class="inline italic underline font-semibold">
+                    Se usa una escala <b>{{ tipo_escala }}</b> para calificar
+                </p>
+                <p class="inline italic underline font-semibold">
+                    El valor máximo por calificación es <b>{{ valor_max }}</b>
+                </p>
+            </section>
+            {% if existen_calificaciones %}
+            {% include "../components/table_cata.html" with calificaciones=calificaciones palabras=palabras
+            sesion=sesion %}
+            {% else %}
+            {% include "../components/error-message.html" with message='Sin calificaciones que mostrar aún' %}
+            {% endif %}
+        </article>
+
+        <form action="" method="post" class="form-action-session hidden">
+            <input type="hidden" name="action" class="action-option">
+            {% csrf_token %}
+        </form>
+    </article>
+</article>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{% static 'js/details-session.js' %}"></script>
+<script src="{% static 'js/showHiddenElement.js' %}"></script>
+{% endblock %}

tecnicas/views/sessions_management/session_details.py

@@ -3,7 +3,7 @@ from django.shortcuts import redirect
 from django.urls import reverse
 from tecnicas.models import SesionSensorial
 from tecnicas.utils import noValidTechnique
-from tecnicas.controllers import DetallesEscalasController, DetallesCATAController
+from tecnicas.controllers import DetallesEscalasController, DetallesCATAController, DetallesPFController
 
 
 def sessionDetails(req: HttpRequest, session_code: str):
@@ -22,11 +22,18 @@ def sessionDetails(req: HttpRequest, session_code: str):
                 session=sensorial_session)
             response = controller_view.controllGetResponse(
                 request=req, message=message)
+
         elif use_techinique == "cata":
             controller_view = DetallesCATAController(
                 session=sensorial_session)
             response = controller_view.controllGetResponse(
                 request=req, message=message)
+
+        elif use_techinique == "perfil flash":
+            controller_view = DetallesPFController(session=sensorial_session)
+            response = controller_view.controllGetResponse(
+                request=req, message=message)
+
         else:
             response = noValidTechnique(
                 params={"page": 1},
@@ -36,7 +43,7 @@ def sessionDetails(req: HttpRequest, session_code: str):
                 name_view="cata_system:panel_sesiones"
             )
         return response
-    
+
     elif req.method == "POST":
         sensorial_session = SesionSensorial.objects.get(
             codigo_sesion=session_code)
@@ -55,6 +62,9 @@ def sessionDetails(req: HttpRequest, session_code: str):
             else:
                 response = controller_view.getResponse(
                     error="No se reconoce la acción a realizar")
+        elif use_techinique == "perfil flash":
+            response = JsonResponse(
+                {"message": "Estoy trabajando en la funcionalidad que eligio"})
         else:
             response = noValidTechnique()