Se plasma informacion sobre una sesion en vista de detalles

tecnicas/controllers/__init__.py

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

tecnicas/controllers/detalles_sesion_controller.py

@@ -0,0 +1,46 @@
+from ..models import SesionSensorial, Presentador
+from . import CalificacionController, PalabrasController
+from ..utils import controller_error
+
+
+class DetallesSesionController():
+    @staticmethod
+    def getContextForView(session_code: str):
+        context = {}
+
+        session = SesionSensorial.objects.get(codigo_sesion=session_code)
+        context["sesion"] = session
+
+        words = PalabrasController.getWordsInTechnique(session.tecnica)
+        context["palabras"] = words
+
+        rating = CalificacionController.getRatingsByTechnique(
+            technique=session.tecnica)
+        context["calificaciones"] = rating
+
+        return context
+
+    @staticmethod
+    def startRepetition(session_code: str, username: str):
+        try:
+            creator = Presentador.objects.get(nombre_usuario=username)
+            session = SesionSensorial.objects.get(codigo_sesion=session_code)
+        except Presentador.DoesNotExist:
+            return controller_error("no existe presentador")
+        except SesionSensorial.DoesNotExist:
+            return controller_error("no existe sesión sensorial")
+
+        if creator.nombre_usuario != session.creadoPor.nombre_usuario:
+            return controller_error("solo el presentador que crea la sesión puede iniciar la repetición")
+        elif session.activo:
+            return controller_error("la sesión ya está activada")
+        elif session.tecnica.repecion == session.tecnica.repeticiones_max:
+            return controller_error("se ha alcanzado el número de repeticiones máxima")
+
+        session.activo = True
+        rep = session.tecnica.repecion
+        session.tecnica.repecion = rep + 1
+
+        session.save()
+
+        return session

tecnicas/static/js/details-session.js

@@ -0,0 +1,26 @@
+const actionForm = document.querySelector(".form-action-session");
+const notificationError = document.querySelector(".ct-notification-error");
+
+if (notificationError) {
+  setTimeout(function () {
+    notificationError.classList.add("hidden");
+  }, 2000);
+}
+
+function startRepetition() {
+  const inputAction = document.createElement("input");
+  inputAction.type = "hidden";
+  inputAction.name = "action";
+  inputAction.value = "start_session";
+
+  const inputUser = document.createElement("input");
+  inputUser.type = "hidden";
+  inputUser.name = "username";
+  inputUser.value = "pollo";
+
+  actionForm.appendChild(inputAction);
+  actionForm.appendChild(inputUser);
+
+  actionForm.classList.remove("hidden");
+  actionForm.submit();
+}

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

@@ -8,7 +8,7 @@
     <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
+                Detalles de la sesión
             </h1>
             <a href="{% url 'cata_system:index' %}">
                 <p
@@ -18,25 +18,33 @@
             </a>
         </header>
 
+        {% if error %}
+        <article class="bg-red-600 p-4 text-white rounded-xl ct-notification-error">
+            <p class="block font-sans text-white text-xl antialiased font-bold uppercase tracking-wider text-center">
+                {{ error }}
+            </p>
+        </article>
+        {% endif %}
+
         <p class="font-bold text-2xl border-b-2">
-            Infomación general
+            Informació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">
+                <p class="text-xl font-bold">
                     Código:
                 </p>
-                <p class="block font-sans text-xl antialiased font-normal">
+                <p class="font-sans text-xl 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">
+                <p class="text-xl font-bold">
                     Nombre:
                 </p>
-                <p class="block text-xl antialiased">
+                <p class="text-xl antialiased">
                     {% if sesion.nombre_sesion %}
                     {{ sesion.nombre_sesion }}
                     {% else %}
@@ -46,44 +54,71 @@
             </section>
 
             <section>
-                <p class="block text-xl antialiased font-medium">
+                <p class="text-xl font-medium">
                     Fecha creación:
                 </p>
