diff --git a/src/ContenedorHorarios/Cursos.tsx b/src/ContenedorHorarios/Cursos.tsx index 203283f..ecd6d09 100755 --- a/src/ContenedorHorarios/Cursos.tsx +++ b/src/ContenedorHorarios/Cursos.tsx @@ -27,13 +27,20 @@ const e = StyleSheet.create({ interface Props { dataAnio: AnioData, + anioActual: () => string, fnAgregarCurso: (c: Curso) => void, - listaCursosUsuario: ListaCursosUsuario + listaCursosUsuario: ListaCursosUsuario, + idHover: () => string, + setIdHover: (v: string) => string } -function IndicadorGrupo(props: { nombre: string, esLab: boolean }) { +function IndicadorGrupo(props: { nombre: string, esLab: boolean, idParcial: string, setIdHover: (v: string) => string }) { + const id = `${props.idParcial}_${props.esLab? 'L' : 'T'}_${props.nombre}`; return + style={props.esLab ? {"font-style": "italic"} : {"font-weight": "bold"}} + onMouseEnter={() => props.setIdHover(id)} + onMouseLeave={() => props.setIdHover("")} + > {props.esLab ? "L" : ""}{props.nombre} } @@ -51,6 +58,7 @@ const agruparProfesores = (datos: { [k: string]: DatosVariante }) => { }; export function Cursos(props: Props) { + const anio = () => props.anioActual().substring(0, props.anioActual().indexOf(" ")); const claseCursoNoAgregado = css( e.contenedorCurso, @@ -67,6 +75,8 @@ export function Cursos(props: Props) { {([_, datosCurso]) => { + const idCurso = `${anio()}_${datosCurso.abreviado}`; + const cursoAgregadoMemo = createMemo( () => props.listaCursosUsuario.cursos.find(x => { return x.nombre === datosCurso.nombre && !x.oculto @@ -102,7 +112,13 @@ export function Cursos(props: Props) { {profesor}  - {x => } + {x => + + } }} @@ -116,7 +132,13 @@ export function Cursos(props: Props) { {profesor}  - {x => } + {x => + + } }} diff --git a/src/ContenedorHorarios/Horarios.tsx b/src/ContenedorHorarios/Horarios.tsx index 0c0f8e6..4ffcb0f 100755 --- a/src/ContenedorHorarios/Horarios.tsx +++ b/src/ContenedorHorarios/Horarios.tsx @@ -1,5 +1,5 @@ import { Curso, DatosHorario, ListaCursosUsuario } from "../types/DatosHorario"; -import { For, createSignal, createMemo} from "solid-js"; +import { For, createSignal, createMemo } from "solid-js"; import { css } from "aphrodite"; import { estilosGlobales } from "../Estilos"; import { Tabla } from "./Tabla"; @@ -79,8 +79,11 @@ export function Horarios(props: HorariosProps) {
diff --git a/src/ContenedorHorarios/Tabla/CeldaFila.tsx b/src/ContenedorHorarios/Tabla/CeldaFila.tsx index 6702fc7..f68ee0a 100755 --- a/src/ContenedorHorarios/Tabla/CeldaFila.tsx +++ b/src/ContenedorHorarios/Tabla/CeldaFila.tsx @@ -80,7 +80,6 @@ interface Props { } export function CeldaFila(props: Props) { - const datos = props.datos; const idHover = props.idHover; const setIdHover = props.setIdHover;