Modificaciones para poder levantar el proyecto, se documento una linea de codigo en tabla-servicio-social
This commit is contained in:
@@ -3,6 +3,7 @@ import Footer from "@/components/layout/footer";
|
||||
import Header from "@/components/layout/header";
|
||||
import Logout from "@/components/layout/logout";
|
||||
import React from "react";
|
||||
import "@/sass/bootstrap.scss"
|
||||
|
||||
console.log("Header", Header);
|
||||
console.log("Footer", Footer);
|
||||
|
||||
@@ -26,7 +26,7 @@ export default function Administrador() {
|
||||
<Link href="/administrador/registros" className="me-3">
|
||||
<button>Ver registros</button>
|
||||
</Link>
|
||||
<Link href="/administrador/casos_especiales">
|
||||
<Link href="/administrador/casos_especiales" className="me-3">
|
||||
<button>Ver casos Especiales</button>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
@@ -12,9 +12,9 @@ export default function Responsables() {
|
||||
}
|
||||
|
||||
return(
|
||||
<section>
|
||||
<section className="container px-2 pb-5">
|
||||
<BotonRegresar />
|
||||
<CargaMasiva datos={datos} />
|
||||
<CargaMasiva datos={datos}/>
|
||||
<TablaResponsables />
|
||||
</section>
|
||||
);
|
||||
|
||||
@@ -56,7 +56,7 @@ export default function CargaMasiva({datos}: {datos: CargaMasivaProps}) {
|
||||
|
||||
return (
|
||||
<div className="ph-5">
|
||||
<h3 className="title"> Carga Masiva</h3>
|
||||
<h2 className="card-title fw-bold"> Carga Masiva</h2>
|
||||
|
||||
<Form.Group className="mb-3">
|
||||
<Form.Label>Archivo CSV</Form.Label>
|
||||
@@ -83,17 +83,17 @@ export default function CargaMasiva({datos}: {datos: CargaMasivaProps}) {
|
||||
|
||||
<div className="d-flex gap-2">
|
||||
<Button
|
||||
variant="info"
|
||||
disabled={!csv}
|
||||
onClick={enviarCargaMasiva}>
|
||||
Enviar archivo
|
||||
</Button>
|
||||
|
||||
<Button
|
||||
variant="link"
|
||||
href={link}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer">
|
||||
rel="noopener noreferrer"
|
||||
className="bg-morado border-morado"
|
||||
>
|
||||
Descargar plantilla
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
@@ -54,18 +54,18 @@ export default function TablaResponsables() {
|
||||
};
|
||||
|
||||
return (
|
||||
<main>
|
||||
<h3>Tabla de responsables</h3>
|
||||
<main className="pb-5 pt-5">
|
||||
<h2 className="card-title fw-bold">Tabla de responsables</h2>
|
||||
|
||||
<section className="container-fluid mb-3">
|
||||
<Row className="g-2">
|
||||
<Row className="g-2 mt-3">
|
||||
<Col>
|
||||
<div className="d-flex align-items-center border rounded px-2">
|
||||
<FaEnvelope className="me-2" />
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Correo"
|
||||
className="form-control border-0"
|
||||
className="form-control border-0 rounded-4"
|
||||
value={correo}
|
||||
onChange={(e) => setCorreo(e.target.value)}
|
||||
/>
|
||||
@@ -77,14 +77,14 @@ export default function TablaResponsables() {
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Nombre"
|
||||
className="form-control border-0"
|
||||
className="form-control border-0 rounded-4"
|
||||
value={nombre}
|
||||
onChange={(e) => setNombre(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
</Col>
|
||||
<Col>
|
||||
<Button className="w-100" type="button" onClick={handleBuscar}>
|
||||
<Button className="w-100 rounded-4" type="button" onClick={handleBuscar}>
|
||||
Buscar
|
||||
</Button>
|
||||
</Col>
|
||||
|
||||
@@ -108,7 +108,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
|
||||
<FormGroup>
|
||||
<FormLabel>Número de Cuenta</FormLabel>
|
||||
<InputGroup>
|
||||
<InputGroup.Text>
|
||||
<InputGroup.Text className="rounded-4">
|
||||
<FaSchool />
|
||||
</InputGroup.Text>
|
||||
<FormControl
|
||||
@@ -118,6 +118,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
|
||||
value={search.numeroCuenta}
|
||||
onChange={(e) => setSearch(prev => ({ ...prev, numeroCuenta: e.target.value }))}
|
||||
onKeyDown={(e) => { if (e.key === 'Enter') obtenerServicios(1); }}
|
||||
className="rounded-4"
|
||||
/>
|
||||
</InputGroup>
|
||||
</FormGroup>
|
||||
@@ -127,7 +128,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
|
||||
<FormGroup>
|
||||
<FormLabel>Nombre</FormLabel>
|
||||
<InputGroup>
|
||||
<InputGroup.Text>
|
||||
<InputGroup.Text className="rounded-4">
|
||||
<FaUser />
|
||||
</InputGroup.Text>
|
||||
<FormControl
|
||||
@@ -136,6 +137,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
|
||||
value={search.nombre}
|
||||
onChange={(e) => setSearch(prev => ({ ...prev, nombre: e.target.value }))}
|
||||
onKeyDown={(e) => { if (e.key === 'Enter') obtenerServicios(1); }}
|
||||
className="rounded-4"
|
||||
/>
|
||||
</InputGroup>
|
||||
</FormGroup>
|
||||
@@ -145,12 +147,13 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
|
||||
<FormGroup>
|
||||
<FormLabel>Status</FormLabel>
|
||||
<InputGroup>
|
||||
<InputGroup.Text>
|
||||
<InputGroup.Text className="rounded-4">
|
||||
<FaInfoCircle />
|
||||
</InputGroup.Text>
|
||||
<FormSelect
|
||||
value={search.idStatus}
|
||||
onChange={(e) => setSearch(prev => ({ ...prev, idStatus: e.target.value }))}
|
||||
className="rounded-4"
|
||||
>
|
||||
<option value="">Status</option>
|
||||
{status.map((s) => (
|
||||
@@ -162,7 +165,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
|
||||
</Col>
|
||||
|
||||
<Col md={3} className="d-flex align-items-end">
|
||||
<Button type="submit" className="w-100" disabled={isLoading}>
|
||||
<Button type="submit" className="w-100 rounded-5" disabled={isLoading}>
|
||||
{isLoading ? 'Buscando...' : 'Buscar'}
|
||||
</Button>
|
||||
</Col>
|
||||
@@ -181,7 +184,7 @@ export default function TablaServicioSocial({ admin, imprimirError }: Props) {
|
||||
onRowAction={(row, path) => {
|
||||
try {
|
||||
// Falta corregir este parte de codigo para poder subirlo
|
||||
if ((row as any)?.idServicio) localStorage.setItem('idServicio', String((row as any).idServicio));
|
||||
//if ((row as any)?.idServicio) localStorage.setItem('idServicio', String((row as any).idServicio));
|
||||
router.push(`/responsable/${path}`);
|
||||
} catch (e) {
|
||||
console.error('Error al manejar acción de fila', e);
|
||||
|
||||
@@ -14,7 +14,7 @@ const BotonRegresar: React.FC = () => {
|
||||
|
||||
return (
|
||||
<div className="pb-5 pt-3">
|
||||
<button onClick={handleGoBack}>Regresar</button>
|
||||
<button onClick={handleGoBack} className="btn-outline-primary">Regresar</button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Vendored
+2
@@ -2,6 +2,7 @@
|
||||
|
||||
$azul: #003d79;
|
||||
$dorado: #bd8c01;
|
||||
$morado: #714dd2;
|
||||
|
||||
$red-guapa: #9e1d15;
|
||||
$blue-guapa: #3d6cb4;
|
||||
@@ -23,6 +24,7 @@ $font-family-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI'
|
||||
$custom-colors: (
|
||||
'azul': $azul,
|
||||
'dorado': $dorado,
|
||||
'morado': $morado,
|
||||
'red-guapa': $red-guapa,
|
||||
'blue-guapa': $blue-guapa,
|
||||
'yellow-guapa': $yellow-guapa,
|
||||
|
||||
Reference in New Issue
Block a user