Tratar errores al crear sesion del cliente, inicio de orquesta para crear sesion con escalas

tecnicas/controllers/tecnica_controller.py

@@ -1,16 +1,28 @@
-from ..models import TipoTecnica, CategoriaTecnica, Tecnica
+from ..models import TipoTecnica, CategoriaTecnica, Tecnica, EstiloPalabra
 
 
 class TecnicaController():
     def setTechnique(self, **kwargs):
-        self.technique = Tecnica.objects.create(
+        self.technique = Tecnica(
             tipo_tecnica=kwargs["tipo_tecnica"],
+            id_estilo=kwargs["estilo_palabras"],
             repeticiones_max=kwargs["numero_repeticiones"] or 0,
             limite_catadores=kwargs["numero_catadores"],
             instrucciones=kwargs["instrucciones"],
-            id_estilo=kwargs["estilo_palabras"],
         )
 
+    def setTechniqueFromBasicData(self, basic):
+        self.technique = Tecnica(
+            tipo_tecnica=TipoTecnica.objects.get(id=basic["id_tecnica"]),
+            id_estilo=EstiloPalabra.objects.get(id=basic["estilo_palabras"]),
+            repeticiones_max=basic["numero_repeticiones"] or 0,
+            limite_catadores=basic["numero_catadores"],
+            instrucciones=basic["instrucciones"] or "Espere instrucciones del Presentador",
+        )
+
+    def getDataTechnique(self):
+        return self.technique.toDict()
+
     @staticmethod
     def getTypesTechnique():
         showTecnicas = {}

tecnicas/models/tecnica.py

@@ -3,13 +3,26 @@ from django.db import models
 from .estilo_palabra import EstiloPalabra
 from .tipo_tecnica import TipoTecnica
 
+
 class Tecnica(models.Model):
-    tipo_tecnica = models.ForeignKey(TipoTecnica, on_delete=models.CASCADE, related_name="tecnica_tipo_tecnica")
+    tipo_tecnica = models.ForeignKey(
+        TipoTecnica, on_delete=models.CASCADE, related_name="tecnica_tipo_tecnica")
     repeticiones_max = models.IntegerField(default=0)
     repecion = models.IntegerField(default=0)
     limite_catadores = models.IntegerField()
     instrucciones = models.CharField(max_length=255)
-    id_estilo = models.ForeignKey(EstiloPalabra, on_delete=models.CASCADE, related_name="estilo_tecnica")
+    id_estilo = models.ForeignKey(
+        EstiloPalabra, on_delete=models.CASCADE, related_name="estilo_tecnica")
 
     def __str__(self):
-        return self.tipo_tecnica
+        return self.tipo_tecnica
+
+    def toDict(self):
+        return {
+            "tipo_tecnica": self.tipo_tecnica,
+            "repeticiones_max": self.repeticiones_max,
+            "repecion": self.repecion,
+            "limite_catadores": self.limite_catadores,
+            "instrucciones": self.instrucciones,
+            "id_estilo": self.id_estilo,
+        }

tecnicas/static/js/create-session.js

@@ -0,0 +1,124 @@
+const formSubmit = document.querySelector(".ct-cretae-session-form");
+
+document.addEventListener("DOMContentLoaded", () => {
+  setTimeout(() => {
+    cretaeSession();
+  }, 1000);
+});
+
+async function cretaeSession() {
+  const dataForm = new FormData(formSubmit);
+  const url = `creando-sesion`;
+
+  try {
+    const respone = await fetch(url, {
+      method: "POST",
+      headers: {
+        "X-CSRFToken": dataForm.get("csrfmiddlewaretoken"),
+      },
+      body: dataForm,
+    });
+
+    const jsonResponse = await respone.json();
+
+    if (jsonResponse.error) {
+      renderElementsResponse({ error: jsonResponse.error });
+      return;
+    }
+
+    const data = jsonResponse["data"];
+    renderElementsResponse({ sessionId: data["session_id"] });
+  } catch (error) {
+    renderElementsResponse({ error: jsonResponse.error });
+  }
+}
+
+function renderElementsResponse({ sessionId = "No id", error = false }) {
+  const container = document.querySelector(".ct-message-create");
+  const loadElement = document.querySelector(".ct-load-create");
+
+  const p = document.createElement("p");
+  p.classList.add("text-2xl", "text-white", "text-center", "font-bold");
+  const idSession = document.createElement("p");
+  idSession.classList.add("text-lg", "text-white", "text-center", "font-bold");
+  const pHelp = document.createElement("p");
+
+  // ******************************** //
+  // Mostrar el error que ha ocurrido //
+  // ******************************** //
+  if (error) {
+    p.textContent = "No se ha podido completar la creacion de la sesion";
+    idSession.textContent = `Error: ${error}`;
+  } else {
+    p.textContent = "La session se ha creado";
+
+    idSession.innerHTML = `El ID de la seesion es:<br><strong class="border-b border-white">${sessionId}</strong>`;
+
+    pHelp.classList.add("text-lg", "text-white", "text-center");
+    pHelp.textContent =
+      "Puedes pasar este ID a los catadores para que ingresen a la sesion";
+  }
+
+  const divBtns = document.createElement("div");
+  divBtns.classList.add(
+    "flex",
+    "flex-wrap",
+    "justify-center",
+    "items-center",
+    "gap-5"
+  );
+
+  const stylesBtns = [
+    "uppercase",
+    "text-lg",
+    "tracking-wider",
+    "font-medium",
+    "p-2",
+    "px-4",
+    "border-b-2",
+    "active:border-b-0",
+    "active:border-t-2",
+    "transition-all",
+    "rounded-xl",
+    "w-fit",
+  ];
+
+  const aIndex = document.createElement("a");
+  aIndex.href = "{% url 'cata_system:index' %}";
+  aIndex.textContent = "Volver al inicio";
+
+  aIndex.classList.add(
+    ...stylesBtns,
+    "active:border-blue-500",
+    "border-blue-800",
+    "bg-blue-500",
+    "text-white"
+  );
+
+  const aMonitor = document.createElement("a");
+  aMonitor.href = "{% url 'cata_system:index' %}";
+  aMonitor.textContent = "Monitorear la sesion";
+
+  aMonitor.classList.add(
+    ...stylesBtns,
+    "active:border-yellow-500",
+    "border-yellow-800",
+    "bg-yellow-500",
+    "text-black"
+  );
+
+  divBtns.appendChild(aIndex);
+  if (!error) {
+    divBtns.appendChild(aMonitor);
+  }
+
+  loadElement.classList.add("hidden");
+  container.classList.remove("hidden");
+
+  container.innerHTML = "";
+
+  container.appendChild(p);
+  container.appendChild(idSession);
+  container.appendChild(pHelp);
+  container.appendChild(divBtns);
+}

tecnicas/templates/tecnicas/create_sesion/creando_sesion.html

@@ -0,0 +1,31 @@
+{% extends 'tecnicas/layouts/base.html' %}
+{% load static %}
+
+{% block title %}Creando sesion{% endblock %}
+
+{% block content %}
+<article class="w-full flex flex-col justify-center items-center bg-gray-600 my-10">
+    <article class="flex flex-col gap-4 bg-gray-400 md:p-10 p-5 rounded-2xl lg:w-4xl w-full">
+        <h1 class="text-center font-bold text-4xl">Creando Sesion</h1>
+        <hr>
+        <section class="ct-load-create flex flex-col gap-4 bg-gray-600 p-6 rounded-xl">
+            <p class="text-lg text-white text-center font-bold">
+                Estamos creando la sesion, por favor espere...
+            </p>
+            <hr class="text-white">
+            <div class="w-full h-4 bg-green-500 rounded-full overflow-hidden">
+                <div class="h-full bg-red-400 animate-pulse" style="width: 100%"></div>
+            </div>
+        </section>
+        <section class="ct-message-create flex flex-col gap-4 bg-gray-600 p-6 rounded-xl hidden"></section>
+        <form action="" method="post" class="hidden ct-cretae-session-form">
+            {% csrf_token %}
+            <input type="hidden" name="action" value="create_session">
+        </form>
+    </article>
+</article>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{% static 'js/create-session.js' %}"></script>
+{% endblock %}

tecnicas/urls.py

@@ -15,6 +15,7 @@ urlpatterns = [
     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"),

tecnicas/views/__init__.py

@@ -11,4 +11,5 @@ from .configuration_panel_words import configurationPanelWords
 from .api_tag import newTag
 from .tester_create import testerCreate
 from .tester_search import testerSearch
-from .api_words import words
+from .api_words import words
+from .create_session import createSession

tecnicas/views/configuration_panel_basic.py

@@ -4,7 +4,10 @@ from django.urls import reverse
 from ..forms import SesionBasicForm
 from ..models import TipoTecnica
 
+
 def configurationPanelBasic(req: HttpRequest):
+    req.session.flush()
+    
     if req.method == "POST":
         try:
             form = SesionBasicForm(req.POST)
@@ -23,7 +26,7 @@ def configurationPanelBasic(req: HttpRequest):
         except KeyError:
             return redirect(reverse("cata_system:seleccion_tecnica") + "?error=error en datos de configuracion")
 
-        return render(req, "tecnicas/create_sesion/configuracion-panel-basic.html", { "form_sesion": form, "error": "Ha ocurrido un error al continuar al siguiente paso." })
+        return render(req, "tecnicas/create_sesion/configuracion-panel-basic.html", {"form_sesion": form, "error": "Ha ocurrido un error al continuar al siguiente paso."})
     elif req.method == "GET":
         try:
             id_tecnica = req.GET["id_tecnica"]
@@ -35,6 +38,6 @@ def configurationPanelBasic(req: HttpRequest):
 
         if tecnica:
             form_sesion = SesionBasicForm(id_tecnica_new=id_tecnica)
-            return render(req, "tecnicas/create_sesion/configuracion-panel-basic.html", { "form_sesion": form_sesion })
+            return render(req, "tecnicas/create_sesion/configuracion-panel-basic.html", {"form_sesion": form_sesion})
         else:
-            return redirect(reverse("cata_system:seleccion_tecnica") + "?error=la_tecnica_no_existe")
+            return redirect(reverse("cata_system:seleccion_tecnica") + "?error=la_tecnica_no_existe")

tecnicas/views/configuration_panel_words.py

@@ -26,17 +26,19 @@ def configurationPanelWords(req: HttpRequest):
 
         words = json.loads(req.POST.get("words"))
         context["words"] = words
-        
+
         ids_words = [word["id"] for word in words]
 
         if len(ids_words) != len(set(ids_words)):
             context["error"] = "existen palabras duplicadas"
             return render(req, "tecnicas/create_sesion/configuracion-panel-words.html", context)
-        
-        exist_words = Palabra.objects.filter(id__in=ids_words).count() == len(ids_words)
+
+        exist_words = Palabra.objects.filter(
+            id__in=ids_words).count() == len(ids_words)
 
         if not exist_words:
             context["error"] = "algunas palabras no existen"
             return render(req, "tecnicas/create_sesion/configuracion-panel-words.html", context)
 
-        return render(req, "tecnicas/create_sesion/configuracion-panel-words.html", context)
+        req.session["form_words"] = ids_words
+        return redirect(reverse("cata_system:creando_sesion"))

tecnicas/views/create_session.py

@@ -0,0 +1,37 @@
+from django.http import HttpRequest, JsonResponse
+from django.shortcuts import render, redirect
+from django.urls import reverse
+from ..utils import general_error
+from ..controllers import TecnicaController
+from ..models import TipoTecnica, EstiloPalabra
+
+
+def createSession(req: HttpRequest):
+    if req.method == "GET":
+        return render(req, 'tecnicas/create_sesion/creando_sesion.html')
+    if req.method == "POST":
+        if req.POST.get('action') == 'create_session':
+            if not req.session.get("form_basic") or not req.session.get("form_tags") or not req.session.get("form_codes") or not req.session["form_words"]:
+                req.session.flush()
+                return general_error("no se ha especificado informacion necesaria para la creacion de la sesion")
+
+            data_basic = req.session["form_basic"]
+            controllTechnique = TecnicaController()
+            controllTechnique.setTechniqueFromBasicData(basic=data_basic)
+            print(controllTechnique.getDataTechnique())
+
+            return JsonResponse({"message": "sesion creada", "data": {"session_id": "asd548ad4a"}})
+        return general_error("ha orcurrido un error inesperado")
+
+
+{
+    'id_tecnica': 1,
+    'nombre_sesion': '',
+    'numero_productos': 3,
+    'numero_catadores': 3,
+    'numero_repeticiones': 3,
+    'estilo_palabras': 1,
+    'tipo_escala': 2,
+    'tamano_escala': 9,
+    'instrucciones': ''
+}