Se implementa la busqueda de un catador por nombre de usuario

tecnicas/forms/catador_form.py

@@ -6,12 +6,12 @@ class CatadorForm(forms.ModelForm):
         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" ),
+            "usuarioCatador": forms.TextInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white disabled:bg-gray-700" } ),
+            "nombre": forms.TextInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white disabled:bg-gray-700" } ),
+            "apellido": forms.TextInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white disabled:bg-gray-700" } ),
+            "telefono": forms.NumberInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white disabled:bg-gray-700", "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 disabled:bg-gray-700" } ),
+            "fechaNacimiento": forms.DateInput( attrs={ "class": "ct-inputs-pos-cata bg-gray-500 text-center w-full p-1 rounded-lg text-white disabled:bg-gray-700", "type": "date", } ),
         }
 
     def clean(self):

tecnicas/templates/tecnicas/catador-buscar.html

@@ -0,0 +1,142 @@
+{% extends 'tecnicas/base.html' %}
+
+{% block title %}Buscar 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 capitalize">
+                <h1>buscando catatador</h1>
+            </div>
+        </header>
+        <form action="" method="get" class="flex flex-col gap-5">
+            <h2 class="text-2xl mb-2 font-bold">Ingrese el nombre de usuario del catador</h2>
+            <section class="">
+                <label for="usuario" class="text-lg flex flex-col px-2 w-full font-medium tracking-wide mb-4">
+                    <div class="flex flex-wrap gap-4 justify-center items-center">
+                        <p class="capitalize font-bold">nombre de usuario:</p>
+                        <input id="usuario" type="text" class="bg-gray-500 text-center w-fit p-1 rounded-lg text-white"
+                            name="user" required>
+                        <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">
+                            buscar
+                        </button>
+                        <a href="{% url 'cata_system:panel_catadores' %}"
+                            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
+                        </a>
+                    </div>
+                    {% if catador.errors %}
+                    <small class="capitalize bg-red-400 px-5 tracking-wider rounded">
+                        {{ catador.errors }}
+                    </small>
+                    {% endif %}
+                </label>
+            </section>
+        </form>
+        {% if form_catador %}
+        <form action="" method="post">
+            {% csrf_token %}
+            <section class="grid grid-cols-2 max-sm:grid-cols-1 [&>label]:px-6 max-sm:[&>label]:px-2">
+                <label for="{{ form_catador.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_catador.usuarioCatador }}
+                    {% if form_catador.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_catador.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_catador.nombre }}
+                </label>
+                <label for="{{ form_catador.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_catador.apellido }}
+                </label>
+                <label for="{{ form_catador.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_catador.telefono }}
+                    {% if form_catador.telefono.errors %}
+                    <small class="ct-notificacion capitalize bg-red-400 px-5 tracking-wider rounded">
+                        {{ form_catador.telefono.errors}}
+                    </small>
+                    {% endif %}
+                </label>
+                <label for="{{ form_catador.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_catador.correo }}
+                </label>
+                <label for="{{ form_catador.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_catador.fechaNacimiento }}
+                </label>
+            </section>
+            <section class="cs-escalas-radio flex justify-center items-center gap-4">
+                <button type="button"
+                    class="ct-btn-actualizar uppercase text-lg tracking-wider font-medium p-2 px-4 border-b-2 active:border-b-0 active:border-t-2 border-purple-800  transition-all rounded-xl bg-purple-600 active:bg-purple-400 text-white w-fit"
+                    onclick="enableInputs()">
+                    actualizar
+                </button>
+                <button type="button"
+                    class="ct-btn-guardar 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 hidden">
+                    guardar
+                </button>
+                <button type="button"
+                    class="ct-btn-cancel 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 hidden"
+                    onclick="changeButtons(disableInputs)">
+                    cancelar
+                </button>
+            </section>
+        </form>
+        {% endif %}
+    </article>
+</article>
+{% endblock %}
+
+{% block extra_js %}
+<script>
+    const inputs = document.getElementsByClassName("ct-inputs-pos-cata")
+    disableInputs()
+
+    function disableInputs () {
+        for (let index = 0; index < inputs.length; index++) {
+            inputs.item(index).disabled = true
+        }
+    }
+
+    function enableInputs () {
+        for (let index = 0; index < inputs.length; index++) {
+            inputs.item(index).disabled = false
+        }
+        changeButtons()
+    }
+
+    function changeButtons (callBack = function () { }) {
+        const btnUpdate = document.getElementsByClassName("ct-btn-actualizar")[0]
+        const btnSave = document.getElementsByClassName("ct-btn-guardar")[0]
+        const btnCancel = document.getElementsByClassName("ct-btn-cancel")[0]
+
+        if (btnUpdate.classList.contains("hidden")) {
+            btnUpdate.classList.remove("hidden")
+            btnSave.classList.add("hidden")
+            btnCancel.classList.add("hidden")
+        } else {
+            btnUpdate.classList.add("hidden")
+            btnSave.classList.remove("hidden")
+            btnCancel.classList.remove("hidden")
+        }
+
+        callBack()
+    }
+
+</script>
+{% endblock %}

tecnicas/templates/tecnicas/catador-crear.html

@@ -72,10 +72,10 @@
                         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"
+                    <a href="{% url 'cata_system:panel_catadores' %}"
                         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>
+                    </a>
                 </section>
             </form>
         </section>

tecnicas/templates/tecnicas/catadores-panel.html

@@ -27,10 +27,10 @@
                 href="{% url 'cata_system:crear_catador' %}">
                 Crear Cadator
             </a>
-            <button type="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">
+            <a href="{% url 'cata_system:buscar_catador' %}"
+                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 flex justify-center items-center uppercase">
                 Buscar Catador
-            </button>
+            </a>
         </section>
     </article>
 </article>

tecnicas/urls.py

@@ -16,4 +16,5 @@ urlpatterns = [
     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"),
+    path("buscar-catador", views.searchCatador, name="buscar_catador"),
 ]

tecnicas/views/__init__.py

@@ -8,4 +8,5 @@ from .configuration_panel_basic import configuracionPanelBasic
 from .configuration_panel_tags import configuracionPanelTags
 from .configuration_panel_words import configurationsPanelWords
 from .api_tag import newTag
-from .catador_create import crearCatador
+from .catador_create import crearCatador
+from .catador_search import searchCatador

tecnicas/views/catador_search.py

@@ -0,0 +1,25 @@
+from django.http import HttpRequest
+from django.shortcuts import render
+from django.db import Error
+from ..forms import CatadorForm
+from ..models import Catador
+
+def searchCatador(req : HttpRequest):
+    if req.method == "GET":
+        try:
+            user = req.GET["user"]
+        except:
+            user = False
+        
+        context = {}
+        if user:
+            try:
+                catador = Catador.objects.get(usuarioCatador=user)
+                print(catador.fechaNacimiento)
+                context["form_catador"] = CatadorForm(instance=catador)
+            except Error:
+                context["error"] = "usuario no encontrado"
+
+            return render(req, "tecnicas/catador-buscar.html", context)
+
+        return render(req, "tecnicas/catador-buscar.html")