Se agrega opcion de elegir un vocabulario para crear sesion

tecnicas/controllers/views_controller/create_session/panel_words_controller.py

@@ -1,5 +1,5 @@
 from django.http import HttpRequest
-from tecnicas.forms import WordForm
+from tecnicas.forms import WordForm, VocabularioSelectForm
 from django.shortcuts import render, redirect
 from django.urls import reverse
 from tecnicas.models import Palabra
@@ -7,27 +7,36 @@ import json
 
 
 class PanelWordsController():
+    current_url_escalas_atribute = "tecnicas/create_sesion/configuracion-panel-words.html"
+    current_url_escalas_vocabulary = "tecnicas/create_sesion/conf-panel-vocabulary.html"
+
     def __init__(self):
         pass
 
     @staticmethod
-    def controllGetEscalas(request: HttpRequest):
+    def controllGetEscalasAtributes(request: HttpRequest):
         form = WordForm()
         context = {
             "form_word": form
         }
 
-        return render(request, "tecnicas/create_sesion/configuracion-panel-words.html", context)
+        return render(request, PanelWordsController.current_url_escalas_atribute, context)
+
+    @staticmethod
+    def controllGetEscalasVocabulary(request: HttpRequest):
+        form = VocabularioSelectForm()
+        context = {"form": form}
+        return render(request, PanelWordsController.current_url_escalas_vocabulary, context)
 
     @staticmethod
-    def controllPostEscalas(request: HttpRequest):
+    def controllPostEscalasAtributes(request: HttpRequest):
         form = WordForm()
         context = {
             "form_word": form
         }
 
         if not request.POST.get("words"):
-            return render(request, "tecnicas/create_sesion/configuracion-panel-words.html", context)
+            return render(request, PanelWordsController.current_url_escalas_atribute, context)
 
         words = json.loads(request.POST.get("words"))
         context["words"] = words
@@ -36,14 +45,34 @@ class PanelWordsController():
 
         if len(ids_words) != len(set(ids_words)):
             context["error"] = "existen palabras duplicadas"
-            return render(request, "tecnicas/create_sesion/configuracion-panel-words.html", context)
+            return render(request, PanelWordsController.current_url_escalas_atribute, context)
 
         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(request, "tecnicas/create_sesion/configuracion-panel-words.html", context)
+            return render(request, PanelWordsController.current_url_escalas_atribute, context)
 
         request.session["form_words"] = ids_words
         return redirect(reverse("cata_system:creando_sesion"))
+
+    @staticmethod
+    def controllPostEscalasVocabulary(request: HttpRequest):
+        context = {}
+        if not request.POST.get("vocabulario"):
+            context["form"] = VocabularioSelectForm()
+            context["error"] = "No hay un vocabulario seleccionado"
+            return render(request, PanelWordsController.current_url_escalas_vocabulary, context)
+
+        form = VocabularioSelectForm(request.POST)
+        vocabulary: int
+        if form.is_valid():
+            vocabulary = form.cleaned_data["vocabulario"]
+        else:
+            context["form"] = VocabularioSelectForm()
+            context["error"] = "Erro al validar el vocabulario"
+            return render(request, PanelWordsController.current_url_escalas_vocabulary, context)
+
+        request.session["vocabulary"] = vocabulary.nombre_vocabulario
+        return redirect(reverse("cata_system:creando_sesion"))

tecnicas/forms/__init__.py

@@ -3,4 +3,5 @@ from .sesion_tags_form import SesionTagsForm
 from .etiqueta_form import EtiquetaForm
 from .codes_form import CodesForm
 from .catador_form import CatadorForm
-from .word_form import WordForm
+from .word_form import WordForm
+from .vocabulary_select import VocabularioSelectForm

tecnicas/forms/vocabulary_select.py

@@ -0,0 +1,15 @@
+from django import forms
+from tecnicas.models import Vocabulario
+
+
+class VocabularioSelectForm(forms.Form):
+    vocabulario = forms.ModelChoiceField(
+        queryset=Vocabulario.objects.all(),
+        required=True,
+        label="Selecciona un vocabulario",
+        empty_label="-- Selecciona uno --",
+        widget=forms.Select(attrs={
+            "class": "w-full border rounded p-4 bg-surface-sweet",
+            "id": "vocabulario"
+        })
+    )

tecnicas/static/js/choose-vocabulary.js

