Presentacion de sesion con Sort para el catador

tecnicas/controllers/__init__.py

@@ -43,6 +43,7 @@ from .views_controller.sessions_tester.tests_forms.test_scales_controller import
 from .views_controller.sessions_tester.tests_forms.test_rata_controller import TestRataController
 from .views_controller.sessions_tester.tests_forms.test_cata_controller import TestCataController
 from .views_controller.sessions_tester.tests_forms.test_pf_controller import TestPFController
+from .views_controller.sessions_tester.tests_forms.test_sort_controller import TestSortController
 
 from .views_controller.sessions_tester.init_session.init_session_escalas_controller import InitSessionEscalasController
 from .views_controller.sessions_tester.init_session.init_session_rata_controller import InitSessionRATAController

tecnicas/controllers/views_controller/sessions_tester/init_session/init_session_sort_controller.py

@@ -1,6 +1,8 @@
 from django.http import HttpRequest
-from django.shortcuts import render
+from django.shortcuts import render, redirect
+from django.urls import reverse
 from tecnicas.models import Participacion
+from tecnicas.controllers import ParticipacionController
 from .init_session_controller import InitSessionController
 
 
@@ -8,9 +10,9 @@ class InitSessionSortController(InitSessionController):
     def __init__(self, sensorial_session, user_tester):
         super().__init__(sensorial_session, user_tester)
         self.current_direction = "tecnicas/forms_tester/init_test_sort.html"
-        self.pf_direction = "cata_system:session_pf"
+        self.sort_direction = "cata_system:session_sort"
 
-    def controllGet(self, request: HttpRequest):
+    def controllGet(self, request: HttpRequest, error=""):
         context = {
             "session": self.session,
             "type_technique": self.session.tecnica.tipo_tecnica.nombre_tecnica
@@ -23,6 +25,9 @@ class InitSessionSortController(InitSessionController):
         if is_end:
             context["message"] = "El catador ha terminado de realizar su evaluación, espere instrucciones del presentador"
 
+        if "error" in request.GET:
+            context["error"] = request.GET["error"]
+
         return render(request, self.current_direction, context)
 
     def isEndedSession(self):
@@ -30,3 +35,43 @@ class InitSessionSortController(InitSessionController):
             catador=self.tester, tecnica=self.session.tecnica)
 
         return participation.finalizado
+
+    def controllPost(self, request: HttpRequest):
+        context = {
+            "session": self.session,
+            "type_technique": self.session.tecnica.tipo_tecnica.nombre_tecnica
+        }
+
+        use_action = request.POST["action"]
+
+        if use_action == "start_posting":
+            parameters = {
+                "code_sesion": self.session.codigo_sesion
+            }
+
+            is_end = self.isEndedSession()
+            if is_end:
+                context["message"] = "El catador ha terminado de realizar su evaluación, espere instrucciones del presentador"
+                return render(request, self.current_direction, context)
+
+            update_participation = ParticipacionController.enterSession(
+                tester=request.user.user_catador, session=self.session)
+
+            if isinstance(update_participation, dict):
+                context["error"] = update_participation["error"]
+                return render(request, self.current_direction, context)
+
+            request.session["id_participation"] = update_participation.id
+
+            return redirect(reverse(self.sort_direction, kwargs=parameters))
+
+        elif use_action == "exit_session":
+            response = ParticipacionController.outSession(
+                tester=request.user.user_catador, session=self.session)
+            if isinstance(response, dict):
+                context["error"] = response["error"]
+            return render(request, self.current_direction, context)
+
+        else:
+            context["error"] = "Acción sin especificar"
+            return render(request, self.current_direction, context)

tecnicas/controllers/views_controller/sessions_tester/tests_forms/test_sort_controller.py

