Validacion primer formulario configuracion de sesion

tecnicas/forms/conf_sesion_form_start.py

@@ -7,7 +7,7 @@ class SesionFirtsForm(forms.Form):
         "class": "bg-gray-200 border-b-1 text-center w-full p-1",
         "name": "nombre_sesion",
         "placeholder": "Ej. Mermelada de mango picante"
-    }), required=True)
+    }), required=False)
 
     numero_productos = forms.IntegerField(widget=forms.NumberInput(attrs={
         "class": "bg-gray-200 p-1 border-b-1 text-center w-full",
@@ -24,10 +24,34 @@ class SesionFirtsForm(forms.Form):
         "placeholder": "Solo números"
     }), required=True)
 
-    tipo_escala = forms.ModelChoiceField(queryset=TipoEscala.objects.all(), required=True, widget=forms.RadioSelect(attrs={
+    tipo_escala = forms.ModelChoiceField(queryset=TipoEscala.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=TipoEscala.objects.first())
 
     tamano_escala = forms.IntegerField(widget=forms.NumberInput(attrs={
         "class": "bg-gray-200 p-1 border-b-1 text-center w-full",
-    }), required=True, min_value=5, max_value=9)
+    }), required=True, min_value=5)
+
+    def clean(self):
+        data_clean = super().clean()
+
+        sizes_estruturada = [5, 7, 9]
+        sizes_continua = [9, 12, 15]
+
+        escala = data_clean.get("tipo_escala")
+
+        if escala and not isinstance(escala, TipoEscala):
+            try:
+                escala = TipoEscala.objects.get(pk=escala)
+            except (ValueError, TipoEscala.DoesNotExist):
+                self.add_error("tipo_escala", "Escala no valida")
+                return data_clean
+
+        tamano_escala = data_clean.get("tamano_escala")
+
+        if escala.nombre_escala == "estructurada" and not sizes_estruturada.__contains__(tamano_escala):
+            self.add_error("tamano_escala", "El tamaño de la escala no aplica")
+        elif escala.nombre_escala == "continua" and not sizes_continua.__contains__(tamano_escala):
+            self.add_error("tamano_escala", "El tamaño de la escala no aplica")
+        else:
+            self.add_error("tipo_escala", "Escala no valida")

tecnicas/templates/tecnicas/configuracion-panel.html

@@ -21,7 +21,7 @@
     <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">Panel de configuración</h1>
         <hr>
-        <form class="[&>article]:not-last:mb-4 [&>article]:not-first:pt-4 [&>article]:px-6">
+        <form method="post" action="" class="[&>article]:not-last:mb-4 [&>article]:not-first:pt-4 [&>article]:px-6">
             {% csrf_token %}
             <article>
                 <h2 class="text-2xl mb-2 font-bold">Información Basica</h2>
@@ -54,11 +54,17 @@
                 <section class="flex flex-row justify-around flex-wrap">
                     {% for escala in form_sesion.tipo_escala %}
                     <label for="{{escala.id_for_label}}"
-                        class="ct-radio-escala uppercase text-lg tracking-wider font-medium p-2 px-4 active:px-5 transition-all rounded-xl bg-blue-500 text-white">
+                        class="ct-radio-escala uppercase text-lg tracking-wider font-medium p-2 px-4 border-b-2 active:border-b-0 active:border-t-2 border-blue-800  transition-all rounded-xl bg-blue-500 text-white w-fit">
                         {{ escala.tag }}
                         {{ escala.choice_label }}
                     </label>
                     {% endfor %}
+
+                    {% if form_sesion.tipo_escala.errors %}
+                    <div class="w-full text-center text-red-600 text-xl font-medium tracking-wide">
+                        {{ form_sesion.tipo_escala.errors }}
+                    </div>
+                    {% endif %}
                 </section>
 
                 <section class="py-2 px-5 flex flex-col justify-center items-center gap-2 relative">
@@ -67,6 +73,11 @@
                         <p>Establece número de segmentos:</p>
                         {{ form_sesion.tamano_escala }}
                     </label>
+                    {% if form_sesion.tamano_escala.errors %}
+                    <article class="w-fit rounded px-2 py-0.5 text-center text-white text-sm font-medium tracking-wide bg-red-500">
+                        {{ form_sesion.tamano_escala.errors }}
+                    </article>
+                    {% endif %}
                     <!-- <article class="bg-gray-500 p-4 flex flex-col gap-2">
                         <div class="flex flex-row justify-center items-center gap-5 text-lg">
                             <p class="font-medium p-1 px-3 bg-gray-200">Segmento 1</p>
@@ -151,6 +162,10 @@
                 </section>
             </article>
             <hr>
+            <article class="cs-escalas-radio flex flex-col items-center gap-4">
+                <button type="submit"
+                    class="uppercase text-lg tracking-wider font-medium p-2 px-4 border-b-2 active:border-b-0 active:border-t-2 active:border-yellow-500 border-yellow-800  transition-all rounded-xl bg-yellow-500 text-white w-fit">Continuar</button>
+            </article>
         </form>
     </article>
 </article>
