Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
…stionTUP into dev
  • Loading branch information
yoelmarain committed Dec 12, 2024
2 parents 5ad384d + 8a51823 commit 32a1e4b
Show file tree
Hide file tree
Showing 4 changed files with 18 additions and 15 deletions.
6 changes: 3 additions & 3 deletions FrontAdmin/src/API/EstadoCuentaAlumno.ts
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import Cookies from 'js-cookie';

export const FetchEstadoCuenta = async (dni: number) => {
export const FetchEstadoCuenta = async (dni: number, limit: number, offset: number) => {
try {
const token = Cookies.get('tokennn');

const response = await fetch(`http://localhost:8000/api/cuotas/alumno/${dni}/`, {
const response = await fetch(`http://localhost:8000/api/cuotas/alumno/${dni}?limit=${limit}&offset=${offset}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
Expand All @@ -14,7 +14,7 @@ export const FetchEstadoCuenta = async (dni: number) => {

if (response.ok) {
const data = await response.json();
return data.results;
return data;
} else {
throw new Error('Error en la respuesta del servidor');
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -332,7 +332,7 @@ function InformarPago() {
<Text>Monto Actual: {'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual)}</Text>
<Text>Monto Pagado: {'$ ' + new Intl.NumberFormat('es-ES').format(cuota.monto_pagado)}</Text>
<Text>Valor Informado: {'$ ' + new Intl.NumberFormat('es-ES').format( cuota.valorinformado)}</Text>
<Text>Valor Adeudado: {'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.valorinformado )}</Text>
<Text>Valor Adeudado: {'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.monto_pagado )}</Text>
</Box>
))}
</Box>
Expand Down Expand Up @@ -378,7 +378,7 @@ function InformarPago() {
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.monto_pagado)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.valorinformado)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.valorinformado)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.monto_pagado)}</Td>
<Td textAlign="center" p="8px">{
cuota.valorinformado > 0 || cuota.monto_pagado > 0 ?
<Button bg='transparent' _hover='transparent' m="0px" p="0px" onClick={() => handleDetailPay(cuota)}><IoEyeOutline size="22px"> </IoEyeOutline> </Button>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -123,7 +123,7 @@ function TablaCuotas({ refresh, setCuotasSeleccionadas, cuotasSeleccionadas }: T
<Text><strong>Valor Actual:</strong> ${new Intl.NumberFormat('es-ES').format(cuota.montoActual)}</Text>
<Text><strong>Valor Pagado:</strong> ${new Intl.NumberFormat('es-ES').format(cuota.monto_pagado)}</Text>
<Text><strong>Valor Informado:</strong> ${new Intl.NumberFormat('es-ES').format(cuota.valorinformado)}</Text>
<Text><strong>Valor Adeudado:</strong> ${new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.monto_pagado - cuota.valorinformado)}</Text>
<Text><strong>Valor Adeudado:</strong> ${new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.monto_pagado)}</Text>
</Box>
))
) : (
Expand Down Expand Up @@ -173,7 +173,7 @@ function TablaCuotas({ refresh, setCuotasSeleccionadas, cuotasSeleccionadas }: T
<Td textAlign="center">{"$ " + new Intl.NumberFormat('es-ES').format(cuota.montoActual)}</Td>
<Td textAlign="center">{"$ " + new Intl.NumberFormat('es-ES').format(cuota.monto_pagado)}</Td>
<Td textAlign="center">{"$ " + new Intl.NumberFormat('es-ES').format(cuota.valorinformado)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.valorinformado)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.monto_pagado)}</Td>
</Tr>
))}
</Tbody>
Expand Down
19 changes: 11 additions & 8 deletions FrontAdmin/src/components/Pages/Alumnos/SubPages/FichaAlumno.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@ import { Link } from 'react-router-dom';
import { formatoFechaISOaDDMMAAAA } from '../../../../utils/general';
import Cookies from 'js-cookie';
import { FetchDetalleCompromiso } from '../../../../API-Alumnos/Compromiso.ts';
import { off } from 'process';

interface Alumno {
full_name: string;
Expand Down Expand Up @@ -190,7 +191,6 @@ function FichaAlumno() {
const fetchDetalleAlumno = async (dni: any) => {
try {
const dniNumber = parseInt(dni, 10); // Convierte a número
const data = await FetchEstadoCuenta(dniNumber);
const dataDetalle = await FetchDetalleAlumno(dniNumber);
const dataMaterias = await FetchMateriasAlumno(dniNumber);
setAlumno(dataDetalle);
Expand All @@ -201,13 +201,16 @@ function FichaAlumno() {
}
};

const fetchEstadoCuentaAlumno = async () => {
const fetchEstadoCuentaAlumno = async (limit: number, offset: number) => {
try {
if (dni) {
const dniNumber = parseInt(dni, 10); // Convierte a número
const data = await FetchEstadoCuenta(dniNumber);
const sortedCuotas = data.sort((a: Cuota, b: Cuota) => a.numero - b.numero); // Si cambia el numero de cuota no olvidar cambiar aca
const data = await FetchEstadoCuenta(dniNumber, limit, offset);
const sortedCuotas = data.results.sort((a: Cuota, b: Cuota) => a.numero - b.numero); // Si cambia el numero de cuota no olvidar cambiar aca
console.log('data.count: ', data.count)
setTotalCuotas(data.count);
setCuotas(sortedCuotas);
console.log('cuotas: ', data)
}
} catch (error) {
setError(error);
Expand All @@ -217,11 +220,11 @@ function FichaAlumno() {
}
};
fetchDetalleAlumno(dni);
fetchEstadoCuentaAlumno();
fetchEstadoCuentaAlumno(limit, offset);
fetchCompromiso();
fetchImpagas();
fetchPagos();
}, []);
}, [limit, offset]);


const fetchPagos = async () => {
Expand Down Expand Up @@ -526,7 +529,7 @@ function FichaAlumno() {
<Text>Monto Actual: {'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual)}</Text>
<Text>Monto Pagado: {'$ ' + new Intl.NumberFormat('es-ES').format(cuota.monto_pagado)}</Text>
<Text>Valor Informado: {'$ ' + new Intl.NumberFormat('es-ES').format( cuota.valorinformado)}</Text>
<Text>Valor Adeudado{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.valorinformado )}</Text>
<Text>Valor Adeudado: {'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.monto_pagado )}</Text>
</Box>
))}
</Box>
Expand Down Expand Up @@ -560,7 +563,7 @@ function FichaAlumno() {
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.monto_pagado)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format( cuota.valorinformado)}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.valorinformado )}</Td>
<Td textAlign="center">{'$ ' + new Intl.NumberFormat('es-ES').format(cuota.montoActual - cuota.monto_pagado )}</Td>
<Td textAlign="center" p="8px">{
cuota.monto_pagado > 0 ?
<Button bg='transparent' _hover='transparent' m="0px" p="0px" onClick={() => handleDetailPay(cuota)}><IoEyeOutline size="22px"> </IoEyeOutline> </Button>
Expand Down

0 comments on commit 32a1e4b

Please sign in to comment.