From a6a240866a677f5a92e897ea020d4a92556beffc Mon Sep 17 00:00:00 2001
From: AdalbertoCV <34152734@uaz.edu.mx>
Date: Mon, 14 Oct 2024 11:47:47 -0600
Subject: [PATCH] =?UTF-8?q?Eliminaci=C3=B3n=20columnas=20no=20requeridas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cosiap_api/dynamic_tables/DynamicTable.py     |  2 +-
 cosiap_frontend/src/App.jsx                   |  3 +-
 .../src/components/admin/TablaUsuarios.jsx    | 73 +++++++++++++++++++
 3 files changed, 76 insertions(+), 2 deletions(-)
 create mode 100644 cosiap_frontend/src/components/admin/TablaUsuarios.jsx

diff --git a/cosiap_api/dynamic_tables/DynamicTable.py b/cosiap_api/dynamic_tables/DynamicTable.py
index 4110d73..a8f7cbb 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/App.jsx b/cosiap_frontend/src/App.jsx
index ea4bc29..916f9de 100644
--- a/cosiap_frontend/src/App.jsx
+++ b/cosiap_frontend/src/App.jsx
@@ -31,6 +31,7 @@ import Perfil from '@/components/users/Perfil/Perfil';
 import ListaSolicitudes from "./components/solicitudes/HistorialSolicitudes";
 import EditarSolicitud from "./components/solicitudes/EditarSolicitud";
 import VisualizarSolicitud from "./components/solicitudes/VerSolicitud";
+import ListaUsuarios from "./components/admin/TablaUsuarios";
 
 function App() {
   const [viewPageLoader, setViewPageLoader] = useState(false);
@@ -113,7 +114,7 @@ function RoutesApp({ setViewPageLoader }) {
               <IsAdminRequiredRoute setViewPageLoader={setViewPageLoader} />
             }
           >
-            <Route path="/usuarios" element={<Inicio />} />
+            <Route path="/usuarios" element={<ListaUsuarios />} />
             <Route path="/solicitudes" element={<Inicio />} />
             <Route path="/crear-modalidad" element={<CreateModalidad/>} />
             <Route path="/editar-modalidad/:id" element={<EditModalidad/>} />
diff --git a/cosiap_frontend/src/components/admin/TablaUsuarios.jsx b/cosiap_frontend/src/components/admin/TablaUsuarios.jsx
new file mode 100644
index 0000000..4f51002
--- /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 (
+        <MainContainer title="Usuarios">
+            <div>
+                <Tabla columnas={columnas} datos={usuarios} />
+            </div>
+        </MainContainer>
+    );
+};
+
+export default ListaUsuarios;
\ No newline at end of file
-- 
GitLab