@@ -0,0 +1,49 @@
+from django.http import HttpRequest
+from django.shortcuts import redirect, render
+from django.urls import reverse
+from tecnicas.models import Participacion, Producto, Calificacion, Palabra, GrupoProducto
+from tecnicas.controllers import ParticipacionController, PalabrasController, EscalaController
+from tecnicas.forms import ListWordsForm
+from .general_test_controller import GenetalTestController
+
+
+class TestSortController(GenetalTestController):
+    def __init__(self, sensorial_session, user_tester):
+        super().__init__(sensorial_session, user_tester)
+        self.current_directory = "tecnicas/forms_tester/test_sort.html"
+
+    def controllGet(self, request: HttpRequest):
+        '''
+        Objetivo: Entregar al cliente los grupos de productos guardados hechos por el catador en una lista, de lo contrario solo mandar una lista vacia
+        - Comprobar que el Catador aun no finalice su la sesion
+        - Obtener todos los productos en la tecnica
+        - Obtener todos los grupos creadas por el usuario
+            - Si hay grupos, cada item de la lista a mandar debe incluir los productos asociados al grupo como las palabras que describen al grupo
+            - Si no hay grupos, solo mandar una lista vacia
+        - Mandar la lista de grupos como la lista de productos
+        - Agregar el formulario para describir los grupo
+        '''
+        self.context["session"] = self.session
+        technique = self.session.tecnica
+
+        self.participation = Participacion.objects.get(
+            tecnica=technique, catador=request.user.user_catador)
+
+        # Comprobar que el Catador no haya finalizado
+        if self.participation.finalizado:
+            params = {
+                "code_sesion": self.session.codigo_sesion
+            }
+            return redirect(reverse(self.previus_directory, kwargs=params))
+
+        products_in_technique = Producto.objects.filter(id_tecnica=technique)
+        self.context["products"] = products_in_technique
+
+        grups_products = GrupoProducto.objects.filter(
+            tecnica=technique, catador=request.user.user_catador)
+
+        self.context["grups_products"] = grups_products if grups_products else []
+
+        self.context["form_word"] = ListWordsForm()
+
+        return render(request, self.current_directory, self.context)

tecnicas/migrations/0024_alter_sesionsensorial_codigo_sesion_grupoproducto.py

@@ -0,0 +1,30 @@
+# Generated by Django 5.2.1 on 2025-11-25 01:18
+
+import django.db.models.deletion
+import shortuuid.main
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('tecnicas', '0023_alter_sesionsensorial_codigo_sesion_listapalabras'),
+    ]
+
+    operations = [
+        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),
+        ),
+        migrations.CreateModel(
+            name='GrupoProducto',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('catador', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='catador_grupo_producto', to='tecnicas.catador')),
+                ('palabras', models.ManyToManyField(related_name='grupo_producto', to='tecnicas.palabra')),
+                ('productos', models.ManyToManyField(related_name='grupo_producto', to='tecnicas.producto')),
+                ('tecnica', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='tecnica_grupo_producto', to='tecnicas.tecnica')),
+            ],
+        ),
+    ]

tecnicas/models/__init__.py

@@ -30,3 +30,4 @@ from .orden import Posicion
 from .participacion import Participacion
 
 from .lista_palabras import ListaPalabras
+from .grupo_producto import GrupoProducto

tecnicas/models/grupo_producto.py

@@ -0,0 +1,19 @@
+from django.db import models
+from tecnicas.models import Tecnica, Catador, Palabra, Producto
+
+
+class GrupoProducto(models.Model):
+    tecnica = models.ForeignKey(
+        Tecnica, on_delete=models.CASCADE, related_name="tecnica_grupo_producto")
+    
+    catador = models.ForeignKey(
+        Catador, on_delete=models.CASCADE, related_name="catador_grupo_producto")
+
+    productos = models.ManyToManyField(
+        Producto, related_name="grupo_producto")
+
+    palabras = models.ManyToManyField(
+        Palabra, related_name="grupo_producto")
+
+    def __str__(self):
+        return f"{self.tecnica.sesion_tecnica.codigo_sesion} - {self.catador.user.username}"

tecnicas/static/js/test-sort.js

