diff --git a/src/API/CargaHorarios.ts b/src/API/CargaHorarios.ts index d4f1762..9f4cecc 100644 --- a/src/API/CargaHorarios.ts +++ b/src/API/CargaHorarios.ts @@ -128,6 +128,13 @@ export const getHorariosMock: GetHorariosFn = async(_) => { hora_fin: "1640", dia: "Miercoles", }, + { + id_horario: 6, + id_laboratorio: 1, + hora_inicio: "1400", + hora_fin: "1640", + dia: "Viernes", + }, ], }, ], diff --git a/src/Views/SistemasMovil.tsx b/src/Views/SistemasMovil.tsx index 3ad1891..cd9a49a 100644 --- a/src/Views/SistemasMovil.tsx +++ b/src/Views/SistemasMovil.tsx @@ -24,18 +24,6 @@ export function SistemasMovil() { ); } -/* -{ - id_horario: number, - id_laboratorio: number, - abreviado: string, - grupo: string, - offsetVertical: number, // 07:00 -> 0, 07:50 -> 1 - nroHoras: number, - offsetHorizontal: number, // 0, 1, 2 - fraccion: number, // por cuanto dividir la celda. 1, 2, 3, ... -} - */ function transformar(input: ListaCursosCompleto): TableInput { const data: TableInput = { diff --git a/src/Views/SistemasMovil/Table.tsx b/src/Views/SistemasMovil/Table.tsx index 6f1d9be..23bff6f 100644 --- a/src/Views/SistemasMovil/Table.tsx +++ b/src/Views/SistemasMovil/Table.tsx @@ -52,10 +52,10 @@ function Grupo(props: {data: GrupoDia}) { }); const estilo = () => { const fraccion = props.data.fraccion; - const offsetHorizontal = props.data.offsetHorizontal + 1; + const offsetHorizontal = props.data.offsetHorizontal; const offsetVertical = props.data.offsetVertical; const nroHoras = props.data.nroHoras; - return `left: calc((43vw / ${fraccion}) * ${offsetHorizontal} - 14vw); top: ${offsetVertical * 3}rem;` + + return `left: calc((43vw / ${fraccion}) * ${offsetHorizontal}); top: ${offsetVertical * 3}rem;` + `height: ${nroHoras * 3}rem; width: calc(100% / ${fraccion})`; }; return ( @@ -112,8 +112,8 @@ export function Table(props: {datos: TableInput}) { {(hora) =>
{hora.substring(0, 5)}
} - {martes} - {miercoles} + {jueves} + {viernes} ); }