Panel basico de configuracion CATA

tecnicas/controllers/views_controller/create_session/panel_basic_controller.py

@@ -1,4 +1,4 @@
-from tecnicas.forms import SesionBasicForm
+from tecnicas.forms import SesionBasicForm, SesionBasicCATAForm
 from django.http import HttpRequest
 from django.shortcuts import redirect, render
 from django.urls import reverse
@@ -10,6 +10,14 @@ class PanelBasicController():
         "numero_repeticiones": 1
     }
 
+    url_panel_basic = "tecnicas/create_sesion/configuracion-panel-basic.html"
+    url_panel_basic_cata = "tecnicas/create_sesion/panel-basic-cata.html"
+
+    url_next_panel_scales = "cata_system:panel_configuracion_tags"
+    url_next_panel_cata = "cata_system:panel_configuracion_tags"
+
+    url_select_technique = "cata_system:seleccion_tecnica"
+
     def __init__(self):
         pass
 
@@ -23,7 +31,7 @@ class PanelBasicController():
         }
 
         response = render(
-            request, "tecnicas/create_sesion/configuracion-panel-basic.html", view_context)
+            request, PanelBasicController.url_panel_basic, view_context)
         return response
 
     @staticmethod
@@ -44,11 +52,11 @@ class PanelBasicController():
                 response = redirect(
                     reverse("cata_system:panel_configuracion_tags"))
             else:
-                response = render(request, "tecnicas/create_sesion/configuracion-panel-basic.html", {
+                response = render(request, PanelBasicController.url_panel_basic, {
                     "form_sesion": form, "error": "Información no valida"})
         except KeyError:
             response = redirect(reverse(
-                "cata_system:seleccion_tecnica") + "?error=error en datos de configuracion")
+                PanelBasicController.url_select_technique) + "?error=error en datos de configuracion")
 
         return response
 
@@ -63,7 +71,7 @@ class PanelBasicController():
         }
 
         response = render(
-            request, "tecnicas/create_sesion/configuracion-panel-basic.html", view_context)
+            request, PanelBasicController.url_panel_basic, view_context)
         return response
 
     @staticmethod
@@ -88,7 +96,7 @@ class PanelBasicController():
                             key, f"Valor inválido para '{key}': se esperaba {expected}, se recibió {actual}")
 
                 if form.errors:
