Se crea formulario para productos y orden

tecnicas/forms/__init__.py

@@ -1,3 +1,4 @@
-from .sesion_basic import SesionBasicForm
-from .sesion_tags import SesionTagsForm
-from .etiqueta import EtiquetaForm
+from .sesion_basic_form import SesionBasicForm
+from .sesion_tags_form import SesionTagsForm
+from .etiqueta_form import EtiquetaForm
+from .palabras_form import PalabrasForm

tecnicas/forms/palabras_form.py

@@ -0,0 +1,10 @@
+from django import forms
+
+class PalabrasForm(forms.Form):
+    def __init__(self, *args, codes = [], **kwargs):
+        super().__init__(*args, **kwargs)
+
+        for index, code in enumerate(codes):
+            self.fields[f'producto_{index+1}'] = forms.CharField(max_length=3, required=True, min_length=3, initial=code, label=f"codigo {index+1}", widget=forms.TextInput(attrs={
+                "class": "ct-palabra bg-gray-300 p-1 border-b-1 text-center w-full disabled:bg-gray-500 uppercase"
+            }))

tecnicas/forms/{sesion_tags.py → sesion_tags_form.py}

@@ -1,6 +1,4 @@
 from django import forms
-from django.shortcuts import redirect
-from django.urls import reverse
 
 from ..models import Etiqueta
 
@@ -10,7 +8,7 @@ class SesionTagsForm(forms.Form):
 
         if tipo_escala == "estructurada":
             for i in range(longitud):
