Se crea formulario para crear catadores

tecnicas/forms/__init__.py

@@ -1,4 +1,5 @@
 from .sesion_basic_form import SesionBasicForm
 from .sesion_tags_form import SesionTagsForm
 from .etiqueta_form import EtiquetaForm
-from .palabras_form import PalabrasForm
+from .palabras_form import PalabrasForm
+from .catador_form import CatadorForm

tecnicas/forms/catador_form.py

@@ -0,0 +1,25 @@
+from django import forms
+from ..models import Catador
+
+class CatadorForm(forms.ModelForm):
+    class Meta:
+        model =  Catador
+        fields = "__all__"
+        widgets = {
+            "usuarioCatador": forms.TextInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white" } ),
+            "nombre": forms.TextInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white" } ),
+            "apellido": forms.TextInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white" } ),
+            "telefono": forms.NumberInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white", "max": "10", "min": "10" } ),
+            "correo": forms.EmailInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white" } ),
+            "fechaNacimiento": forms.DateTimeInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white", "type": "date", }, format="%d-%m-%y" ),
+        }
+
+    def clean(self):
+        data_cleand = super().clean()
+
+        phone = data_cleand["telefono"]
+        size_phone = len(str(abs(phone)))
+        print("tamano de telefono", size_phone)
+        if size_phone != 10:
+            self.add_error("telefono", "telefono debe tener 10 digitos")
+            return data_cleand

tecnicas/templates/tecnicas/catador-crear.html

