Crado panel para Vocabularios

tecnicas/templates/tecnicas/main-panel.html

@@ -6,13 +6,13 @@
 {% block content %}
 <article class="cts-container-main">
     <article class="cts-wrap-content">
-        <header class="flex flex-col flex-wrap justify-center items-center gap-8">
+        <header class="flex flex-col flex-wrap justify-center items-center space-y-8">
             <section class="bg-surface-card p-8 rounded-md w-full shadow-lg">
                 <h1 class="text-black text-4xl font-bold text-center max-sm:text-2xl">Panel Principal</h1>
             </section>
             <section
-                class="flex flex-wrap justify-center max-sm:gap-4 items-center p-8 w-full bg-surface-card rounded-md shadow-lg">
-                <section class="flex flex-col text-black flex-1 flex-wrap gap-4">
+                class="flex max-sm:flex-col flex-wrap justify-center max-sm:gap-4 items-center p-8 w-full bg-surface-card rounded-md shadow-lg">
+                <section class="flex flex-col text-black flex-1 flex-wrap gap-4 w-full">
                     <fieldset class="fieldset rounded-box border px-3 pb-3 rounded-2xl">
                         <legend class="text-black fieldset-legend px-1.5">Nombre Presentador</legend>
                         <p class="text-3xl max-sm:text-2xl font-medium">{{ name }}</p>
@@ -23,9 +23,9 @@
                         <p class="text-3xl max-sm:text-2xl font-medium">{{ cumple }}</p>
                     </fieldset>
                 </section>
-                <section class="flex-1 flex justify-center">
+                <section class="flex-1 flex justify-center max-sm:w-full">
                     <button type="button"
-                        class="btn btn-active text-xl tracking-wider font-bold text-black btn-error py-8 px-12 border-b-red-600 btn-push"
+                        class="text-black cts-btn-general cts-btn-error btn-push max-sm:w-full"
                         onclick="exit_sesion('frm-exit')">
                         Salir del sistema
                     </button>
@@ -37,32 +37,29 @@
         {% include "./components/error-message.html" with message=error %}
         {% endif %}
 
-        <article class="w-full flex flex-col gap-7 items-center min-sm:mt-7 mt-4 bg-surface-card rounded-lg shadow-lg">
-            <article
-                class="w-5xl max-lg:w-3xl max-md:w-auto p-8 flex flex-col justify-around items-center gap-4 flex-wrap text-3xl max-sm:text-2xl">
-                <section class="flex flex-row flex-wrap gap-4 w-full">
-                    <a href="{% url 'cata_system:seleccion_tecnica' %}" class="flex-1 w-full">
-                        <button
-                            class="w-full text-black bg-btn-primary font-medium rounded-xl px-8 py-4 text-center border-b-green-800 btn-push">
-                            Iniciar Sesión <br> Sensorial
-                        </button>
-                    </a>
-                    <a href="{% url 'cata_system:panel_catadores' %}" class="flex-1 w-full">
-                        <button
-                            class="w-full text-black bg-btn-secondary font-medium rounded-xl px-8 py-4 text-center border-b-pink-800 btn-push">
-                            Gestión de <br>catadores
-                        </button>
-                    </a>
-                </section>
-
-                <section class="flex flex-row flex-wrap gap-4 w-f ull justify-center">
-                    <a href="{% url 'cata_system:panel_sesiones' page=1 %}">
-                        <button
-                            class="text-black bg-btn-tertiary font-medium rounded-xl px-8 py-4 text-center border-b-pink-800 btn-push">
-                            Gestión de sesiones<br>sensoriales
-                        </button>
-                    </a>
-                </section>
+        <article class="w-full py-6 p-2 sm:p-4 md:p-8 bg-surface-card rounded-lg shadow-lg">
+            <article class="grid grid-cols-2 gap-6 w-5xl max-lg:w-3xl max-md:w-auto text-3xl max-sm:text-2xl 
+         max-md:grid-cols-1 justify-items-center items-start place-items-stretch">
+                <a href="{% url 'cata_system:seleccion_tecnica' %}" class="w-full">
+                    <button class="w-full text-black cts-btn-general cts-btn-tertiary btn-push">
+                        Iniciar Sesión <br> Sensorial
+                    </button>
+                </a>
+                <a href="{% url 'cata_system:panel_catadores' %}" class="w-full">
+                    <button class="w-full text-black cts-btn-general cts-btn-tertiary btn-push">
+                        Gestión de <br>catadores
+                    </button>
+                </a>
+                <a href="{% url 'cata_system:panel_sesiones' page=1 %}" class="w-full">
+                    <button class="w-full text-black cts-btn-general cts-btn-tertiary btn-push">
+                        Gestión de sesiones<br>sensoriales
+                    </button>
+                </a>
+                <a href="{% url 'cata_system:panel_vocabulario' %}" class="w-full h-full">
+                    <button class="w-full h-full text-black cts-btn-general cts-btn-tertiary btn-push">
+                        Gestión de vocabularios
+                    </button>
+                </a>
             </article>
         </article>
     </article>

