Se mandan datos al api

tecnicas/controllers/__init__.py

@@ -36,5 +36,5 @@ from .views_controller.sessions_tester.test_cata_controller import TestCataContr
 from .views_controller.vocabulary_manage.create_vocabulary_controller import CreateVocabularyController
 from .views_controller.vocabulary_manage.list_vocabulary_controller import ListVocabularyController
 
-from .views_controller.api_rating_controller import ApiRatingController
+from .api_controller.rating_sacales_controller import RatingScalesController
 from .views_controller.tester_list_controller import TesterListController

tecnicas/controllers/api_controller/rating_cata_controller.py

@@ -0,0 +1,33 @@
+from django.http import JsonResponse, HttpRequest
+from django.db import transaction
+from tecnicas.models import Calificacion, Dato, ValorBooleano, Participacion, Palabra
+
+
+class RatingCataController():
+    def __init__(self):
+        pass
+
+    @staticmethod
+    def saveRatingWords(request: HttpRequest, data_words: list[dict]):
+        try:
+            with transaction.atomic():
+                participation = Participacion.objects.get(
+                    id=request.session["id_participation"])
+                if not participation:
+                    raise ValueError("No está autorizado en la sesión")
+                
+                # ids_words = [wo.id for ]
+                
+                words_for_rating = Palabra.objects.filter(id__in=ids_words)
+
+                technique = participation.tecnica
+                rating = Calificacion.objects.get_or_create(
+                    num_repeticion=technique.repeticion
+                    id_producto=1
+                    id_tecnica=1
+                    id_catador=1
+                )
+                pass
+        except ValueError as e:
+            print(f"Error de calificacion: {e}")
+            return JsonResponse({"error": e}, statusstatus=500)

tecnicas/controllers/{views_controller/api_rating_controller.py → api_controller/rating_sacales_controller.py}

@@ -1,8 +1,8 @@
-from ...controllers import CalificacionController, DatoController
+from .. import CalificacionController, DatoController
 from ...utils import controller_error
 
 
-class ApiRatingController():
+class RatingScalesController():
     def __init__(self, rating_controller: CalificacionController, data_controller: DatoController):
         self.rating_controller = rating_controller
         self.data_controller = data_controller

tecnicas/static/js/created-scale.js