@@ -0,0 +1,67 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const vocabSelect = document.getElementById("vocabulario");
+  const wordsList = document.getElementById("palabras-lista");
+  const formNextStep = document.getElementById("cts-create-session");
+  let vocabularyId = "";
+
+  vocabSelect.addEventListener("change", async (e) => {
+    const vocabId = e.target.value;
+    vocabularyId = vocabId;
+    console.log(e.target);
+    console.log(vocabId);
+
+    wordsList.innerHTML =
+      "<li class='text-gray-500 text-center'>Cargando...</li>";
+
+    if (!vocabId) {
+      wordsList.innerHTML =
+        "<li class='text-gray-500 text-center'>Selecciona un vocabulario para ver sus palabras</li>";
+      return;
+    }
+
+    url_fetch = `api/vocabulario/${vocabId}/palabras`;
+
+    try {
+      const response = await fetch(url_fetch, { method: "GET" });
+      if (!response.ok) throw new Error("Error en la petición");
+      const json_response = await response.json();
+
+      words = json_response.data.words;
+
+      if (words === 0) {
+        wordsList.innerHTML =
+          "<li class='text-center text-lg'>No hay palabras asociadas</li>";
+        return;
+      }
+
+      wordsList.innerHTML = "";
+      words.forEach((p) => {
+        const li = document.createElement("li");
+        li.textContent = p.nombre_palabra;
+        li.className =
+          "bg-surface-sweet text-black rounded font-bold text-lg px-4 py-3";
+        wordsList.appendChild(li);
+      });
+    } catch (err) {
+      wordsList.innerHTML =
+        "<li class='text-red-500 text-center text-lg'>Error al cargar las palabras</li>";
+      console.error(err);
+    }
+  });
+
+  formNextStep.addEventListener("submit", (e) => {
+    if (!vocabularyId) {
+      e.preventDefault();
+      wordsList.innerHTML =
+        "<li class='text-center text-lg'>Seleccione un Vocabulario</li>";
+      return;
+    }
+
+    const useVocabulary = document.createElement("input");
+    useVocabulary.type = "hidden";
+    useVocabulary.name = "vocabulario";
+    useVocabulary.value = vocabularyId;
+
+    formNextStep.appendChild(useVocabulary);
+  });
+});

tecnicas/templates/tecnicas/create_sesion/conf-panel-vocabulary.html

@@ -0,0 +1,62 @@
+{% extends 'tecnicas/layouts/base.html' %}
+{% load static %}
+
+{% block content %}
+<article class="cts-container-main">
+    <article class="cts-wrap-content text-black lg:w-4xl">
+        <h2 class="text-2xl font-bold text-center bg-surface-card p-4 rounded-lg">
+            Elegir vocabulario
+        </h2>
+
+        <form method="get" id="form-vocabulario" class="bg-surface-card rounded-lg p-6">
+            <label for="{{ form.vocabulario.id_for_label }}"
+                class="text-lg w-fit font-medium tracking-wide w-full space-y-4">
+                <p class="tracking-normal text-xl font-bold">Seleccione un vocabulario</p>
+                {{ form.vocabulario }}
+            </label>
+        </form>
+
+        {% if error %}
+        {% include "../components/error-message.html" with message=error %}
+        {% endif %}
+        {% if message %}
+        {% include "../components/error-message.html" with message=message %}
+        {% endif %}
+
+        <div id="palabras-container" class="rounded-lg p-3 min-h-24 max-h-64 overflow-y-auto bg-surface-card">
+            <h3 class="text-xl font-semibold">Palabras asociadas:</h3>
+            <ul id="palabras-lista" class="flex flex-wrap gap-4">
+                <li class="text-center text-lg">Selecciona un vocabulario para ver sus palabras</li>
+            </ul>
+        </div>
+
+        <section>
+            <form action="" method="post" id="cts-create-session" class="flex justify-center mt-4">
+                {% csrf_token %}
+                <article class="cs-escalas-radio w-full flex flex-col gap-4">
+                    <section class="flex max-sm:flex-col flex-wrap items-center justify-center gap-4">
+                        <button type="submit" name="start"
+                            class="cts-btn-general cts-btn-primary btn-push flex-1 w-full">
+                            Crear sesión
+                        </button>
+                        <a href="{% url 'cata_system:seleccion_tecnica' %}" class="flex-1 w-full">
+                            <button type="button" class="cts-btn-general cts-btn-secondary btn-push w-full">
+                                Paso anterior
+                            </button>
+                        </a>
+                    </section>
+                    <a href="{% url 'cata_system:seleccion_tecnica' %}" class="flex-1 w-full">
+                        <button type="button" class="cts-btn-general cts-btn-error btn-push w-full">
+                            Cancelar la creación
+                        </button>
+                    </a>
+                </article>
+            </form>
+        </section>
+    </article>
+</article>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{% static 'js/choose-vocabulary.js' %}"></script>
+{% endblock %}