@@ -0,0 +1,400 @@
+let dragged = null;
+
+const productsPlaceHolder = `
+    <p class="text-products text-center text-lg font-medium">
+        Agrupación de productos
+    </p>`;
+
+const wordsPlaceHolder = `
+    <p class="text-words text-center text-lg font-medium">
+        Lista de atributos
+    </p>`;
+
+const products = document.querySelectorAll(".draggable");
+const zonesDrop = document.querySelectorAll(".dropzone");
+
+const DATA_GRUPS = {};
+
+products.forEach(manageDragables);
+zonesDrop.forEach(manageDropZone);
+
+document
+    .getElementById("question-save")
+    .addEventListener("click", showOptionsSave);
+
+document
+    .getElementById("cancel-save")
+    .addEventListener("click", showQuestionSave);
+
+
+/*
+////
+//////
+//////// Add new grups
+//////
+////
+*/
+
+function addNewGrup() {
+    const container = document.getElementById("containers");
+    const newGrup = document.createElement("section");
+    const styles = "w-fit space-y-4 border rounded p-2 bg-surface-sweet";
+    newGrup.classList.add(...styles.split(" "));
+
+    const formWord = document.getElementById("form-word");
+    const formWordClone = formWord.cloneNode(true);
+    formWordClone.classList.remove("hidden");
+
+    newGrup.innerHTML = `
+        <div class="dropzone w-64 min-h-16 bg-surface-alter-card rounded p-2 flex items-center justify-center flex-wrap gap-2">
+            ${productsPlaceHolder}
+        </div>
+        ${formWordClone.outerHTML}
+        <div
+            class="words-container w-64 min-h-16 bg-surface-alter rounded p-2 flex items-center justify-center flex-wrap gap-2">
+            ${wordsPlaceHolder}
+        </div>
+        <div class="cts-container-question flex items-center justify-around gap-2">
+            <button class="cts-question cts-btn-general-compress flex-1 cts-btn-secondary btn-push">
+                ¿Remover este grupo?
+            </button>
+            <button class="cts-remove cts-btn-general-compress flex-1 cts-btn-primary btn-push hidden">
+                Remover
+            </button>
+            <button class="cts-no-remove cts-btn-general-compress flex-1 cts-btn-error btn-push hidden">
+                Conservar
+            </button>
+        </div>`;
+
+    manageDropZone(newGrup.querySelector(".dropzone"));
+    container.appendChild(newGrup);
+}
+
+
+/*
+////
+//////
+//////// Manage products' drags and remove drags
+//////
+////
+*/
+
+/**
+ * 
+ * @param {HTMLElement} zone 
+ */
+function manageDropZone(zone) {
+    /*
+    ////
+    ////// Trash Zone product
+    ////
+    */
+    if (zone.classList.contains("trash-products")) {
+        zone.addEventListener("dragover", (e) => e.preventDefault());
+
+        zone.addEventListener("drop", (event) => {
+            const codeDrag = dragged.dataset.code
+            const oldParent = dragged.parentNode;
+            const oldCodeZone = oldParent.getAttribute("id")
+
+            if (oldParent.classList.contains("original-products")) {
+                spanNotifaction("No puedes borrar este producto");
+                return
+            }
+
+            dragged.remove()
+            removeProduct(codeDrag, oldCodeZone)
+
+            spanNotifaction("Producto removido del grupo", false);
+            dragged = null
+
+            if (oldParent.classList.contains("dropzone") && oldParent.children.length === 0) {
+                oldParent.innerHTML = productsPlaceHolder;
+            }
+        })
+        return
+    }
+
+    /*
+    ////
+    ////// Identificate grups and creata dinamic data
+    ////
+    */
+
+    // Create id for grup
+    const idZone = generateSimpleID()
+
+    // Add products if there en the page
+    const products = []
+    const productsElements = zone.querySelectorAll(".draggable") || None;
+
+    if (productsElements) {
+        productsElements.forEach((proEle) => {
+            products.push({
+                id: proEle.dataset.idProduct,
+                code: proEle.dataset.code
+            })
+        })
+    }
+
+    const parentZone = zone.parentNode;
+    const wordsInGrup = parentZone.querySelectorAll(".item-word") || None
+
+    // Add words if there en the page
+    const words = []
+    if (wordsInGrup) {
+        wordsInGrup.forEach((wordElement) => {
+            words.push(wordElement.textContent)
+        })
+    }
+
+    DATA_GRUPS[idZone] = {
+        products: products,
+        words: words
+    }
+
+    /*
+    ////
+    ////// Drop Zone product
+    ////
+    */
+
+    zone.setAttribute("id", idZone)
+    zone.addEventListener("dragover", (e) => e.preventDefault());
+
+    zone.addEventListener("drop", () => {
+        const codeDrag = dragged.dataset.code
+        const zoneCode = zone.getAttribute("id")
+
+        // Check that new produck is not in currents products of the group
+        const obj = DATA_GRUPS[zoneCode].products.find((product) => product.code == codeDrag)
+        if (obj) {
+            spanNotifaction("Ese producto ya está en el grupo");
+            return
+        }
+
+        DATA_GRUPS[zoneCode].products.push({
+            id: dragged.dataset.idProduct,
+            code: dragged.dataset.code
+        })
+
+        const oldParent = dragged.parentNode;
+
+        const p = zone.querySelector("p");
+        if (p) {
+            p.remove();
+        }
+
+        // Move original or clone product in zone
+        if (oldParent.classList.contains("dropzone")) {
+            zone.appendChild(dragged);
+        } else {
+            const clone = dragged.cloneNode(true);
+            clone.classList.remove("opacity-50");
+            manageDragables(clone);
+            zone.appendChild(clone);
+        }
+
+        if (oldParent.classList.contains("dropzone")) {
+            if (oldParent.children.length === 0) oldParent.innerHTML = productsPlaceHolder;
+            const zoneCodeOld = oldParent.getAttribute("id")
+            removeProduct(codeDrag, zoneCodeOld)
+        }
+    });
+
+    // Add listeners to elements options and WordForm for the list words
+    addListenersButtonQuestionGrup(zone.parentNode)
+    manageFormWord(parentZone.querySelector("form"), parentZone.querySelector(".words-container"), idZone)
+}
+
+/*
+////
+//////
+//////// Management Drags and FormWord
+//////
+////
+*/
+
+/**
+ * 
+ * @param {HTMLElement} el 
+ */
+function manageDragables(el) {
+    el.addEventListener("dragstart", () => {
+        dragged = el;
+        setTimeout(() => el.classList.add("opacity-50"), 0);
+    });
+
+    el.addEventListener("dragend", () => {
+        dragged = null;
+        el.classList.remove("opacity-50");
+    });
+}
+
+/**
+ * 
+ * @param {HTMLFormElementt} form 
+ * @param {HTMLElement} containerWords
+ */
+function manageFormWord(form, containerWords, codeGrup) {
+    form.addEventListener("submit", (e) => {
+        e.preventDefault();
+
+        if (!form.reportValidity()) {
+            return;
+        }
+
+        const input = form.querySelector('input[type="text"]');
+
+        if (!input) return;
+
+        const name = input.value.trim();
+        if (!name) return;
+
+        if (DATA_GRUPS[codeGrup].words.includes(name)) {
+            input.value = "";
+            input.focus();
+            spanNotifaction("Esa palabra ya está en la lista");
+            return;
+        }
+
+        DATA_GRUPS[codeGrup].words.push(name)
+        const wordItem = getItemWord(name, codeGrup)
+
+        const p = containerWords.querySelector("p");
+        if (p) {
+            p.remove();
+        }
+
+        containerWords.appendChild(wordItem)
+
+        input.value = "";
+        input.focus();
+    });
+}
+
+/*
+////
+//////
+//////// Management Drags and FormWord
+//////
+////
+*/
+
+/**
+ * 
+ * @param {HTMLElement} grup 
+ */
+function removeGrup(grup) {
+    delete DATA_GRUPS[grup.querySelector(".dropzone").getAttribute("id")]
+    grup.remove()
+}
+
+function removeWord(code, wordName) {
+    const newWords = DATA_GRUPS[code].words.filter(word => word != wordName)
+    DATA_GRUPS[code].words = newWords
+}
+
+function removeProduct(codeProduct, codeZone) {
+    const newProducts = DATA_GRUPS[codeZone].products.filter((product) => product.code != codeProduct)
+    DATA_GRUPS[codeZone].products = newProducts
+}
+
+/**
+ * 
+ * @param {HTMLElement} grupContainer 
+ */
+function addListenersButtonQuestionGrup(grupContainer) {
+    // Function hidden question
+    grupContainer.querySelector(".cts-question").addEventListener("click", (event) => {
+        hiddenQuestionRemove(grupContainer)
+    })
+
+    // Function cancel remove
+    grupContainer.querySelector(".cts-no-remove").addEventListener("click", (event) => {
+        hiddenQuestionRemove(grupContainer, false)
+    })
+
+    // Function remove grup
+    grupContainer.querySelector(".cts-remove").addEventListener("click", (event) => {
+        removeGrup(grupContainer)
+    })
+}
+
+/**
+ * 
+ * @param {HTMLDivElement} container 
+ * @param {boolean} hiddenQuestion 
+ */
+function hiddenQuestionRemove(container, hiddenQuestion = true) {
+    const question = container.querySelector(".cts-question")
+    const remove = container.querySelector(".cts-remove")
+    const noRemove = container.querySelector(".cts-no-remove")
+
+
+    if (hiddenQuestion) {
+        question.classList.add("hidden")
+        remove.classList.remove("hidden")
+        noRemove.classList.remove("hidden")
+    } else {
+        question.classList.remove("hidden")
+        remove.classList.add("hidden")
+        noRemove.classList.add("hidden")
+    }
+}
+
+function generateSimpleID() {
+    const first = Date.now().toString(35);
+    const second = Math.random().toString(36).slice(2);
+    return first + second;
+}
+
+function showOptionsSave() {
+    document.getElementById("question-save").classList.add("hidden");
+    document.getElementById("save-data").classList.remove("hidden");
+    document.getElementById("cancel-save").classList.remove("hidden");
+}
+
+function showQuestionSave() {
+    document.getElementById("question-save").classList.remove("hidden");
+    document.getElementById("save-data").classList.add("hidden");
+    document.getElementById("cancel-save").classList.add("hidden");
+}
+
+function getItemWord(wordName, code) {
+    const STYLES_DIV = "cts-item-words bg-surface-ligt text-black rounded font-bold text-lg p-1 flex flex-wrap flex-row flex-1 min-w-fit justify-center items-center gap-3";
+    const STYLES_BTN = "cts-remove-word cts-btn-general-compress px-2 cts-btn-error"
+
+    const btn = document.createElement("button");
+    btn.setAttribute("data-code", code);
+    btn.setAttribute("data-word", wordName);
+    btn.classList.add(...STYLES_BTN.split(" "));
+    btn.textContent = "➖";
+
+    const span = document.createElement("span");
+    span.classList.add("item-word");
+    span.textContent = wordName;
+
+    const div = document.createElement("div");
+    div.setAttribute("id", `word-${code}-${wordName}`);
+    div.classList.add(...STYLES_DIV.split(" "));
+
+    div.appendChild(span);
+    div.appendChild(btn);
+
+    btn.addEventListener("click", (e) => {
+        removeWord(code, wordName)
+        div.remove()
+    })
+
+    return div;
+};
+
+
+/*
+////
+//////
+//////// Save data
+//////
+////
+*/