@@ -178,8 +193,7 @@
         labels = document.getElementsByClassName("ct-radio-escala")
         pSize = document.getElementsByClassName("ct-size-scale").item(0).getElementsByTagName("p")[0]
         iSize = document.getElementsByClassName("ct-size-scale").item(0).getElementsByTagName("input")[0]
-
-        labels.item(0).getElementsByTagName("input")[0].checked = true
+        
         pSize.textContent = descriptons["estructurada"][0]
         iSize.placeholder = descriptons["estructurada"][1]
 

tecnicas/templates/tecnicas/seleccion-tecnica.html

@@ -21,37 +21,19 @@
                 <button
                     class="p-4 bg-blue-700 hover:bg-blue-800 active:ring-4 active:outline-none active:ring-blue-300 flex flex-row gap-4 justify-center items-center rounded-lg text-2xl font-medium uppercase tracking-wider w-full z-20 relative"
                     onclick="showList('{{cate}}')" type="button">{{ cate }}</button>
+                {% if tecnicas %}
                 <section
-                    class="modal-list-{{ cate }} text-lg bg-blue-100 p-4 pr-6 pl-8 sm:pl-12 z-10 -translate-y-1 rounded-b-2xl *:not-last:mb-4 transition-all duration-1000 hidden">
+                    class="modal-list-{{ cate }} flex flex-col text-lg bg-blue-100 p-4 pr-6 pl-8 sm:pl-12 z-10 -translate-y-1 rounded-b-2xl *:not-last:mb-4 transition-all duration-1000 hidden w-full">
                     {% for tecnica in tecnicas %}
-                    <button
+                    <a  href="{% url 'cata_system:panel_configuracion'%}?id_tecnica={{tecnica.id}}"
                         class="bg-green-700 border-l-10 border-gray-700 rounded-md px-3 py-2 w-full font-bold tracking-wider text-left uppercase">
                         {{ tecnica.nombre_tecnica }}
-                    </button>
+                    </a>
                     {% endfor %}
                 </section>
+                {% endif %}
             </article>
             {% endfor %}
-            <article>
-                <button
-                    class="p-4 bg-blue-700 hover:bg-blue-800 active:ring-4 active:outline-none active:ring-blue-300 flex flex-row gap-4 justify-center items-center rounded-lg text-2xl font-medium uppercase tracking-wider w-full z-20 relative"
-                    onclick="showList('otro')" type="button">ejemplo sin funcion</button>
-                <section
-                    class="modal-list-otro text-lg bg-blue-100 p-4 pr-6 pl-8 sm:pl-12 z-10 -translate-y-1 rounded-b-2xl *:not-last:mb-4 transition-all duration-1000 hidden">
-                    <button
-                        class="bg-green-700 border-l-10 border-gray-700 rounded-md px-3 py-2 w-full font-bold tracking-wider text-left">
-                        Una tecnica sensorial
-                    </button>
-                    <button
-                        class="bg-green-700 border-l-10 border-gray-700 rounded-md px-3 py-2 w-full font-bold tracking-wider text-left">
-                        Una tecnica sensorial
-                    </button>
-                    <button
-                        class="bg-green-700 border-l-10 border-gray-700 rounded-md px-3 py-2 w-full font-bold tracking-wider text-left">
-                        Una tecnica sensorial
-                    </button>
-                </section>
-            </article>
         </section>
     </article>
 </article>

tecnicas/views/configuracion_panel.py

@@ -1,9 +1,26 @@
-from django.shortcuts import render
-from ..controllers import EscalaController
+from django.shortcuts import render, redirect
+from django.http import HttpRequest
 from ..forms import SesionFirtsForm
+from ..models import TipoTecnica
 
-def configuracionPanel(req):
-    # escalas = EscalaController.getTypesScale()
-    form_sesion = SesionFirtsForm()
+def configuracionPanel(req: HttpRequest):
+    if req.method == "POST":
+        form = SesionFirtsForm(req.POST)
+        if form.is_valid():
+            return redirect("/cata")
+        else:
+            return render(req, "tecnicas/configuracion-panel.html", { "form_sesion": form })
+    elif req.method == "GET":
+        if req.GET["id_tecnica"]:
+            try:
+                tecnica = TipoTecnica.objects.get(pk=int(req.GET["id_tecnica"]))
+            except (ValueError, TipoTecnica.DoesNotExist):
+                
+                pass
+        else:
+            redirect("/seleccion-tecnica")
+            pass
+        
+        form_sesion = SesionFirtsForm()
 
-    return render(req, "tecnicas/configuracion-panel.html", { "form_sesion": form_sesion })
+        return render(req, "tecnicas/configuracion-panel.html", { "form_sesion": form_sesion })