diff --git a/cosiap_api/dynamic_tables/DynamicTable.py b/cosiap_api/dynamic_tables/DynamicTable.py index 4110d7365c0ced69cc0d971d649e40044adcb6d3..a8f7cbb0063d3ad568e5c5b23b30fa8122e0f53c 100644 --- a/cosiap_api/dynamic_tables/DynamicTable.py +++ b/cosiap_api/dynamic_tables/DynamicTable.py @@ -24,7 +24,7 @@ from zipfile import ZipFile import io from dynamic_forms.models import RDocumento, RegistroSeccion -exclude_pattern = re.compile(r'INE|doc|id|imagen|staff|user|active|timestamp|^password$|^last_login$|^created_at$|^updated_at$|^usuario_ptr$|^groups$|^user_permissions$|^dynamic_form__nombre$|^dynamic_form__secciones$',re.IGNORECASE) +exclude_pattern = re.compile(r'archivo|mostrar|archivado|INE|doc|id|imagen|staff|user|active|timestamp|^password$|^last_login$|^created_at$|^updated_at$|^usuario_ptr$|^groups$|^user_permissions$|^dynamic_form__nombre$|^dynamic_form__secciones$',re.IGNORECASE) class Reporte(serializers.ModelSerializer): diff --git a/cosiap_frontend/src/components/admin/TablaUsuarios.jsx b/cosiap_frontend/src/components/admin/TablaUsuarios.jsx new file mode 100644 index 0000000000000000000000000000000000000000..4f51002340a49a6d8b231b4a5caadb6534076fea --- /dev/null +++ b/cosiap_frontend/src/components/admin/TablaUsuarios.jsx @@ -0,0 +1,73 @@ +import { useState, useEffect } from "react"; +import api from '../../api'; +import Tabla from "../common/utility/ReusableTable"; // Importa la tabla reutilizable +import MainContainer from "../common/utility/MainContainer"; +import {useNavigate} from 'react-router-dom'; + + +// Componente para recuperar la lista de usuarios solicitantes del sistema +const ListaUsuarios = () => { + const [usuarios, setUsuarios] = useState([]); + const navigate = useNavigate(); + + + // obtenemos a los usuarios al cargar la página + useEffect(() => { + const fetchUsuarios = async () => { + try { + const response = await api.usuarios.solicitantes.get(); + setUsuarios(response.data.data) + } catch (error) { + console.log("Error al recuperar la lista de usuarios.", error); + setUsuarios([]); + } + }; + fetchUsuarios(); + }, []); + + // Definimos las columnas a mostrar en la tabla + const columnas = [ + { + label: "CURP", + render: (fila) => fila.curp + }, + { + label: "Nombre", + render: (fila) => fila.nombre + }, + { + label: "Apellido Paterno", + render: (fila) => fila.ap_paterno + }, + { + label: "Apellido Materno", + render: (fila) => fila.ap_materno + }, + { + label: "RFC", + render: (fila) => fila.RFC + }, + { + label: "E-mail", + render: (fila) => fila.email + }, + { + label: "Estado", + render: (fila) => fila.municipio__estado__nombre + }, + { + label: "Municipio", + render: (fila) => fila.municipio__nombre + } + ]; + + return ( + +
+ +
+
+ ); +}; + +export default ListaUsuarios; \ No newline at end of file