-                self.fields[f'segmento_{i}'] = forms.ModelChoiceField(queryset=Etiqueta.objects.all(), required=True,label=f"segmento {i+1}", empty_label="Selecione opcion", widget=forms.Select(attrs={
+                self.fields[f'segmento_{i}'] = forms.ModelChoiceField(queryset=Etiqueta.objects.all(), required=True, label=f"segmento {i+1}", empty_label="Selecione opcion", widget=forms.Select(attrs={
                     "class":"ct-select-op p-1 rounded bg-gray-200 [*]:capitalize"
                 }))
         else:

tecnicas/migrations/0009_alter_orden_id_catador_and_more.py

@@ -0,0 +1,25 @@
+# Generated by Django 5.2.1 on 2025-08-01 21:27
+
+import django.db.models.deletion
+import shortuuid.main
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('tecnicas', '0008_alter_etiqueta_valor_etiqueta_and_more'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='orden',
+            name='id_catador',
+            field=models.ForeignKey(null=True, on_delete=django.db.models.deletion.CASCADE, related_name='orden_catador', to='tecnicas.catador'),
+        ),
+        migrations.AlterField(
+            model_name='sesionsensorial',
+            name='codigo_sesion',
+            field=models.CharField(default=shortuuid.main.ShortUUID.uuid, editable=False, max_length=22, primary_key=True, serialize=False),
+        ),
+    ]

tecnicas/models/orden.py

@@ -6,7 +6,7 @@ from .producto import Producto
 
 class Orden(models.Model):
     id_tecnica = models.ForeignKey(Tecnica, on_delete=models.CASCADE, related_name="orden_tecnica")
-    id_catador = models.ForeignKey(Catador, on_delete=models.CASCADE, related_name="orden_catador")
+    id_catador = models.ForeignKey(Catador, on_delete=models.CASCADE, related_name="orden_catador", null=True)
 
 class Posicion(models.Model):
     id_producto = models.ForeignKey(Producto, on_delete=models.CASCADE, related_name="posicion_producto")

tecnicas/static/js/panel-words.js

@@ -0,0 +1,156 @@
+let inWords = document
+  .getElementsByClassName("ct-palabras-form")[0]
+  .getElementsByClassName("ct-palabra");
+let codes = [];
+let numCata = document.getElementsByClassName("ct-num-cata")[0].value;
+
+let sortData;
+
+initIU();
+
+function submitData(e) {
+  const codesInput = document.createElement("input");
+  codesInput.type = "hidden";
+  codesInput.name = "sort_codes";
+  codesInput.value = JSON.stringify(sortData);
+  this.appendChild(codesInput);
+}
+
+function initIU() {
+  setCodes();
+  definePermutations();
+  addIUPermutations();
+
+  const formWords = document.getElementsByClassName("ct-palabras-form")[0];
+  formWords.addEventListener("submit", submitData);
+}
+
+function setCodes() {
+  if (codes) {
+    codes = [];
+  }
+  for (let i = 0; i < inWords.length; i++) {
+    codes.push(inWords.item(i).value.toUpperCase());
+  }
+}
+
+function setPermutations() {
+  definePermutations();
+  addIUPermutations();
+}
+
+function definePermutations() {
+  setCodes();
+  const permutations = generatePermutations(codes);
+  const newPer = shuffle(permutations);
+
+  const usePermutations = [];
+  let index = 0;
+
+  while (true) {
+    if (usePermutations.length == numCata) {
+      break;
+    } else if (index < newPer.length) {
+      usePermutations.push(newPer[index]);
+      index++;
+    } else if (index >= newPer.length) {
+      index = 0;
+    }
+  }
+
+  const permutationsSort = [];
+
+  usePermutations.forEach((permutation) => {
+    let newValue = [];
+    let index = 1;
+
+    permutation.forEach((cod) => {
+      newValue.push({
+        code: cod,
+        position: index,
+      });
+
+      index++;
+    });
+
+    permutationsSort.push(newValue);
+  });
+
+  sortData = permutationsSort.slice();
+}
+
+function generatePermutations(objetos) {
+  var result = [];
+
+  var backtrack = (index, objetos) => {
+    if (index === objetos.length) {
+      result.push(objetos.slice());
+      return;
+    }
+
+    for (let j = index; j < objetos.length; j++) {
+      [objetos[index], objetos[j]] = [objetos[j], objetos[index]];
+      backtrack(index + 1, objetos);
+      [objetos[index], objetos[j]] = [objetos[j], objetos[index]];
+    }
+  };
+
+  backtrack(0, objetos);
+  return result;
+}
+
+function shuffle(arr) {
+  const arrSuffle = arr.slice();
+
+  for (let i = arrSuffle.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [arrSuffle[i], arrSuffle[j]] = [arrSuffle[j], arrSuffle[i]];
+  }
+
+  return arrSuffle;
+}
+
+function addIUPermutations() {
+  const container = document.getElementsByClassName("ct-orden-list")[0];
+  const itemsChild = [];
+  container.replaceChildren();
+
+  let index = 1;
+
+  sortData.forEach((permuta) => {
+    const paragraph = document.createElement("p");
+    paragraph.classList.add("px-3", "font-bold", "text-xl", "text-black");
+    paragraph.textContent = `orden ${index}`;
+
+    const unlist = document.createElement("ul");
+    unlist.classList.add(
+      "flex",
+      "flex-wrap",
+      "gap-3",
+      "px-3",
+      "py-1",
+      "text-white"
+    );
+
+    permuta.forEach((obj) => {
+      const itemList = document.createElement("li");
+      itemList.classList.add(
+        "px-2",
+        "bg-gray-600",
+        "font-bold",
+        "tracking-wide"
+      );
+      itemList.textContent = `${obj.position}: ${obj.code}`;
+      unlist.appendChild(itemList);
+    });
+
+    const section = document.createElement("section");
+    section.classList.add("bg-gray-400", "py-2");
+
+    section.appendChild(paragraph);
+    section.appendChild(unlist);
+
+    container.appendChild(section);
+    index++;
+  });
+}

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

@@ -1,4 +1,5 @@
 {% extends 'tecnicas/base.html' %}
+{% load static %}
 
 {% block title %}Panel Configuracion{% endblock %}
 
@@ -6,6 +7,49 @@
 <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>
+        {% if error %}
+        <p class="text-2xl">{{ error }}</p>
+        {% endif %}
+        <form method="post" action="" class="ct-palabras-form flex flex-col gap-5">
+            {% csrf_token %}
+            <h2 class="text-2xl mb-2 font-bold">Codificar productos</h2>
+            <article class="flex flex-row flex-wrap gap-4 items-center justify-center">
+                <p class="text-center font-bold tracking-wide text-xl bg-gray-500 text-white px-3 py-3 pb-4 rounded">
+                    Puede dejar los campos como están para usar los códigos predefinidos.
+                </p>
+                {% for field in form_worlds %}
+                <label for="{{ field.id_for_label }}"
+                    class="text-lg flex flex-col items-center px-2 font-medium tracking-wide">
+                    <p class="tracking-normal capitalize text-base font-bold">{{ field.label }}</p>
+                    {{ field }}
+                </label>
+                {% endfor %}
+            </article>
+            <article class="flex justify-center gap-5">
+                <button type="button"
+                    class="ct-gen-or 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 capitalize"
+                    onclick="setPermutations()">
+                    regenerar ordenes
+                </button>
+            </article>
+            <article>
+                <h2 class="text-2xl mb-2 font-bold">Ordenes</h2>
+                <section class="flex justify-center">
+                    <article
+                        class="ct-orden-list flex flex-wrap px-3 py-4 justify-center items-center capitalize text-lg bg-gray-500 gap-5 w-fit">
+                    </article>
+                </section>
+            </article>
+            <article class="flex justify-center items-center py-3 rounded">
+                <button type="submit"
+                    class="ct-btn-submit 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 disabled:bg-amber-600">Continuar</button>
+            </article>
+        </form>
+        <input type="number" value="{{ num_cata }}" class="ct-num-cata hidden" disabled>
     </article>
 </article>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{% static 'js/panel-words.js' %}"></script>
 {% endblock %}

tecnicas/utils/__init__.py

@@ -0,0 +1,2 @@
+from .code_generate import generarCodigo
+from .code_generate import generarCodigos

tecnicas/utils/code_generate.py

@@ -0,0 +1,19 @@
+import string
+import random
+
+def generarCodigo():
+    caracteres = string.ascii_letters + string.digits
+    codigo = ''.join(random.choice(caracteres) for _ in range(3))
+    codigo = codigo.upper()
+    return codigo
+
+def generarCodigos(numCodes):
+    codes_products = []
+    for i in range(numCodes):
+        while True:
+            code = generarCodigo()
+            if not codes_products.__contains__(code):
+                codes_products.append(code)
+                break
+
+    return codes_products

tecnicas/views/configuration_panel_tags.py

@@ -37,7 +37,7 @@ def configuracionPanelTags(req: HttpRequest):
                 values[name] = value.id
 
             req.session["form_tags"] = values
-            return render(req, "tecnicas/configuracion-panel-tags.html", context_tags)
+            return redirect(reverse("cata_system:panel_configuracion_words"))
         else:
             context_tags["error"] = "ha ocurrido un error"
             return render(req, "tecnicas/configuracion-panel-tags.html", context_tags)

tecnicas/views/configuration_panel_words.py

@@ -1,5 +1,58 @@
 from django.http import HttpRequest
-from django.shortcuts import render
+from django.shortcuts import render, redirect
+from django.urls import reverse
+from ..utils import generarCodigos
+from ..forms import PalabrasForm
+import json
 
 def configurationsPanelWords(req:HttpRequest):
-    return render(req, "tecnicas/configuracion-panel-palabras.html")
+    data_basic = req.session["form_basic"]
+    data_tags = req.session["form_tags"]
+
+    if not data_basic or not data_tags:
+        redirect(reverse("cata_system:seleccion_tecnica") + "?error=datos del formulario requerido no encontrados")
+
+    num_products = data_basic["numero_productos"]
+    num_cata = data_basic["numero_jueces"]
+
+    if req.method == "GET":
+        codes_products = generarCodigos(num_products)
+
+        form_worlds = PalabrasForm(codes=codes_products)
+
+        context_worlds_form = {
+            "form_worlds" : form_worlds,
+            "num_cata": num_cata
+        }
+        
+        return render(req, "tecnicas/configuracion-panel-palabras.html", context_worlds_form)
+    elif req.method == "POST":
+        sorts_code = json.loads(req.POST.get("sort_codes"))
+        codes = []
+
+        for name, value in req.POST.items():
+            if name.__contains__("producto_"):
+                codes.append(value)
+
+        form_worlds = PalabrasForm(req.POST, codes=codes)
+
+        if form_worlds.is_valid():
+            code_sort = {"product_codes":[]}
+
+            for name, value in form_worlds.cleaned_data.items():
+                code_sort["product_codes"].append({name: value})
+
+            code_sort["sort_codes"] = sorts_code
+
+            print(code_sort)
+            print("Todo ok")
+        else:
+            print("datos no validos")
+        
+        context_worlds_form = {
+            "form_worlds" : form_worlds,
+            "num_cata": num_cata,
+            "error": "error en los datos recibidos"
+        }
+
+        return render(req, "tecnicas/configuracion-panel-palabras.html", context_worlds_form)