tecnicas/templates/tecnicas/forms_tester/test_sort.html

@@ -0,0 +1,168 @@
+{% extends 'tecnicas/layouts/base.html' %}
+
+{% load static %}
+
+{% block title %}Convencional{% endblock %}
+
+{% block content %}
+<article class="cts-container-main">
+    <article class="cts-wrap-content text-black max-w-4xl">
+        <header class="text-center flex-row w-full items-stretch flex justify-around flex-wrap gap-2">
+            <h1 class="rounded font-bold text-2xl bg-surface-ligt p-4 flex-1">
+                Sesión usando <br>técnica
+                <span class="uppercase">{{ session.tecnica.tipo_tecnica }}</span>
+            </h1>
+            <button class="cts-btn-general cts-btn-error btn-push" onclick="exit_sesion('form-actions')">
+                Salir de la sesión
+            </button>
+        </header>
+
+        <article class="hidden">
+            <form action="{% url 'cata_system:catador_init_session' code_sesion=session.codigo_sesion %}" method="post"
+                class="form-actions">
+                {% csrf_token %}
+                <input type="hidden" name="action" class="action-input">
+            </form>
+        </article>
+
+        <section class="hidden">
+            <input type="hidden" value="{{ session.tecnica.id }}" name="id-tecnica" class="ct-input-id-tech">
+        </section>
+
+        {% if error %}
+        {% include "../components/error-message.html" with message=error %}
+        {% endif %}
+
+        <article class="rounded flex flex-col gap-4">
+            <section class="flex items-center justify-center bg-surface-ligt p-2 rounded-lg">
+                <p class="text-lg font-medium text-center">
+                    {{ session.tecnica.instrucciones }}
+                </p>
+            </section>
+
+            <section class="flex items-center justify-center flex-wrap gap-4 bg-surface-ligt p-2 rounded-lg">
+                <p class="text-xl font-bold text-center">
+                    Agrupación de productos
+                </p>
+            </section>
+
+            <section class="flex items-center justify-center flex-wrap gap-4">
+                <div class="bg-surface-ligt p-2 rounded-lg flex-1">
+                    <p class="text-lg font-bold text-center">
+                        Repetición única
+                    </p>
+                </div>
+            </section>
+        </article>
+
+        <form action="" id="form-word" method="post" class="flex items-center gap-2 hidden">
+            <label for="{{ form_word.nombre_palabra.id_for_label }}">
+                {{ form_word.nombre_palabra }}
+            </label>
+            <button type="submit" class="cts-btn-general-compress cts-btn-primary btn-push px-2">➕</button>
+        </form>
+
+        <article class="container-rating-word p-2 py-6 space-y-6 bg-surface-ligt rounded">
+            <!-- Definir toddos los productos -->
+            <h2 class="text-xl font-bold">Productos en la sesión</h2>
+            <div id="items" class="original-products flex gap-4 flex-wrap justify-center"
+                data-original-products="original">
+                {% for product in products %}
+                <div class="draggable bg-btn-secondary text-black font-bold px-4 py-2 rounded cursor-grab"
+                    draggable="true" data-id-product="{{ product.id }}" data-code="{{ product.codigoProducto }}">
+                    {{ product.codigoProducto }}
+                </div>
+                {% endfor %}
+            </div>
+
+            <section class="space-y-4">
+                <!-- Espacio para crear grupos -->
+                <h2 class="text-xl font-bold">Puedes crear los grupos aquí</h2>
+
+                <section class="flex sm:flex-row flex-col items-stretch w-full gap-4">
+                    <article
+                        class="dropzone trash-products flex-1 min-h-16 bg-ct-error rounded py-4 px-2 flex flex-col items-center justify-center flex-wrap gap-2">
+                        <p class="text-lg text-center font-bold text-white">
+                            Arrastra aquí para borrar
+                        </p>
+                        <figure class="w-10">
+                            <img src="{% static 'img/basura.svg' %}" alt="bote de basura" class="invert">
+                        </figure>
+                    </article>
+
+                    <article
+                        class="flex flex-1 items-center justify-center bg-surface-alter p-4 rounded border-2 border-black">
+                        <button class="cts-btn-general cts-btn-primary btn-push" type="button" onclick="addNewGrup()">
+                            ➕ Grupo
+                        </button>
+                    </article>
+                </section>
+
+                <div id="containers" class="flex gap-4 overflow-x-auto py-4 px-2">
+
+                    <section class="w-fit space-y-4 border rounded p-2 bg-surface-sweet">
+                        <article
+                            class="dropzone w-64 min-h-16 bg-surface-alter-card rounded p-2 flex items-center justify-center flex-wrap gap-2">
+                            <p class="text-products text-center text-lg font-medium">
+                                Agrupación de productos
+                            </p>
+                        </article>
+
+                        <form action="" id="form-word" method="post" class="flex items-center gap-2">
+                            <label for="{{ form_word.nombre_palabra.id_for_label }}">
+                                {{ form_word.nombre_palabra }}
+                            </label>
+                            <button type="submit"
+                                class="cts-btn-general-compress cts-btn-primary btn-push px-2">➕</button>
+                        </form>
+
+                        <article
+                            class="words-container w-64 min-h-16 bg-surface-alter rounded p-2 flex items-center justify-center flex-wrap gap-2">
+                            <p class="text-words text-center text-lg font-medium">
+                                Lista de atributos
+                            </p>
+                        </article>
+
+                        <article class="cts-container-question flex items-center justify-around gap-2">
+                            <button class="cts-question cts-btn-general-compress flex-1 cts-btn-secondary btn-push">
+                                ¿Remover este grupo?
+                            </button>
+                            <button class="cts-remove cts-btn-general-compress flex-1 cts-btn-primary btn-push hidden">
+                                Remover
+                            </button>
+                            <button class="cts-no-remove cts-btn-general-compress flex-1 cts-btn-error btn-push hidden">
+                                Conservar
+                            </button>
+                        </article>
+                    </section>
+
+                </div>
+
+            </section>
+
+            <section class="flex justify-end gap-4">
+                <button id="save-progress" class="cts-btn-general cts-btn-primary btn-push">
+                    Guardar datos actuales
+                </button>
+                <button id="question-save" class="cts-btn-general cts-btn-secondary btn-push">
+                    ¿Finalizar sesión?
+                </button>
+                <button id="save-data" class="cts-btn-general cts-btn-primary btn-push hidden">
+                    Finalizar
+                </button>
+                <button id="cancel-save" class="cts-btn-general cts-btn-error btn-push hidden">
+                    Cancelar
+                </button>
+                <span id="loading-data-save" class="loading loading-spinner loading-xl text-accent hidden"></span>
+            </section>
+        </article>
+
+        {% include "../components/toast-container.html" %}
+    </article>
+</article>
+{% endblock %}
+
+{% block extra_js %}
+<script src="{% static 'js/actions-form.js' %}"></script>
+<script src="{% static 'js/test-sort.js' %}"></script>
+{% endblock %}

