Creacion del panel configuracion tags

tecnicas/templates/tecnicas/{configuracion-panel.html → configuracion-panel-basic.html}

@@ -8,12 +8,8 @@
 - Preguntar si desea darle un nombre a la sesion
 - Numero produtos
 - Numero jueces
-- Numero repeticiones, debe ser mayor a 1, no validar si es menos
-- Agregar palabras o Elejir vocabulario
-- Instrucciones
+- Numero repeticiones, debe ser mayor a 1, no validar si es menos [-------------REALIZAR-------------]
 - Tipo de escala, seran dos, de rango o estructurada
-- Orden de presentacion
-- Presentar un orden basico segun el numero de catadores y los productos, esta se le muestra el presentador
 -->
 
 {% block content %}
@@ -78,87 +74,6 @@
                         {{ 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>
-                            <label for="etiquta_1">
-                                <select name="etiquta_1" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_1"
-                                    required>
-                                    <option value="1">no se percibe</option>
-                                    <option value="2">poca percepcion</option>
-                                    <option value="3">se percibe</option>
-                                    <option value="4">percepcion intensa</option>
-                                    <option value="5">percepcion muy intensa</option>
-                                </select>
-                            </label>
-                            <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
-                        </div>
-                        <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 2</p>
-                            <label for="etiquta_2">
-                                <select name="etiquta_2" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_2"
-                                    required>
-                                    <option value="1">no se percibe</option>
-                                    <option value="2" selected>poca percepcion</option>
-                                    <option value="3">se percibe</option>
-                                    <option value="4">percepcion intensa</option>
-                                    <option value="5">percepcion muy intensa</option>
-                                </select>
-                            </label>
-                            <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
-                        </div>
-                        <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 3</p>
-                            <label for="etiquta_3">
-                                <select name="etiquta_3" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_3"
-                                    required>
-                                    <option value="1">no se percibe</option>
-                                    <option value="2">poca percepcion</option>
-                                    <option value="3" selected>se percibe</option>
-                                    <option value="4">percepcion intensa</option>
-                                    <option value="5">percepcion muy intensa</option>
-                                </select>
-                            </label>
-                            <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
-                        </div>
-                        <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 4</p>
-                            <label for="etiquta_4">
-                                <select name="etiquta_4" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_4"
-                                    required>
-                                    <option value="1">no se percibe</option>
-                                    <option value="2">poca percepcion</option>
-                                    <option value="3">se percibe</option>
-                                    <option value="4" selected>percepcion intensa</option>
-                                    <option value="5">percepcion muy intensa</option>
-                                </select>
-                            </label>
-                            <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
-                        </div>
-                        <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 5</p>
-                            <label for="etiquta_5">
-                                <select name="etiquta_5" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_5"
-                                    required>
-                                    <option value="1">no se percibe</option>
-                                    <option value="2">poca percepcion</option>
-                                    <option value="3">se percibe</option>
-                                    <option value="4">percepcion intensa</option>
-                                    <option value="5" selected>percepcion muy intensa</option>
-                                </select>
-                            </label>
-                            <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
-                        </div>
-                    </article>
-                    <article class="absolute bg-gray-800/70 p-5 w-full h-full justify-center items-center hidden">
-                        <section class="p-2 bg-gray-400 w-fit">
-                            <form action="">
-                                {% csrf_token %}
-                                <label for="nueva_etiqueta">Nueva etiqueta:<input id="nueva_etiqueta" type="text"
-                                        required></label>
-                            </form>
-                        </section>
-                    </article> -->
                 </section>
             </article>
             <hr>

tecnicas/templates/tecnicas/configuracion-panel-tags.html

@@ -0,0 +1,103 @@
+{% extends 'tecnicas/base.html' %}
+
+{% block title %}Panel Configuracion{% endblock %}
+
+<!--
+||||Debe tener los siguietens campos para:
+-- Convenvionales tipo escalas
+- Agregar palabras o Elejir vocabulario
+- Instrucciones
+- Orden de presentacion
+- Presentar un orden basico segun el numero de catadores y los productos, esta se le muestra el presentador
+-->
+
+{% 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">Panel de configuración</h1>
+        <hr>
+        <form method="post" action="" class="[&>article]:not-last:mb-4 [&>article]:not-first:pt-4 [&>article]:px-6">
+            {% csrf_token %}
+            <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>
+                    <label for="etiquta_1">
+                        <select name="etiquta_1" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_1" required>
+                            <option value="1">no se percibe</option>
+                            <option value="2">poca percepcion</option>
+                            <option value="3">se percibe</option>
+                            <option value="4">percepcion intensa</option>
+                            <option value="5">percepcion muy intensa</option>
+                        </select>
+                    </label>
+                    <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
+                </div>
+                <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 2</p>
+                    <label for="etiquta_2">
+                        <select name="etiquta_2" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_2" required>
+                            <option value="1">no se percibe</option>
+                            <option value="2" selected>poca percepcion</option>
+                            <option value="3">se percibe</option>
+                            <option value="4">percepcion intensa</option>
+                            <option value="5">percepcion muy intensa</option>
+                        </select>
+                    </label>
+                    <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
+                </div>
+                <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 3</p>
+                    <label for="etiquta_3">
+                        <select name="etiquta_3" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_3" required>
+                            <option value="1">no se percibe</option>
+                            <option value="2">poca percepcion</option>
+                            <option value="3" selected>se percibe</option>
+                            <option value="4">percepcion intensa</option>
+                            <option value="5">percepcion muy intensa</option>
+                        </select>
+                    </label>
+                    <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
+                </div>
+                <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 4</p>
+                    <label for="etiquta_4">
+                        <select name="etiquta_4" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_4" required>
+                            <option value="1">no se percibe</option>
+                            <option value="2">poca percepcion</option>
+                            <option value="3">se percibe</option>
+                            <option value="4" selected>percepcion intensa</option>
+                            <option value="5">percepcion muy intensa</option>
+                        </select>
+                    </label>
+                    <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
+                </div>
+                <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 5</p>
+                    <label for="etiquta_5">
+                        <select name="etiquta_5" class="p-1 rounded bg-gray-200 [*]:capitalize" id="etiquta_5" required>
+                            <option value="1">no se percibe</option>
+                            <option value="2">poca percepcion</option>
+                            <option value="3">se percibe</option>
+                            <option value="4">percepcion intensa</option>
+                            <option value="5" selected>percepcion muy intensa</option>
+                        </select>
+                    </label>
+                    <button type="button" class="p-1 rounded-lg bg-gray-200 active:bg-gray-400">➕</button>
+                </div>
+            </article>
+            <article class="absolute bg-gray-800/70 p-5 w-full h-full justify-center items-center hidden">
+                <section class="p-2 bg-gray-400 w-fit">
+                    <form action="">
+                        {% csrf_token %}
+                        <label for="nueva_etiqueta">Nueva etiqueta:<input id="nueva_etiqueta" type="text"
+                                required></label>
+                    </form>
+                </section>
+            </article>
+        </form>
+    </article>
+</article>
+{% endblock %}
+
+{% block extra_js %}
+{% endblock %}

tecnicas/templates/tecnicas/seleccion-tecnica.html

@@ -31,7 +31,7 @@
                 <section
                     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 %}
-                    <a href="{% url 'cata_system:panel_configuracion'%}?id_tecnica={{tecnica.id}}"
+                    <a href="{% url 'cata_system:panel_configuracion_basic'%}?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 }}
                     </a>

tecnicas/urls.py

@@ -11,5 +11,6 @@ urlpatterns = [
     path("panel-catadores", views.managementCatadores, name="panel_catadores"),
     path("panel-sesiones", views.sesionesPanel, name="panel_sesiones"),
     path("seleccion-tecnica", views.selecionTecnica, name="seleccion_tecnica"),
-    path("panel-configuracion", views.configuracionPanel, name="panel_configuracion"),
+    path("panel-configuracion-basic", views.configuracionPanelBasic, name="panel_configuracion_basic"),
+    path("panel-configuracion-tags", views.configuracionPanelTags, name="panel_configuracion_tags"),
 ]

tecnicas/views/__init__.py

@@ -4,4 +4,5 @@ from .main_panel import mainPanel
 from .management_catadores import managementCatadores
 from .panel_sessions import sesionesPanel
 from .seleccion_tecnica import selecionTecnica
-from .configuracion_panel import configuracionPanel
+from .configuration_panel_basic import configuracionPanelBasic
+from .configuration_panel_tags import configuracionPanelTags

tecnicas/views/{configuracion_panel.py → configuration_panel_basic.py}

@@ -4,13 +4,13 @@ from django.urls import reverse
 from ..forms import SesionFirtsForm
 from ..models import TipoTecnica
 
-def configuracionPanel(req: HttpRequest):
+def configuracionPanelBasic(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 })
+            return render(req, "tecnicas/configuracion-panel-basic.html", { "form_sesion": form })
     elif req.method == "GET":
         try:
             id_tecnica = req.GET["id_tecnica"]
@@ -22,6 +22,6 @@ def configuracionPanel(req: HttpRequest):
 
         if tecnica:
             form_sesion = SesionFirtsForm()
-            return render(req, "tecnicas/configuracion-panel.html", { "form_sesion": form_sesion })
+            return render(req, "tecnicas/configuracion-panel-basic.html", { "form_sesion": form_sesion })
         else:
             return redirect(reverse("cata_system:seleccion_tecnica") + "?error=la_tecnica_no_existe")

tecnicas/views/configuration_panel_tags.py

@@ -0,0 +1,5 @@
+from django.http import HttpRequest
+from django.shortcuts import render
+
+def configuracionPanelTags(req: HttpRequest):
+    return render(req, "tecnicas/configuracion-panel-tags.html")