-                    response = render(request, "tecnicas/create_sesion/configuracion-panel-basic.html", {
+                    response = render(request, PanelBasicController.url_panel_basic, {
                         "form_sesion": form, "error": "No puedes modificar el número de catadores o repeticiones"})
                 else:
                     values["name_tecnica"] = name_tecnica
@@ -96,10 +104,44 @@ class PanelBasicController():
                     response = redirect(
                         reverse("cata_system:panel_configuracion_tags"))
             else:
-                response = render(request, "tecnicas/create_sesion/configuracion-panel-basic.html", {
+                response = render(request, PanelBasicController.url_panel_basic, {
                     "form_sesion": form, "error": "Información no valida"})
         except KeyError:
             response = redirect(reverse(
-                "cata_system:seleccion_tecnica") + "?error=error en datos de configuracion")
+                PanelBasicController.url_select_technique) + "?error=error en datos de configuracion")
+
+        return response
+
+    @staticmethod
+    def controllGetCATA(request: HttpRequest):
+        form_sesion = SesionBasicCATAForm()
+
+        view_context = {
+            "form_sesion": form_sesion,
+            "use_technique": "cata"
+        }
+
+        return render(
+            request, PanelBasicController.url_panel_basic_cata, view_context)
+
+    @staticmethod
+    def controllPostRATA(request: HttpRequest, name_tecnica: str):
+        form = SesionBasicCATAForm(request.POST)
+
+        if form.is_valid():
+            values = {}
+            for name, value in form.cleaned_data.items():
+                if name == "estilo_palabras":
+                    values[name] = value.id
+                else:
+                    values[name] = value
+
+            values["name_tecnica"] = name_tecnica
+            request.session['form_basic'] = values
+            response = redirect(
+                reverse(PanelBasicController.url_next_panel_cata))
+        else:
+            response = render(request, PanelBasicController.url_panel_basic, {
+                "form_sesion": form, "error": "Información no valida"})
 
         return response

tecnicas/forms/__init__.py

@@ -1,7 +1,9 @@
-from .sesion_basic_form import SesionBasicForm
-from .sesion_tags_form import SesionTagsForm
+from .create_session.sesion_basic_form import SesionBasicForm
+from .create_session.sesiob_basic_cata_form import SesionBasicCATAForm
+from .create_session.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 .vocabulary_select import VocabularioSelectForm
+from .vocabulary_select import VocabularioSelectForm

tecnicas/forms/create_session/sesiob_basic_cata_form.py

@@ -0,0 +1,27 @@
+from django import forms
+from tecnicas.models import EstiloPalabra
+
+
+class SesionBasicCATAForm(forms.Form):
+    nombre_sesion = forms.CharField(max_length=255, widget=forms.TextInput(attrs={
+        "class": "bg-surface-ligt border-b-1 text-center w-full p-1",
+        "name": "nombre_sesion",
+        "placeholder": "Ej. Mermelada de mango picante"
+    }), required=False)
+
+    numero_productos = forms.IntegerField(widget=forms.NumberInput(attrs={
+        "class": "bg-surface-ligt p-1 border-b-1 text-center w-full",
+        "placeholder": "Solo números"
+    }), required=True)
+
+    instrucciones = forms.CharField(max_length=255, widget=forms.TextInput(attrs={
+        "class": "bg-surface-ligt border-b-1 text-center w-full p-1",
+        "placeholder": "Este campo es opcional"
+    }), required=False)
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+
+        self.fields['estilo_palabras'] = forms.ModelChoiceField(queryset=EstiloPalabra.objects.all(), widget=forms.RadioSelect(attrs={
+            "class": "uppercase text-lg tracking-wider font-medium p-2 px-4 active:px-5 transition-all rounded-xl bg-blue-500 text-white",
+        }), required=True, initial=EstiloPalabra.objects.first())

tecnicas/forms/{sesion_basic_form.py → create_session/sesion_basic_form.py}

@@ -1,7 +1,5 @@
 from django import forms
-from ..models import TipoEscala
-from ..models import TipoTecnica
-from ..models import EstiloPalabra
+from tecnicas.models import TipoEscala, EstiloPalabra
 
 
 class SesionBasicForm(forms.Form):

tecnicas/forms/{sesion_tags_form.py → create_session/sesion_tags_form.py}

@@ -1,5 +1,5 @@
 from django import forms
-from ..models import Etiqueta
+from tecnicas.models import Etiqueta
 
 
 class SesionTagsForm(forms.Form):

tecnicas/static/js/panel-basic-cata.js

@@ -0,0 +1,31 @@
+const descriptons = {
+  atributos:
+    "Con el estilo atributos elijes las palabras para evaluar los productos",
+  vocabulario:
+    "Los vocabularios son un conjunto de palabras específicas para evaluar aspectos de un producto",
+};
+
+const helpStyleWords = document.querySelector(".cts-help-style-words");
+let radiosStyleWords;
+
+function initRadiosStyleWords() {
+  radiosStyleWords = document.getElementsByName("estilo_palabras");
+
+  for (let index = 0; index < radiosStyleWords.length; index++) {
+    const radio = radiosStyleWords[index];
+
+    if (radio.checked) {
+      const radioOption = radio.parentElement.textContent.trim();
+      const textHelp = descriptons[radioOption];
+      helpStyleWords.textContent = textHelp;
+    }
+
+    radio.parentElement.addEventListener("click", (e) => {
+      const radioOption = radio.parentElement.textContent.trim();
+      const textHelp = descriptons[radioOption];
+      helpStyleWords.textContent = textHelp;
+    });
+  }
+}
+
+initRadiosStyleWords();

tecnicas/templates/tecnicas/create_sesion/panel-basic-cata.html

@@ -0,0 +1,85 @@
+{% extends 'tecnicas/layouts/base.html' %}
+{% load static %}
+
+{% block title %}Panel Configuracion{% endblock %}
+
+{% block content %}
+<article class="cts-container-main">
+    <article class="cts-wrap-content text-black">
+        <h1 class="text-center font-bold text-4xl">Panel de configuración</h1>
+
+        {% if error %}
+        {% include "../components/error-message.html" with message=error %}
+        {% endif %}
+        {% if message %}
+        {% include "../components/error-message.html" with message=message %}
+        {% endif %}
+
+        <form method="post" action="" class="space-y-4">
+            {% csrf_token %}
+            <article class="space-y-4">
+                <h2 class="text-2xl font-bold">Información Basica</h2>
+
+                <section class="flex justify-center items-center">
+                    <label for="{{form_sesion.nombre_sesion.id_for_label}}"
+                        class="text-lg flex flex-col items-center px-2 w-fit font-medium tracking-wide mb-4">
+                        <p class="tracking-normal text-xl font-bold">Ingrese el nombre de la sesion si lo desea:</p>
+                        {{ form_sesion.nombre_sesion }}
+                    </label>
+                </section>
+
+                <section class="flex justify-center items-center">
+                    <label for="{{ form_sesion.numero_productos.id_for_label }}"
+                        class="text-lg flex flex-col items-center px-2 font-medium tracking-wide">
+                        <p class="tracking-normal text-base font-bold">
+                            Número de Productos:
+                        </p>
+                        {{ form_sesion.numero_productos }}
+                    </label>
+                </section>
+
+                <section class="flex justify-center items-center">
+                    <label for="{{form_sesion.instrucciones.id_for_label}}"
+                        class="text-lg flex flex-col items-center px-2 w-fit font-medium tracking-wide mb-4">
+                        <p class="tracking-normal text-base font-bold">Ingrese las instrucciones para la tecnica:</p>
+                        {{ form_sesion.instrucciones }}
+                    </label>
+                </section>
+            </article>
+
+            <article class="cs-escalas-radio flex flex-col gap-4">
+                <h2 class="text-2xl font-bold">Selecciona estilo para las palabras</h2>
+                <section class="flex flex-row gap-4 justify-around flex-wrap">
+                    {% for estilo in form_sesion.estilo_palabras %}
+                    <label for="{{estilo.id_for_label}}"
+                        class="ct-radio-estilo uppercase text-lg tracking-wider font-bold p-2 px-4 rounded-xl cts-btn-secondary btn-push">
+                        {{ estilo.tag }}
+                        {{ estilo.choice_label }}
+                    </label>
+                    {% endfor %}
+                </section>
+                <section class="w-full flex justify-center items-center">
+                    <p
+                        class="cts-help-style-words max-w-2xl text-lg font-medium tracking-wide bg-surface-card text-center py-1 px-4 rounded-xl">
+                    </p>
+                </section>
+            </article>
+
+            <article class="w-full flex max-sm:flex-col flex-wrap items-center justify-center gap-4">
+                <button type="submit" class="cts-btn-general cts-btn-primary btn-push flex-1/4 w-full">
+                    Continuar
+                </button>
+                <a href="{% url 'cata_system:seleccion_tecnica' %}" class="flex-1/4 w-full">
+                    <button type="button" class="cts-btn-general cts-btn-error btn-push w-full">
+                        Cancelar la creación
+                    </button>
+                </a>
+            </article>
+        </form>
+    </article>
+</article>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{% static 'js/panel-basic-cata.js' %}"></script>
+{% endblock %}

tecnicas/views/sessions_config/configuration_panel_basic.py

@@ -15,6 +15,8 @@ def configurationPanelBasic(req: HttpRequest):
             response = PanelBasicController.controllGetEscalas(request=req)
         elif name_tecnica == "rata":
             response = PanelBasicController.controllGetRATA(request=req)
+        elif name_tecnica == "cata":
+            response = PanelBasicController.controllGetCATA(request=req)
         else:
             response = redirect(
                 reverse("cata_system:seleccion_tecnica") + "?error=Técnica no valida o sin implementar")