@@ -44,7 +44,7 @@ async function sendRating(word) {
   const formRatingWord = document.querySelector(`.form-rating-${word}`);
 
   const dataForm = new FormData(formRatingWord);
-  const url = "/cata/testers/api/ratingword";
+  const url = "/cata/testers/api/ratingword/escalas";
 
   const codeProduct = document
     .querySelector(".ct-product-rating")

tecnicas/static/js/test-cata.js

@@ -1,21 +1,124 @@
 document.addEventListener("DOMContentLoaded", () => {
+  const containFormData = document.querySelector(".words-check-container");
+
   const form = document.getElementById("wordsForm");
+  const csrfToken = document.querySelector("[name=csrfmiddlewaretoken]").value;
+  const message = document.getElementById("response-message");
+
+  const modal = document.getElementById("confirmModal");
+  const modalContent = document.getElementById("confirmModalContent");
+  const cancelBtn = document.getElementById("cancelBtn");
+  const confirmBtn = document.getElementById("confirmBtn");
+
+  const URL = "/cata/testers/api/ratingword/cata";
+
+  let wordsData = [];
+
+  const checkboxes = form.querySelectorAll('input[type="checkbox"]');
+  checkboxes.forEach((cb) => (cb.checked = false));
 
   form.addEventListener("submit", (e) => {
-    e.preventDefault(); // prevenimos envío por defecto
+    e.preventDefault();
+
     const checkboxes = form.querySelectorAll('input[type="checkbox"]');
-    const unchecked = Array.from(checkboxes).filter((cb) => !cb.checked);
+    wordsData = Array.from(checkboxes).map((cb) => ({
+      id: parseInt(cb.dataset.wordId),
+      word: cb.dataset.wordName,
+      is_check: cb.checked,
+    }));
+
+    showModal(wordsData);
+  });
+
+  function showModal(words) {
+    const checkedWords = words.filter((w) => w.is_check);
+    const uncheckedWords = words.filter((w) => !w.is_check);
 
-    if (unchecked.length > 0) {
-      const confirmLeaveBlank = confirm(
-        "Algunas palabras no han sido marcadas. ¿Deseas continuar dejando esas casillas en blanco?"
-      );
+    modalContent.innerHTML = `
+            <div>
+                <p class="font-semibold text-green-600">Palabras seleccionadas:</p>
+                <ul class="flex flex-wrap gap-2">
+                    ${
+                      checkedWords.length > 0
+                        ? checkedWords
+                            .map(
+                              (w) =>
+                                `<li class="border-r border-b p-1">${w.word}</li>`
+                            )
+                            .join("")
+                        : '<li class="border-b p-1 w-full">Ninguna</li>'
+                    }
+                </ul>
+            </div>
+            <div class="mt-3">
+                <p class="font-semibold text-red-600">Palabras no seleccionadas:</p>
+                <ul class="flex flex-wrap gap-2">
+                    ${
+                      uncheckedWords.length > 0
+                        ? uncheckedWords
+                            .map(
+                              (w) =>
+                                `<li class="border-r border-b p-1">${w.word}</li>`
+                            )
+                            .join("")
+                        : '<li class="border-b p-1 w-full">Todas seleccionadas</li>'
+                    }
+                </ul>
+            </div>
+        `;
+    modal.classList.remove("hidden");
+  }
 
-      if (!confirmLeaveBlank) {
+  cancelBtn.addEventListener("click", () => {
+    modalContent.innerHTML = "";
+    modal.classList.add("hidden");
+  });
+
+  confirmBtn.addEventListener("click", async () => {
+    modal.classList.add("hidden");
+
+    try {
+      const response = await fetch(URL, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-CSRFToken": csrfToken,
+          "X-Requested-With": "XMLHttpRequest",
+        },
+        body: JSON.stringify({ words: wordsData }),
+      });
+
+      if (!response.ok) {
+        message.textContent = "Error en la respuesta del servidor";
+        message.classList.remove("hidden");
+        throw new Error("Error en la respuesta del servidor");
+      }
+
+      const result = await response.json();
+      const messError = result.error;
+
+      console.log(messError);
+
+      if (messError) {
+        message.textContent = messError;
         return;
       }
+      containFormData.innerHTML = `
+            <section class="space-y-4">
+                <h3 class="text-xl font-bold">
+                    Exito al guardar
+                </h3>
+                <p class="text-sm italic">
+                    ${result.message}
+                </p>
+                <button type="button" class="cts-btn-general cts-btn-primary btn-push">
+                    Siguiente Producto
+                </button>
+            </section>
+      `;
+    } catch (err) {
+      console.error(err);
+      alert("Ocurrió un error al enviar los datos ❌");
     }
-
-    // form.submit();
   });
 });

tecnicas/templates/tecnicas/forms_tester/cata.html

@@ -6,7 +6,7 @@
 
 {% block content %}
 <article class="cts-container-main">
-    <article class="cts-wrap-content text-black">
+    <article class="cts-wrap-content text-black relative">
         <header class="text-center flex-row max-sm:flex-col 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
@@ -63,8 +63,13 @@
             </section>
         </article>
 
+        <p id="response-message"
+            class="text-white font-bold text-lg text-center bg-red-400 px-2 py-4 rounded-lg hidden">
+            Soy el mensaje para responder
+        </p>
+
         <article
-            class="words-check-container bg-surface-card w-full max-w-3xl mx-auto p-6 bg-base-200 rounded-xl shadow-lg">
+            class="words-check-container bg-surface-card w-full max-w-3xl mx-auto p-6 bg-base-200 rounded-xl shadow-lg text-center">
             <form id="wordsForm" method="POST" class="flex flex-col gap-4">
                 {% csrf_token %}
                 <div class="grid lg:grid-cols-4 md:grid-cols-3 grid-cols-2 gap-4">
@@ -72,8 +77,8 @@
                     <label
                         class="flex items-center justify-between bg-surface-sweet p-4 gap-2 rounded-lg shadow-sm hover:shadow-md transition-all">
                         <span class="text-lg font-medium">{{ word }}</span>
-                        <input type="checkbox" name="word_{{ word.id }}" class="checkbox checkbox-md checkbox-secondary"
-                            data-word-id="{{ word.id }}" />
+                        <input type="checkbox" name="word_{{ word.id }}" class="checkbox checkbox-primary"
+                            data-word-id="{{ word.id }}" data-word-name="{{ word }}" />
                     </label>
                     {% empty %}
                     <p class="text-center text-gray-500">No hay palabras disponibles.</p>
@@ -84,6 +89,25 @@
                 </button>
             </form>
         </article>
+
+        <section id="confirmModal" class="absolute w-full h-full left-0 top-0 flex justify-center items-center bg-gray-500/70 hidden">
+            <div class="absolute max-w-xl bg-surface-card shadow-lg rounded-lg p-4">
+                <div class="space-y-4">
+                    <h3 class="font-bold text-lg mb-4">Confirma tu elección</h3>
+                    <div id="confirmModalContent" class="space-y-2 max-h-60 overflow-y-auto">
+                    </div>
+                    <div>
+                        <button id="cancelBtn" class="cts-btn-general-compress cts-btn-secondary btn-push py-1 px-4">
+                            Cancelar
+                        </button>
+                        <button id="confirmBtn" class="cts-btn-general-compress cts-btn-primary btn-push py-1 px-4">
+                            Confirmar
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </section>
+
     </article>
 </article>
 {% endblock %}

tecnicas/urls.py

@@ -128,7 +128,11 @@ urlpatterns = [
          views.wordsVocabulary,
          name="api_palabras_vocabulary"),
 
-    path("testers/api/ratingword",
-         views.reatingWord,
-         name="api_rating_word"),
+    path("testers/api/ratingword/escalas",
+         views.ratingWordScales,
+         name="api_rating_word_scalas"),
+
+    path("testers/api/ratingword/cata",
+         views.ratingWordCata,
+         name="api_rating_word_cata"),
 ]

