fernando/horarios-v3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Agregar estilos a botones de info los cursos

Browse Source
This commit is contained in:
Araozu 2021-03-17 11:09:31 -05:00
parent 24af18473f
commit e5999c3141
2 changed files with 35 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/ContenedorHorarios/Cursos.tsx
View File

@ -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 <span className={css(e.botonTexto, estilosGlobales.contenedorCursor, estilosGlobales.contenedorCursorSoft)}
style={props.esLab ? {"font-style": "italic"} : {"font-weight": "bold"}}>
{props.esLab ? "L" : ""}{props.nombre}
</span>
}
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) {
<span>
{profesor}&nbsp;
</span>
<span style={{"font-weight": "bold"}}>
{grupos.reduce((x, y) => x + " " + y)}&nbsp;
</span>
<For each={grupos}>
{x => <IndicadorGrupo nombre={x} esLab={false}/>}
</For>
</td>
}}
</For>
@ -109,17 +115,18 @@ export function Cursos(props: Props) {
<span>
{profesor}&nbsp;
</span>
<span style={{"font-style": "italic"}}>
{grupos.map(x => `L${x}`).reduce((x, y) => x + " " + y)}&nbsp;
</span>
<For each={grupos}>
{x => <IndicadorGrupo nombre={x} esLab={true}/>}
</For>
</td>
}}
</For>
</tr>
</tbody>
</table>
<span className={css(estilosGlobales.contenedorCursor, estilosGlobales.contenedorCursorSoft)}
onClick={() => props.fnAgregarCurso(datosCurso)}
<span
className={css(e.botonTexto, estilosGlobales.contenedorCursor, estilosGlobales.contenedorCursorSoft)}
onClick={() => props.fnAgregarCurso(datosCurso)}
>
{tituloMemo}
</span>

13
src/ContenedorHorarios/Tabla.tsx
View File

@ -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