tecnicas/urls.py

@@ -118,6 +118,10 @@ urlpatterns = [
          views.pfTest,
          name="session_pf"),
 
+    path("testers/init-session/<str:code_sesion>/sort",
+         views.sortTest,
+         name="session_sort"),
+
 
     # APIs
     path("presenter/api/nueva-etiqueta",

tecnicas/views/__init__.py

@@ -36,3 +36,4 @@ from .tester_forms.sessions_list_tester import sessionsListTester
 from .tester_forms.convencional_scales import convencionalScales
 from .tester_forms.cata_test import cataTest
 from .tester_forms.pf_test import pfTest
+from .tester_forms.sort_test import sortTest

tecnicas/views/tester_forms/init_tester_form.py

@@ -50,6 +50,12 @@ def initTesterForm(req: HttpRequest, code_sesion: str):
             view_controller = InitSessionPFController(
                 sensorial_session=session, user_tester=req.user.user_catador)
             response = view_controller.controllPost(request=req)
+
+        elif type_technique == "sort":
+            view_controller = InitSessionSortController(
+                sensorial_session=session, user_tester=req.user.user_catador)
+            response = view_controller.controllPost(request=req)
+        
         else:
             context = {
                 "session": session,

tecnicas/views/tester_forms/sort_test.py

@@ -0,0 +1,20 @@
+from django.http import HttpRequest
+from tecnicas.models import SesionSensorial
+from tecnicas.controllers import TestSortController
+from tecnicas.utils import noValidTechnique
+
+
+def sortTest(req: HttpRequest, code_sesion: str):
+    if req.method == "GET":
+        session = SesionSensorial.objects.get(codigo_sesion=code_sesion)
+        controll_view = TestSortController(
+            sensorial_session=session, user_tester=req.user.user_catador)
+        return controll_view.controllGet(request=req)
+
+    elif req.method == "POST":
+        return noValidTechnique(
+            name_view="cata_system:catador_init_session",
+            query_params={
+                "error": "Método no valido"
+            }
+        )