diff --git a/src/ContenedorHorarios/Cursos.tsx b/src/ContenedorHorarios/Cursos.tsx
index c83758d..203283f 100755
--- a/src/ContenedorHorarios/Cursos.tsx
+++ b/src/ContenedorHorarios/Cursos.tsx
@@ -18,6 +18,10 @@ const e = StyleSheet.create({
contenedorCurso: {
display: "inline-block",
verticalAlign: "top"
+ },
+ botonTexto: {
+ padding: "0.25rem 0.35rem",
+ borderRadius: "5px"
}
});
@@ -27,6 +31,13 @@ interface Props {
listaCursosUsuario: ListaCursosUsuario
}
+function IndicadorGrupo(props: { nombre: string, esLab: boolean }) {
+ return
+ {props.esLab ? "L" : ""}{props.nombre}
+
+}
+
const agruparProfesores = (datos: { [k: string]: DatosVariante }) => {
const profesores: { [k: string]: string[] } = {};
for (const [grupo, datosGrupo] of Object.entries(datos)) {
@@ -43,16 +54,12 @@ export function Cursos(props: Props) {
const claseCursoNoAgregado = css(
e.contenedorCurso,
- estilosGlobales.contenedor,
- // estilosGlobales.contenedorCursor,
- // estilosGlobales.contenedorCursorSoft
+ estilosGlobales.contenedor
);
const claseCursoAgregado = css(
e.contenedorCurso,
estilosGlobales.contenedor,
- // estilosGlobales.contenedorCursor,
- // estilosGlobales.contenedorCursorSoft,
estilosGlobales.contenedorCursorActivo,
);
@@ -73,10 +80,9 @@ export function Cursos(props: Props) {
: `Agregar a mi horario`
);
- const claseMemo = createMemo(() =>
- cursoAgregadoMemo()
- ? claseCursoAgregado
- : claseCursoNoAgregado
+ const claseMemo = createMemo(() => cursoAgregadoMemo()
+ ? claseCursoAgregado
+ : claseCursoNoAgregado
);
const profesoresTeoria = createMemo(() => agruparProfesores(datosCurso.Teoria));
@@ -95,9 +101,9 @@ export function Cursos(props: Props) {
{profesor}
-
- {grupos.reduce((x, y) => x + " " + y)}
-
+
+ {x => }
+
}}
@@ -109,17 +115,18 @@ export function Cursos(props: Props) {
{profesor}
-
- {grupos.map(x => `L${x}`).reduce((x, y) => x + " " + y)}
-
+
+ {x => }
+
}}
- props.fnAgregarCurso(datosCurso)}
+ props.fnAgregarCurso(datosCurso)}
>
{tituloMemo}
diff --git a/src/ContenedorHorarios/Tabla.tsx b/src/ContenedorHorarios/Tabla.tsx
index 3c4a973..7d07ff2 100755
--- a/src/ContenedorHorarios/Tabla.tsx
+++ b/src/ContenedorHorarios/Tabla.tsx
@@ -146,10 +146,19 @@ const procesarAnio = (data: AnioData, anio: string, version: number) => {
return obj;
}
-export function Tabla(props: { data: AnioData, anio: string, version: number }) {
+interface Props {
+ data: AnioData,
+ anio: string,
+ version: number,
+ idHover: () => string,
+ setIdHover: (v: string) => string
+}
+
+export function Tabla(props: Props) {
const anio = () => props.anio.substring(0, props.anio.indexOf(" "));
const data = createMemo(() => procesarAnio(props.data, anio(), props.version));
- const [idHover, setIdHover] = createSignal("");
+ const idHover = props.idHover;
+ const setIdHover = props.setIdHover;
const celdas = createMemo(() => {
// Hace reaccionar a la reactividad de Solid