tecnicas/views/__init__.py

@@ -25,7 +25,8 @@ from .vocabulary_management.list_vocabulary import listVocabulary
 from .apis.api_tag import newTag
 from .apis.api_words import words
 from .apis.api_words import wordsVocabulary
-from .apis.rating_word import reatingWord
+from .apis.rating_word_scales import ratingWordScales
+from .apis.rating_word_cata import ratingWordCata
 
 from .tester_forms.init_tester_form import initTesterForm
 from .tester_forms.panel_main_tester import mainPanelTester
@@ -33,4 +34,3 @@ from .tester_forms.login_session import loginSessionTester
 from .tester_forms.sessions_list_tester import sessionsListTester
 from .tester_forms.convencional_scales import convencionalScales
 from .tester_forms.cata_test import cataTest
-

tecnicas/views/apis/rating_word_cata.py

@@ -0,0 +1,20 @@
+from django.http import HttpRequest, JsonResponse
+from tecnicas.utils import general_error
+import json
+
+
+def ratingWordCata(req:  HttpRequest):
+    if req.method == "POST":
+        try:
+            data = json.loads(req.body.decode("utf-8"))
+            words = data.get("words", [])
+
+            print(words)
+
+            return JsonResponse({"message": "Datos recibidos correctamente"})
+        except Exception as e:
+            print("Error:", e)
+            return JsonResponse({"error": "Error procesando datos"}, status=400)
+
+    else:
+        return JsonResponse({"error": "Método no permitido"}, status=405)

tecnicas/views/apis/{rating_word.py → rating_word_scales.py}

@@ -28,12 +28,12 @@
  * Calquier otro metodo que se maneje mandar un error
 '''
 from django.http import HttpRequest, JsonResponse
-from tecnicas.controllers import ApiRatingController, CalificacionController, DatoController
+from tecnicas.controllers import RatingScalesController, CalificacionController, DatoController
 from tecnicas.utils import general_error
 import json
 
 
-def reatingWord(req:  HttpRequest):
+def ratingWordScales(req:  HttpRequest):
     if req.method == "POST":
         if not req.POST["rating-word"] or not req.POST["id-word"] or not req.POST["id-product"]:
             return JsonResponse({"error": "No se mandó información necesaria para la calificación"})
@@ -43,7 +43,7 @@ def reatingWord(req:  HttpRequest):
         received_id_product = json.loads(req.POST.get("id-product"))
         id_technique = json.loads(req.POST.get("id-technique"))
 
-        view_controller = ApiRatingController(
+        view_controller = RatingScalesController(
             rating_controller=CalificacionController(
                 technique=id_technique,
                 product=received_id_product,
@@ -60,4 +60,4 @@ def reatingWord(req:  HttpRequest):
 
         return JsonResponse(response_data)
     else:
-        return general_error("No puede usar este método aquí")
+        return general_error("No puede usar este método aquí")