diff --git a/src/ContenedorHorarios/MiHorario.tsx b/src/ContenedorHorarios/MiHorario.tsx
index ce8e3a5..d30286b 100644
--- a/src/ContenedorHorarios/MiHorario.tsx
+++ b/src/ContenedorHorarios/MiHorario.tsx
@@ -1,11 +1,10 @@
import { estilosGlobales } from "../Estilos";
import { StyleSheet, css } from "aphrodite";
+import { Tabla } from "./Tabla";
export function MiHorario() {
const e = StyleSheet.create({
- horario: {
- height: "20rem"
- }
+ horario: {}
});
return
@@ -18,6 +17,8 @@ export function MiHorario() {
+ )}>
+
+
;
}
diff --git a/src/ContenedorHorarios/Tabla.tsx b/src/ContenedorHorarios/Tabla.tsx
new file mode 100644
index 0000000..26efb5e
--- /dev/null
+++ b/src/ContenedorHorarios/Tabla.tsx
@@ -0,0 +1,97 @@
+import { StyleSheet, css } from "aphrodite";
+import { For } from "solid-js";
+import { estilosGlobales } from "../Estilos";
+
+const dias = ["Lunes", "Martes", "Miercoles", "Jueves", "Viernes"];
+const horas = [
+ "07:00 - 07:50",
+ "07:50 - 08:40",
+ "08:40 - 08:50",
+ "08:50 - 09:40",
+ "09:40 - 10:30",
+ "10:30 - 10:40",
+ "10:40 - 11:30",
+ "11:30 - 12:20",
+ "12:20 - 13:10",
+ "13:10 - 14:00",
+ "14:00 - 14:50",
+ "14:50 - 15:40",
+ "15:40 - 15:50",
+ "15:50 - 16:40",
+ "16:40 - 17:30",
+ "17:30 - 17:40",
+ "17:40 - 18:30",
+ "18:30 - 19:20",
+ "19:20 - 20:10",
+ "20:10 - 21:00"
+]
+const horasDescanso = [
+ "08:40 - 08:50",
+ "10:30 - 10:40",
+ "15:40 - 15:50",
+ "17:30 - 17:40"
+]
+
+export function Tabla() {
+ const e = StyleSheet.create({
+ fila: {
+ position: "relative",
+ zIndex: 2,
+ transition: "background-color 250ms",
+ ":hover": {
+ backgroundColor: "rgba(200, 200, 200, 0.25)"
+ }
+ },
+ filaBorde: {
+ position: "absolute",
+ top: 0,
+ height: "1px",
+ width: "100%",
+ backgroundColor: "rgba(200, 200, 200, 0.25)",
+ zIndex: 1
+ },
+ celdaHora: {
+ textAlign: "center",
+ width: "4rem",
+ padding: "0.25rem 0"
+ },
+ celdaComun: {
+ width: "calc((100% - 4rem) / 5)",
+ textAlign: "center",
+ padding: "0 0.5rem",
+ boxSizing: "border-box"
+ }
+ });
+
+ return
+
+
+ Hora
+
+
+ {dia =>
+
+ {dia}
+
+ }
+
+
+
+ {hora =>
+
+
+ {hora.substring(0, 5)}
+
+
+ {() =>
+
+ :D
+
+ }
+
+
+
+ }
+
+
+}
\ No newline at end of file
diff --git a/src/Store.ts b/src/Store.ts
index 0993b79..d010670 100644
--- a/src/Store.ts
+++ b/src/Store.ts
@@ -6,7 +6,7 @@ enum ModoColor {
Auto
}
-const numImgGuardado = parseInt(localStorage.getItem("num-img") ?? "1");
+const numImgGuardado = parseInt(localStorage.getItem("num-img") ?? "4");
console.log(numImgGuardado);
export const [modoColor, setModoColor] = createSignal(ModoColor.Oscuro);