-                <p class="block font-sans text-lg antialiased font-normal uppercase">
+                <p class="font-sans text-lg font-normal uppercase">
                     {{ sesion.fechaCreacion }}
                 </p>
             </section>
 
             <section>
-                <p class="block text-lg antialiased font-bold">
+                <p class="text-lg font-bold">
                     Estado:
                 </p>
-                <p class="block font-sans text-lg antialiased font-normal">
+                <p class="font-sans text-lg font-normal">
                     {% if sesion.activo %}
                     En proceso
                     {% else %}
-                    Listo para iniciar repeticion
+                    Listo para iniciar repetición
                     {% endif %}
                 </p>
             </section>
 
             <section>
-                <p class="block text-xl antialiased font-medium">
+                <p class="text-xl font-medium">
                     Estilo palabras:
                 </p>
-                <p class="block font-sans text-lg antialiased font-normal uppercase">
+                <p class="font-sans text-lg font-normal uppercase">
                     {{ sesion.tecnica.id_estilo }}
                 </p>
             </section>
 
             <section>
-                <p class="block text-xl antialiased font-medium">
-                    Tecnica:
+                <p class="text-xl font-medium">
+                    Técnica:
                 </p>
-                <p class="block font-sans text-lg antialiased font-normal uppercase">
+                <p class="font-sans text-lg font-normal uppercase">
                     {{ sesion.tecnica.tipo_tecnica }}
                 </p>
             </section>
+
+            <section>
+                <p class="text-xl font-medium">
+                    Rep. Hechas:
+                </p>
+                <p class="font-sans text-lg font-normal">
+                    {{ sesion.tecnica.repecion }}
+                </p>
+            </section>
+
+            <section>
+                <p class="text-xl font-medium">
+                    Rep. Max:
+                </p>
+                <p class="font-sans text-lg font-normal">
+                    {{ sesion.tecnica.repeticiones_max }}
+                </p>
+            </section>
+
+            <section class="col-span-2 max-sm:col-span-1">
+                <p class="text-xl font-bold">
+                    Instrucciones:
+                </p>
+                <p class="font-sans text-xl font-normal">
+                    {{ sesion.tecnica.instrucciones }}
+                </p>
+            </section>
         </article>
 
         <p class="font-bold text-2xl border-b-2">
@@ -107,8 +142,9 @@
         <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
+                class="ct-btn-start-repition 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"
+                onclick="startRepetition()">
+                Iniciar repetición
                 <figure class="w-10">
                     <img src="{% static 'img/giro.svg' %}" alt="flechas girando" class="invert">
                 </figure>
@@ -138,6 +174,13 @@
         <article class="bg-gray-600 p-4 text-white rounded-xl">
         </article>
         {% endif %}
+        <form action="" method="post" class="form-action-session hidden">
+            {% csrf_token %}
+        </form>
     </article>
 </article>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{% static 'js/details-session.js' %}"></script>
 {% endblock %}

tecnicas/views/session_details.py

@@ -1,21 +1,27 @@
 from django.http import HttpRequest
-from django.shortcuts import render
-from ..models import SesionSensorial
-from ..controllers import PalabrasController, CalificacionController
+from django.shortcuts import render, redirect
+from django.urls import reverse
+from ..controllers import DetallesSesionController
 
 
 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
+    context = DetallesSesionController.getContextForView(session_code)
 
+    if req.method == "GET":
         return render(req, "tecnicas/manage_sesions/detalles-sesion.html", context)
+    elif req.method == "POST":
+        if req.POST["action"] == "start_session":
+            response = DetallesSesionController.startRepetition(
+                session_code, req.POST.get("username"))
+            if isinstance(response, dict):
+                context["error"] = response["error"]
+                return render(req, "tecnicas/manage_sesions/detalles-sesion.html", context)
+
+            return redirect(reverse("cata_system:----"))
+        elif req.POST.get("action") == "delete_session":
+            pass
+        elif req.POST.get("action") == "monitor_session":
+            pass
+        else:
+            context["error"] = "no se reconoce la accion a realizar"
+            return render(req, "tecnicas/manage_sesions/detalles-sesion.html", context)