@@ -0,0 +1,102 @@
+{% extends 'tecnicas/base.html' %}
+
+{% block title %}Crear Catador{% endblock %}
+
+{% 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">
+        <header class="flex-1 flex flex-col gap-7">
+            <div class="bg-gray-300 p-8 text-2xl font-bold rounded-2xl text-center">
+                <h1>Creando Catador</h1>
+            </div>
+        </header>
+        <section>
+            {% if error %}
+            <p class="ct-notificacion bg-red-400 py-4 text-2xl tracking-wide font-bold text-center capitalize">
+                {{ error }}
+            </p>
+            {% endif %}
+            {% if message %}
+            <p class="ct-notificacion bg-green-500 py-4 text-2xl tracking-wide font-bold text-center capitalize">
+                {{ message }}
+            </p>
+            {% endif %}
+            <form action="" method="post" class="flex flex-col gap-5">
+                {% csrf_token %}
+                <h2 class="text-2xl mb-2 font-bold">Ingrese los datos</h2>
+
+                <section class="grid grid-cols-2 max-sm:grid-cols-1 [&>label]:px-6 max-sm:[&>label]:px-2">
+                    <label for="{{ form_cata.usuarioCatador.id_for_label }}"
+                        class="text-lg flex flex-col px-2 w-full font-medium tracking-wide mb-4">
+                        <p class="capitalize font-bold">Nombre de usuario:</p>
+                        {{ form_cata.usuarioCatador }}
+                        {% if form_cata.usuarioCatador.errors %}
+                        <small class="capitalize bg-red-400 px-5 tracking-wider rounded">
+                            el nombre de usuario ya esta en uso
+                        </small>
+                        {% endif %}
+                    </label>
+                    <label for="{{ form_cata.nombre.id_for_label }}"
+                        class="text-lg flex flex-col px-2 w-full font-medium tracking-wide mb-4">
+                        <p class="capitalize font-bold">nombre del catador:</p>
+                        {{ form_cata.nombre }}
+                    </label>
+                    <label for="{{ form_cata.apellido.id_for_label }}"
+                        class="text-lg flex flex-col px-2 w-full font-medium tracking-wide mb-4">
+                        <p class="capitalize font-bold">apellido del catador:</p>
+                        {{ form_cata.apellido }}
+                    </label>
+                    <label for="{{ form_cata.telefono.id_for_label }}"
+                        class="text-lg flex flex-col px-2 w-full font-medium tracking-wide mb-4">
+                        <p class="capitalize font-bold">telefono:</p>
+                        {{ form_cata.telefono }}
+                        {% if form_cata.telefono.errors %}
+                        <small class="ct-notificacion capitalize bg-red-400 px-5 tracking-wider rounded">
+                            {{ form_cata.telefono.errors}}
+                        </small>
+                        {% endif %}
+                    </label>
+                    <label for="{{ form_cata.correo.id_for_label }}"
+                        class="text-lg flex flex-col px-2 w-full font-medium tracking-wide mb-4">
+                        <p class="capitalize font-bold">correo:</p>
+                        {{ form_cata.correo }}
+                    </label>
+                    <label for="{{ form_cata.fechaNacimiento.id_for_label }}"
+                        class="text-lg flex flex-col px-2 w-full font-medium tracking-wide mb-4">
+                        <p class="capitalize font-bold">fecha de nacimiento:</p>
+                        {{ form_cata.fechaNacimiento }}
+                    </label>
+                </section>
+                <section class="cs-escalas-radio flex justify-center 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 border-green-800  transition-all rounded-xl bg-green-600 active:bg-green-400 text-white w-fit">
+                        crear catador
+                    </button>
+                    <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 border-yellow-800  transition-all rounded-xl bg-yellow-600 active:bg-yellow-400 text-white w-fit">
+                        regresar
+                    </button>
+                </section>
+            </form>
+        </section>
+    </article>
+</article>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+    const notifiactions = document.getElementsByClassName("ct-notificacion")
+    const inputs = document.getElementsByClassName("ct-inputs-pos-cata")
+
+    for (let index = 0; index < inputs.length; index++) {
+        inputs.item(index).addEventListener("change", hiddenErrorAndMessages)
+    }
+
+    function hiddenErrorAndMessages (e) {
+        for (let index = 0; index < notifiactions.length; index++) {
+            console.log("Oculto")
+            notifiactions.item(index).classList.add("hidden")
+        }
+    }
+</script>
+{% endblock %}

tecnicas/templates/tecnicas/catadores-panel.html

@@ -14,21 +14,23 @@
                 class="text-white bg-blue-600 hover:bg-blue-700 active:outline-none active:ring-4 active:ring-blue-300 font-medium rounded-xl text-xl p-4 text-center uppercase">Panel
                 principal</a>
             <div class="w-full h-60 bg-gray-200 rounded-2xl relative">
-                <img src="{% static 'img/pn_gc_test.webp' %}"
-                    alt="un hombre en smokin probando vino" class="h-full w-full object-cover rounded-xl">
+                <img src="{% static 'img/pn_gc_test.webp' %}" alt="un hombre en smokin probando vino"
+                    class="h-full w-full object-cover rounded-xl">
             </div>
         </header>
         <section class="flex-1 flex flex-col gap-7">
             <div class="w-full h-40 rounded-2xl">
-                <img src="https://cdn.pixabay.com/photo/2020/06/08/16/19/woman-5275027_640.jpg"
-                    alt="varias personas en fila" class="w-full h-full object-cover rounded-xl">
+                <img src="{% static 'img/pn_gc_people.webp' %}" alt="varias personas en fila"
+                    class="w-full h-full object-cover rounded-xl">
             </div>
+            <a class="flex-1 text-white tracking-wider font-bold bg-green-600 border-green-800 border-r-4 border-b-4 active:border-r-0 active:border-b-0 active:border-t-4 active:border-l-4 transition-all rounded-xl text-xl p-4 flex justify-center items-center uppercase"
+                href="{% url 'cata_system:crear_catador' %}">
+                Crear Cadator
+            </a>
             <button type="button"
-                class="flex-1 text-white bg-green-600 hover:bg-green-700 active:outline-none active:ring-4 active:ring-green-300 font-medium rounded-xl text-xl p-4 w-full text-center uppercase">Crear
-                Cadator</button>
-            <button type="button"
-                class="flex-1 text-white bg-yellow-600 hover:bg-yellow-700 active:outline-none active:ring-4 active:ring-yellow-300 font-medium rounded-xl text-xl p-4 w-full text-center uppercase">Buscar
-                Catador</button>
+                class="flex-1 text-white tracking-wider font-bold bg-yellow-600 border-yellow-800 border-r-4 border-b-4 active:border-r-0 active:border-b-0 active:border-t-4 active:border-l-4 transition-all rounded-xl text-xl p-4 text-center uppercase">
+                Buscar Catador
+            </button>
         </section>
     </article>
 </article>

tecnicas/urls.py

@@ -15,4 +15,5 @@ urlpatterns = [
     path("panel-configuracion-tags", views.configuracionPanelTags, name="panel_configuracion_tags"),
     path("panel-configuracion-words", views.configurationsPanelWords, name="panel_configuracion_words"),
     path("nueva-etiqueta", views.newTag, name="nueva_etiqueta"),
+    path("crear-catador", views.crearCatador, name="crear_catador"),
 ]

tecnicas/views/__init__.py

@@ -7,4 +7,5 @@ from .seleccion_tecnica import selecionTecnica
 from .configuration_panel_basic import configuracionPanelBasic
 from .configuration_panel_tags import configuracionPanelTags
 from .configuration_panel_words import configurationsPanelWords
-from .api_tag import newTag
+from .api_tag import newTag
+from .catador_create import crearCatador

tecnicas/views/catador_create.py

@@ -0,0 +1,33 @@
+from django.http import HttpRequest
+from django.forms import ValidationError
+from django.shortcuts import render
+from ..forms import CatadorForm
+
+def crearCatador(req : HttpRequest):
+    if req.method == "GET":
+        formCatador =  CatadorForm()
+
+        context = {
+            "form_cata": formCatador
+        }
+    
+        return render(req, "tecnicas/catador-crear.html", context)
+    elif req.method == "POST":
+        formCatadorValues = CatadorForm(req.POST)
+        context = {
+            "form_cata": formCatadorValues
+        }
+
+        if formCatadorValues.is_valid():
+            try:
+                formCatadorValues.save()
+                context["message"] = "datos guardados"
+                context["form_cata"] = CatadorForm()
+            except ValidationError:
+                context["error"] = "nombre de usuario en uso"
+                return render(req, "tecnicas/catador-crear.html", context)
+
+            return render(req, "tecnicas/catador-crear.html", context)
+        else:
+            context["error"] = "datos no validos"
+            return render(req, "tecnicas/catador-crear.html", context)