tecnicas/urls.py

@@ -120,6 +120,10 @@ urlpatterns = [
          views.words,
          name="api_palabras"),
 
+    path("presenter/api/vocabulario/<int:vocab_id>/palabras",
+         views.wordsVocabulary,
+         name="api_palabras_vocabulary"),
+
     path("testers/api/ratingword",
          views.reatingWord,
          name="api_rating_word"),

tecnicas/views/__init__.py

@@ -24,6 +24,7 @@ from .vocabulary_management.list_vocabulary import listVocabulary
 
 from .apis.api_tag import newTag
 from .apis.api_words import words
+from .apis.api_words import wordsVocabulary
 from .apis.rating_word import reatingWord
 
 from .tester_forms.init_tester_form import initTesterForm

tecnicas/views/apis/api_words.py

@@ -1,9 +1,10 @@
 from django.http import HttpRequest, JsonResponse
 from tecnicas.decorators import required_presenter
-from tecnicas.models import Palabra
+from tecnicas.models import Palabra, Vocabulario
 from tecnicas.utils import general_error
 from tecnicas.forms.word_form import WordForm
 
+
 @required_presenter
 def words(req: HttpRequest):
     if req.method == "GET":
@@ -48,3 +49,21 @@ def words(req: HttpRequest):
         else:
             errors = form.errors.get("nombre_palabra")
             return general_error(errors[0])
+
+
+@required_presenter
+def wordsVocabulary(req: HttpRequest, vocab_id: int):
+    if req.method == "GET":
+        vocabulary = Vocabulario.objects.filter(id=vocab_id).first()
+        if not vocabulary:
+            return JsonResponse([])
+        palabras = vocabulary.palabras.all().values("id", "nombre_palabra")
+        response_json = {
+            "ok": True,
+            "data": {
+                "words": list(palabras)
+            }
+        }
+        return JsonResponse(response_json)
+    else:
+        return JsonResponse({"error": "Este método no es permitido"})

tecnicas/views/sessions_config/configuration_panel_words.py

@@ -1,6 +1,7 @@
 from django.http import HttpRequest, JsonResponse
 from django.shortcuts import redirect
 from django.urls import reverse
+from tecnicas.models import EstiloPalabra
 from tecnicas.controllers import PanelWordsController
 from tecnicas.utils import deleteDataSession
 
@@ -12,18 +13,30 @@ def configurationPanelWords(req: HttpRequest):
                         "?error=datos requeridos no encontrados")
 
     basic_data = req.session["form_basic"]
+    style_words = EstiloPalabra.objects.get(id=basic_data["estilo_palabras"])
 
     if req.method == "GET":
         if basic_data["name_tecnica"] == "escalas" or basic_data["name_tecnica"] == "rata":
-            response = PanelWordsController.controllGetEscalas(req)
+            if style_words.nombre_estilo == "atributos":
+                response = PanelWordsController.controllGetEscalasAtributes(req)
+            elif style_words.nombre_estilo == "vocabulario":
+                response = PanelWordsController.controllGetEscalasVocabulary(req)
+            else:
+                response = redirect(
+                    reverse("cata_system:seleccion_tecnica") + "?error=Estilo de palabras no valida")
         else:
             response = redirect(
                 reverse("cata_system:seleccion_tecnica") + "?error=Técnica no valida")
-
         return response
     elif req.method == "POST":
         if basic_data["name_tecnica"] == "escalas" or basic_data["name_tecnica"] == "rata":
-            response = PanelWordsController.controllPostEscalas(req)
+            if style_words.nombre_estilo == "atributos":
+                response = PanelWordsController.controllPostEscalasAtributes(req)
+            elif style_words.nombre_estilo == "vocabulario":
+                response = PanelWordsController.controllPostEscalasVocabulary(req)
+            else:
+                response = redirect(
+                    reverse("cata_system:seleccion_tecnica") + "?error=Estilo de palabras no valida")
         else:
             response = redirect(
                 reverse("cata_system:seleccion_tecnica") + "?error=Técnica no valida")