-
{competencia.descripcion}
-
+ {competencias.length > 0 && (
+
+ {competencias.map((c, i) => (
+
+ {c.descripcion}
+
+
+ ))}
- ))}
-
-
-
- {errors.nuevaCompetencia && (
-
- {errors.nuevaCompetencia.message}
-
- )}
-
-
+ {addCompetencia && (
+
+
+
+ {errors.nuevaCompetencia && (
+
+ {errors.nuevaCompetencia.message}
+
+ )}
+
+
+
+
+
+
+ )}
+
+
+
+
-
-
- )}
-
-
-
-
+
+
-
-
-
-
-
+
);
}
diff --git a/diplomas/src/pages/cursosVista.jsx b/diplomas/src/pages/cursosVista.jsx
index b57bbf0..d9cbd20 100644
--- a/diplomas/src/pages/cursosVista.jsx
+++ b/diplomas/src/pages/cursosVista.jsx
@@ -39,7 +39,8 @@ export default function CursosVista() {
const cargarCursos = async () => {
const { data, error } = await supabaseClient
.from("curso")
- .select(`
+ .select(
+ `
id,
nombre,
descripcion,
@@ -50,7 +51,8 @@ export default function CursosVista() {
descripcion
)
)
- `)
+ `
+ )
.order("id", { ascending: true });
if (error) {
console.error("Error al cargar cursos:", error.message);
@@ -90,7 +92,7 @@ export default function CursosVista() {
// Guardar cambios en curso y competencias
const guardarEdicion = async (id) => {
// Validar que no haya competencias repetidas
- const ids = competenciasGuardadas.map(c => c?.id).filter(Boolean);
+ const ids = competenciasGuardadas.map((c) => c?.id).filter(Boolean);
const setIds = new Set(ids);
if (ids.length !== setIds.size) {
setModalMensaje("No puedes repetir competencias en un curso.");
@@ -109,15 +111,12 @@ export default function CursosVista() {
// Actualiza competencias (tabla pivote)
// 1. Elimina todas las competencias actuales del curso
- await supabaseClient
- .from("curso_competencia")
- .delete()
- .eq("curso_id", id);
+ await supabaseClient.from("curso_competencia").delete().eq("curso_id", id);
// 2. Inserta las nuevas competencias seleccionadas
const competenciasAInsertar = competenciasGuardadas
- .filter(c => c && c.id)
- .map(c => ({
+ .filter((c) => c && c.id)
+ .map((c) => ({
curso_id: id,
competencia_id: c.id,
}));
@@ -157,7 +156,9 @@ export default function CursosVista() {
}
if (alumnosInscritos && alumnosInscritos.length > 0) {
- setModalMensaje("No se puede eliminar el curso porque hay alumnos inscritos a este curso.");
+ setModalMensaje(
+ "No se puede eliminar el curso porque hay alumnos inscritos a este curso."
+ );
setConfirmarEliminar(false);
setMostrarModal(true);
return;
@@ -192,150 +193,167 @@ export default function CursosVista() {
};
const quitarCompetencia = () => {
- setCompetenciasGuardadas(competenciasGuardadas.filter((_, i) => i !== compAEliminar));
+ setCompetenciasGuardadas(
+ competenciasGuardadas.filter((_, i) => i !== compAEliminar)
+ );
setDialogQuitarComp(false);
setCompAEliminar(null);
};
return (
-
{/* Dialog para eliminar curso */}
@@ -371,9 +389,7 @@ export default function CursosVista() {
);
-}
\ No newline at end of file
+}
diff --git a/diplomas/src/pages/diplomasVista.jsx b/diplomas/src/pages/diplomasVista.jsx
index 5fe5e71..4539b60 100644
--- a/diplomas/src/pages/diplomasVista.jsx
+++ b/diplomas/src/pages/diplomasVista.jsx
@@ -2,7 +2,6 @@ import React, { useEffect, useState } from "react";
import Layout from "@/components/layout/Layout";
import { supabaseClient } from "@/utils/supabase";
import { Button } from "@/components/ui/button";
-import CrearDiplomaDialog from "@/components/dialogs/crearDiplomaDialog";
import VistaPreviaDiplomaDialog from "@/components/dialogs/vistaPreviaDiplomaDialog";
export default function DiplomasVista() {
@@ -53,60 +52,51 @@ export default function DiplomasVista() {
return (
-
+
Vista de Diplomas
-
-
-
- | ID |
- Nombre |
- Correo |
- Teléfono |
- Curso |
- Acciones |
-
-
-
- {alumnos.map((alumno) => (
-
- | {alumno.id} |
- {alumno.nombre} |
- {alumno.correo} |
- {alumno.telefono} |
-
- {alumno.curso?.nombre || "Sin curso"}
- |
-
-
- |
+
+
+
+
+ | ID |
+ Nombre |
+ Correo |
+ Teléfono |
+ Curso |
+ Acciones |
- ))}
-
-
+
+
+ {alumnos.map((alumno) => (
+
+ | {alumno.id} |
+ {alumno.nombre} |
+ {alumno.correo} |
+ {alumno.telefono} |
+
+ {alumno.curso?.nombre || "Sin curso"}
+ |
+
+
+ |
+
+ ))}
+
+
+
- {/*
*/}
{
+ if (archivo) extraerContenido();
+ // eslint-disable-next-line
+ }, [archivo]);
+
+ useEffect(() => {
+ const handleRouteChange = (url) => {
+ if (archivo && datos.length > 0) {
+ setDialogoAdvertencia(true);
+ setRutaPendiente(url);
+ throw "Bloqueo de navegación por archivo pendiente";
+ }
+ };
+
+ router.events.on("routeChangeStart", handleRouteChange);
+
+ return () => {
+ router.events.off("routeChangeStart", handleRouteChange);
+ };
+ }, [archivo, datos, router]);
+
+ const registrarInyecciones = async () => {
+ if (datos.length === 0) return;
+
+ setDialogoCargando(true);
+
+ const errores = [];
+
+ for (const inyeccion of datos) {
+ const res = await fetch("/api/inyeccion", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({
+ nombre: inyeccion.nombre,
+ horas: inyeccion.horas,
+ descripcion: inyeccion.descripcion,
+ }),
+ });
+
+ const resultado = await res.json();
+ if (!res.ok) {
+ errores.push({
+ inyeccion,
+ error: resultado.error || "Error desconocido",
+ });
+ }
+ }
+
+ setDialogoCargando(false);
+
+ if (errores.length > 0) {
+ setMensajeDialogo(
+ `Se registraron algunos errores:\n${JSON.stringify(errores, null, 2)}`
+ );
+ } else {
+ setMensajeDialogo(
+ "Todas las inyecciones fueron registradas correctamente."
+ );
+ setArchivo(null);
+ setDatos([]);
+ }
+ setDialogoAbierto(true);
+ };
+
+ const manejarArchivo = (e) => {
+ const file = e.target.files[0];
+ if (validarArchivo(file)) setArchivo(file);
+ };
+
+ const manejarSoltar = (e) => {
+ e.preventDefault();
+ const file = e.dataTransfer.files[0];
+ if (validarArchivo(file)) setArchivo(file);
+ };
+
+ const manejarArrastrar = (e) => e.preventDefault();
+
+ const validarArchivo = (file) => {
+ if (file && (file.name.endsWith(".csv") || file.name.endsWith(".xlsx"))) {
+ return true;
+ } else {
+ setMensajeDialogo("Solo se permiten archivos .csv o .xlsx");
+ setDialogoAbierto(true);
+ return false;
+ }
+ };
+
+ const extraerContenido = () => {
+ if (!archivo) return;
+
+ const extension = archivo.name.split(".").pop().toLowerCase();
+
+ if (extension === "csv") {
+ Papa.parse(archivo, {
+ header: true,
+ skipEmptyLines: true,
+ complete: (result) => {
+ setDatos(result.data);
+ },
+ error: (error) => {
+ console.error("Error al leer el CSV:", error.message);
+ },
+ });
+ } else if (extension === "xlsx") {
+ const reader = new FileReader();
+ reader.onload = (e) => {
+ const data = new Uint8Array(e.target.result);
+ const workbook = XLSX.read(data, { type: "array" });
+ const hoja = workbook.SheetNames[0];
+ const contenido = XLSX.utils.sheet_to_json(workbook.Sheets[hoja], {
+ defval: "",
+ });
+ setDatos(contenido);
+ };
+ reader.readAsArrayBuffer(archivo);
+ }
+ };
+
+ return (
+
+
+
+
+ Nueva inyección (archivo)
+
+
+
+
+
+ {datos.length > 0 && (
+
+
Vista previa del archivo:
+
+
+
+ {Object.keys(datos[0]).map((columna, index) => (
+ |
+ {columna}
+ |
+ ))}
+
+
+
+ {datos.map((fila, index) => (
+
+ {Object.values(fila).map((valor, i) => (
+ |
+ {valor}
+ |
+ ))}
+
+ ))}
+
+
+
+ )}
+
+
+
+ Nueva inyección
+
+
+
+
Lista de Inyecciones
+
+
+
+
+ Nueva píldora (archivo)
+
+
+
+
+
+ {datos.length > 0 && (
+
+
Vista previa del archivo:
+
+
+
+ {Object.keys(datos[0]).map((columna, index) => (
+ |
+ {columna}
+ |
+ ))}
+
+
+
+ {datos.map((fila, index) => (
+
+ {Object.values(fila).map((valor, i) => (
+ |
+ {valor}
+ |
+ ))}
+
+ ))}
+
+
+
+ )}
+
+
+
Vista General
+ {loading ? (
+
Cargando...
+ ) : (
+
+ {/* Cursos */}
+
+
Cursos
+
+
+
+ | ID |
+ Nombre |
+ Descripción |
+ Horas |
+ Competencias |
+
+
+
+ {cursos.length === 0 ? (
+
+ |
+ Sin cursos registrados
+ |
+
+ ) : (
+ cursos.map((curso) => (
+
+ | {curso.id} |
+ {curso.nombre} |
+
+ {curso.descripcion}
+ |
+ {curso.horas} |
+
+ {curso.competencias &&
+ curso.competencias.length > 0 ? (
+
+ {curso.competencias.map((comp) => (
+ - {comp.descripcion}
+ ))}
+
+ ) : (
+ "Sin competencias"
+ )}
+ |
+
+ ))
+ )}
+
+
+
+ {/* Inyecciones */}
+
+
Inyecciones
+
+
+
+ | ID |
+ Nombre |
+ Descripción |
+ Horas |
+
+
+
+ {inyecciones.length === 0 ? (
+
+ |
+ Sin inyecciones registradas
+ |
+
+ ) : (
+ inyecciones.map((iny) => (
+
+ | {iny.id} |
+ {iny.nombre} |
+
+ {iny.descripcion}
+ |
+ {iny.horas} |
+
+ ))
+ )}
+
+
+
+ {/* Píldoras */}
+
+
Píldoras
+
+
+
+ | ID |
+ Nombre |
+ Descripción |
+ Horas |
+
+
+
+ {pildoras.length === 0 ? (
+
+ |
+ Sin píldoras registradas
+ |
+
+ ) : (
+ pildoras.map((p) => (
+
+ | {p.id} |
+ {p.nombre} |
+ {p.descripcion} |
+ {p.horas} |
+
+ ))
+ )}
+
+
+
+
+ )}
+