tecnicas/templates/tecnicas/manage_vocabulary/panel-vocabulary.html

@@ -0,0 +1,42 @@
+{% extends 'tecnicas/layouts/base.html' %}
+{% load static %}
+
+{% block title %}Gestionar Catadores{% endblock %}
+
+{% block content %}
+<article class="cts-container-main">
+    <article class="cts-wrap-content">
+        <header class="flex gap-4">
+            <div class="bg-surface-card p-8 text-2xl text-black font-bold rounded-lg text-center block">
+                <h1>Panel de vocabularios</h1>
+            </div>
+            <a href="{% url 'cata_system:index' %}" class="block flex-1">
+                <button
+                    class="w-full h-full text-black cts-btn-general cts-btn-error btn-push">
+                    Ir al Panel principal
+                </button>
+            </a>
+        </header>
+        <section class="flex flex-col gap-7">
+                <div class="w-full h-40 rounded-lg max-sm:hidden">
+                    <img src="{% static 'img/letters.webp' %}" alt="varias personas en fila"
+                        class="w-full h-full object-cover rounded-xl">
+                </div>
+                <a href="#" class="flex-1">
+                    <button class="w-full h-full cts-btn-general cts-btn-primary btn-push">
+                        ➕ Crear Vocabulario
+                    </button>
+                </a>
+                <a href="#" class="flex-1">
+                    <button class="w-full h-full cts-btn-general cts-btn-tertiary btn-push">
+                        📋 Ver vocabularios
+                    </button>
+                </a>
+                <div class="w-full h-40 rounded-lg min-sm:hidden">
+                    <img src="{% static 'img/letters.webp' %}" alt="varias personas en fila"
+                        class="w-full h-full object-cover rounded-xl">
+                </div>
+            </section>
+    </article>
+</article>
+{% endblock %}

tecnicas/urls.py

@@ -44,6 +44,10 @@ urlpatterns = [
          views.createSession,
          name="creando_sesion"),
 
+     # Gestion de Vocabularios
+    path("presenter/panel-vocabulario",
+         views.vocabularyMenu,
+         name="panel_vocabulario"), 
 
     # Gestion de catadores
     path("presenter/panel-catadores",

tecnicas/views/__init__.py

@@ -18,6 +18,8 @@ from .tester_management.tester_create import testerCreate
 from .tester_management.tester_search import testerSearch
 from .tester_management.tester_list import testerList
 
+from .vocabulry_management.vocabulry_menu import vocabularyMenu
+
 from .apis.api_tag import newTag
 from .apis.api_words import words
 from .apis.rating_word import reatingWord

tecnicas/views/vocabulry_management/vocabulry_menu.py

@@ -0,0 +1,4 @@
+from django.shortcuts import render
+
+def vocabularyMenu(req):
+    return render(req, "tecnicas/manage_vocabulary/panel-vocabulary.html")