From f07954eef2a1e9b98054437dc70a49efe6ca68b2 Mon Sep 17 00:00:00 2001 From: IO420 Date: Thu, 2 Oct 2025 20:47:38 -0600 Subject: [PATCH] tring to fix styles problems --- app/(private)/ActivosMantenimiento/page.tsx | 12 ++-- app/(private)/AgregarTiempo/page.tsx | 14 +++- app/(private)/AsignacionEquipo/page.tsx | 24 +++++-- app/(private)/AsignacionMesas/page.tsx | 17 +++-- app/(private)/BitacoraSanciones/page.tsx | 2 + app/(private)/Inscripcion/page.tsx | 19 ++++- app/(private)/Mensajes/page.tsx | 2 + app/(private)/Monitor/page.tsx | 39 +++++++++-- app/(private)/QuitarSancion/page.tsx | 18 ++--- app/(private)/Reportes/page.tsx | 5 +- app/Components/ActivosMantenimiento/Areas.tsx | 7 +- .../ActivosMantenimiento/MesasDisponibles.tsx | 33 +++++++++ .../ActivosMantenimiento/Page.module.css | 70 +++++++++++++++++++ .../BitacoraSanciones/BitacoraAlumno.tsx | 2 +- .../BitacoraSanciones/BitacoraEquipo.tsx | 2 +- .../BitacoraSanciones/BitacoraMesas.tsx | 2 +- .../BitacoraSanciones/Sanciones.tsx | 2 +- .../BitacoraSanciones/TableSancion.tsx | 5 +- app/Components/Equipos/Page.module.css | 70 +++++++++++++++++++ app/Components/Equipos/equipos.tsx | 2 +- app/Components/Equipos/tableequipos.tsx | 63 +++++++++++++++++ app/Components/EviarMensaje/EnviarMensaje.tsx | 5 +- app/Components/QuitarSancion/Page.module.css | 1 - .../QuitarSancion/QuitarSancion.tsx | 4 +- 24 files changed, 362 insertions(+), 58 deletions(-) create mode 100644 app/Components/ActivosMantenimiento/MesasDisponibles.tsx create mode 100644 app/Components/ActivosMantenimiento/Page.module.css create mode 100644 app/Components/Equipos/Page.module.css create mode 100644 app/Components/Equipos/tableequipos.tsx diff --git a/app/(private)/ActivosMantenimiento/page.tsx b/app/(private)/ActivosMantenimiento/page.tsx index 9656692..76ce0c5 100644 --- a/app/(private)/ActivosMantenimiento/page.tsx +++ b/app/(private)/ActivosMantenimiento/page.tsx @@ -1,7 +1,6 @@ import Areas from "@/app/Components/ActivosMantenimiento/Areas"; -import Mesas from "@/app/Components/ActivosMantenimiento/Mesas"; -import Equipos from "@/app/Components/Equipos/equipos"; -import SearchUser from "@/app/Components/Global/SearchUser/searchUser"; +import MesasDisponibles from "@/app/Components/ActivosMantenimiento/MesasDisponibles"; +import TableEquipos from "@/app/Components/Equipos/tableequipos"; import Toggle from "@/app/Components/Global/Toggle/Toggle"; export default async function Page(props: { @@ -26,8 +25,7 @@ export default async function Page(props: { label: "Equipos", content: ( <> - - + ), }, @@ -42,10 +40,10 @@ export default async function Page(props: { }, { key: "Mesas", - label: "Liberar mesa", + label: "Mesas", content: ( <> - + ), }, diff --git a/app/(private)/AgregarTiempo/page.tsx b/app/(private)/AgregarTiempo/page.tsx index 3070b39..b944840 100644 --- a/app/(private)/AgregarTiempo/page.tsx +++ b/app/(private)/AgregarTiempo/page.tsx @@ -21,7 +21,7 @@ export default async function Page(props: { if (result.error) { toast.error("Alumno no encontrado"); - return + return; } else { student = result; } @@ -29,7 +29,6 @@ export default async function Page(props: { return (
-

AGREGAR TIEMPO

@@ -39,6 +38,17 @@ export default async function Page(props: {
+
+ + +
diff --git a/app/(private)/AsignacionEquipo/page.tsx b/app/(private)/AsignacionEquipo/page.tsx index 45b616b..4844964 100644 --- a/app/(private)/AsignacionEquipo/page.tsx +++ b/app/(private)/AsignacionEquipo/page.tsx @@ -52,17 +52,27 @@ export default async function Page(props: { + - - - - - + {/*
+ + + +
+ + +
+
*/} )} diff --git a/app/(private)/AsignacionMesas/page.tsx b/app/(private)/AsignacionMesas/page.tsx index 2bf4b88..cc3d645 100644 --- a/app/(private)/AsignacionMesas/page.tsx +++ b/app/(private)/AsignacionMesas/page.tsx @@ -49,12 +49,19 @@ export default async function Page(props: { cuenta={student.id_cuenta} nombre={student.nombre} /> - + {/*
- - +
+ + +
+
*/} + )} diff --git a/app/(private)/BitacoraSanciones/page.tsx b/app/(private)/BitacoraSanciones/page.tsx index 02e5046..5ebe1ff 100644 --- a/app/(private)/BitacoraSanciones/page.tsx +++ b/app/(private)/BitacoraSanciones/page.tsx @@ -2,6 +2,7 @@ import BitacoraAlumno from "@/app/Components/BitacoraSanciones/BitacoraAlumno"; import BitacoraEquipo from "@/app/Components/BitacoraSanciones/BitacoraEquipo"; import BitacoraMesas from "@/app/Components/BitacoraSanciones/BitacoraMesas"; import Sanciones from "@/app/Components/BitacoraSanciones/Sanciones"; +import SearchUser from "@/app/Components/Global/SearchUser/searchUser"; import Toggle from "@/app/Components/Global/Toggle/Toggle"; import { GetStudent } from "@/app/lib/getStudent"; @@ -48,6 +49,7 @@ export default async function Page(props: { label: "Bitacora alumno", content: ( <> + ), diff --git a/app/(private)/Inscripcion/page.tsx b/app/(private)/Inscripcion/page.tsx index 3ebe703..55578f9 100644 --- a/app/(private)/Inscripcion/page.tsx +++ b/app/(private)/Inscripcion/page.tsx @@ -29,7 +29,6 @@ export default async function Page(props: { return (
- {errorMessage && }

INSCRIPCIÓN

@@ -44,8 +43,26 @@ export default async function Page(props: { Carrera={student.carrera.carrera} Credito={student.credito} /> + +
+ + +
diff --git a/app/(private)/Mensajes/page.tsx b/app/(private)/Mensajes/page.tsx index 4531cf4..7b9eeba 100644 --- a/app/(private)/Mensajes/page.tsx +++ b/app/(private)/Mensajes/page.tsx @@ -22,6 +22,7 @@ export default async function Page(props: { label: "Equipo", content: ( @@ -32,6 +33,7 @@ export default async function Page(props: { label: "Sala", content: ( diff --git a/app/(private)/Monitor/page.tsx b/app/(private)/Monitor/page.tsx index 6712b5c..9700015 100644 --- a/app/(private)/Monitor/page.tsx +++ b/app/(private)/Monitor/page.tsx @@ -9,25 +9,50 @@ export default async function Page(props: { const numAcount = params?.numAcount ? params.numAcount : null; return ( -
-

MONITOR DE MÁQUINAS DISPONIBLES

+
+

MONITOR DE MÁQUINAS DISPONIBLES

- +
- + + + + + + + + {/* {machines.map((machine, index) => ( @@ -47,4 +72,4 @@ export default async function Page(props: { ); } -//IO \ No newline at end of file +//IO diff --git a/app/(private)/QuitarSancion/page.tsx b/app/(private)/QuitarSancion/page.tsx index 678b186..7e2a7ed 100644 --- a/app/(private)/QuitarSancion/page.tsx +++ b/app/(private)/QuitarSancion/page.tsx @@ -10,18 +10,14 @@ export default async function Page(props: { const numAcount = params?.numAcount ? params.numAcount : null; return ( -
+ <>

Quitar Sanciones

- - -
+
+ + +
+ ); } //IO diff --git a/app/(private)/Reportes/page.tsx b/app/(private)/Reportes/page.tsx index 8c6f0aa..6835db7 100644 --- a/app/(private)/Reportes/page.tsx +++ b/app/(private)/Reportes/page.tsx @@ -21,7 +21,8 @@ export default function Page() { content: ( <> - + + ), }, @@ -32,7 +33,7 @@ export default function Page() { content: ( <> - + ), }, diff --git a/app/Components/ActivosMantenimiento/Areas.tsx b/app/Components/ActivosMantenimiento/Areas.tsx index 9285ba2..e76508f 100644 --- a/app/Components/ActivosMantenimiento/Areas.tsx +++ b/app/Components/ActivosMantenimiento/Areas.tsx @@ -37,11 +37,10 @@ export default function Areas() { return (
- -
- {/* Select de áreas */} + +
Ubicación Nombre Equipo Plataforma Área Disponible
+ + + + + + + + + +
+ + + + + + + + {/* {machines.map((machine, index) => ( + + + + + + + + ))} */} + +
MesaActivo
{machine.ubicacion}{machine.nombre}{machine.plataforma}{machine.area} + {machine.disponible ? "si" : "no"} +
+
+
+ ); +} +//IO diff --git a/app/Components/ActivosMantenimiento/Page.module.css b/app/Components/ActivosMantenimiento/Page.module.css new file mode 100644 index 0000000..21769a9 --- /dev/null +++ b/app/Components/ActivosMantenimiento/Page.module.css @@ -0,0 +1,70 @@ +.tableContainer { + overflow-y: auto; + overflow-x: auto; + border-radius: 4px; + border: 1px solid #cfcfcf; + max-height: 430px; + scrollbar-color: rgb(1, 92, 184) rgba(0, 0, 0, 0); + background-color: #f9f9f9; + width: 100%; +} + +.machineTable { + width: 100%; + border-collapse: collapse; + table-layout: auto; +} + +.machineTable th, +.machineTable td { + padding: 10px; + text-align: center; + border-bottom: 1px solid #cfcfcf; + word-wrap: break-word; + overflow-wrap: break-word; +} + +.machineTable th { + position: sticky; + top: 0px; + background-color: rgb(1, 92, 184); + color: white; +} + +.machineTable tr { + min-width: 400px; +} + +.disponible { + display: flex; + width: 100%; + height: 100%; + background-color: green; + color: green; + font-weight: bold; +} + +.ocupado { + color: red; + font-weight: bold; +} + + +.actions { + text-align: center; +} + +.resetButton { + padding: 8px 16px; + background-color: #ff4d4d; + color: white; + border: none; + border-radius: 6px; + cursor: pointer; + font-weight: bold; + transition: 0.3s; +} + +.resetButton:hover { + background-color: #cc0000; +} \ No newline at end of file diff --git a/app/Components/BitacoraSanciones/BitacoraAlumno.tsx b/app/Components/BitacoraSanciones/BitacoraAlumno.tsx index 4d0ffe1..fc793b1 100644 --- a/app/Components/BitacoraSanciones/BitacoraAlumno.tsx +++ b/app/Components/BitacoraSanciones/BitacoraAlumno.tsx @@ -15,7 +15,7 @@ function BitacoraAlumno() { return ( <> -
+
diff --git a/app/Components/BitacoraSanciones/BitacoraEquipo.tsx b/app/Components/BitacoraSanciones/BitacoraEquipo.tsx index e243683..a335743 100644 --- a/app/Components/BitacoraSanciones/BitacoraEquipo.tsx +++ b/app/Components/BitacoraSanciones/BitacoraEquipo.tsx @@ -33,7 +33,7 @@ function BitacoraEquipo() { -
+
diff --git a/app/Components/BitacoraSanciones/BitacoraMesas.tsx b/app/Components/BitacoraSanciones/BitacoraMesas.tsx index 59ef913..d27e3d3 100644 --- a/app/Components/BitacoraSanciones/BitacoraMesas.tsx +++ b/app/Components/BitacoraSanciones/BitacoraMesas.tsx @@ -18,7 +18,7 @@ function BitacoraMesas() { return ( <> -
+
diff --git a/app/Components/BitacoraSanciones/Sanciones.tsx b/app/Components/BitacoraSanciones/Sanciones.tsx index 0e4824b..b4442e9 100644 --- a/app/Components/BitacoraSanciones/Sanciones.tsx +++ b/app/Components/BitacoraSanciones/Sanciones.tsx @@ -20,7 +20,7 @@ export default async function Sanciones(props: { student?: Student }) { Nombre={props.student.nombre} /> - + )} diff --git a/app/Components/BitacoraSanciones/TableSancion.tsx b/app/Components/BitacoraSanciones/TableSancion.tsx index 54197b8..e45662e 100644 --- a/app/Components/BitacoraSanciones/TableSancion.tsx +++ b/app/Components/BitacoraSanciones/TableSancion.tsx @@ -41,8 +41,7 @@ export default function TableSancion() { return ( <> -

{sanciones}

-
+
@@ -65,7 +64,7 @@ export default function TableSancion() { - diff --git a/app/Components/Equipos/Page.module.css b/app/Components/Equipos/Page.module.css new file mode 100644 index 0000000..21769a9 --- /dev/null +++ b/app/Components/Equipos/Page.module.css @@ -0,0 +1,70 @@ +.tableContainer { + overflow-y: auto; + overflow-x: auto; + border-radius: 4px; + border: 1px solid #cfcfcf; + max-height: 430px; + scrollbar-color: rgb(1, 92, 184) rgba(0, 0, 0, 0); + background-color: #f9f9f9; + width: 100%; +} + +.machineTable { + width: 100%; + border-collapse: collapse; + table-layout: auto; +} + +.machineTable th, +.machineTable td { + padding: 10px; + text-align: center; + border-bottom: 1px solid #cfcfcf; + word-wrap: break-word; + overflow-wrap: break-word; +} + +.machineTable th { + position: sticky; + top: 0px; + background-color: rgb(1, 92, 184); + color: white; +} + +.machineTable tr { + min-width: 400px; +} + +.disponible { + display: flex; + width: 100%; + height: 100%; + background-color: green; + color: green; + font-weight: bold; +} + +.ocupado { + color: red; + font-weight: bold; +} + + +.actions { + text-align: center; +} + +.resetButton { + padding: 8px 16px; + background-color: #ff4d4d; + color: white; + border: none; + border-radius: 6px; + cursor: pointer; + font-weight: bold; + transition: 0.3s; +} + +.resetButton:hover { + background-color: #cc0000; +} \ No newline at end of file diff --git a/app/Components/Equipos/equipos.tsx b/app/Components/Equipos/equipos.tsx index 88ad08c..2902ca0 100644 --- a/app/Components/Equipos/equipos.tsx +++ b/app/Components/Equipos/equipos.tsx @@ -74,7 +74,7 @@ export default function Equipos() { -
+
diff --git a/app/Components/Equipos/tableequipos.tsx b/app/Components/Equipos/tableequipos.tsx new file mode 100644 index 0000000..a072348 --- /dev/null +++ b/app/Components/Equipos/tableequipos.tsx @@ -0,0 +1,63 @@ +import styles from "./Page.module.css"; + +export default async function TableEquipos() { + return ( +
+ +
+
+ + + + + + + + + + + + + + + + + + {/* {machines.map((machine, index) => ( + + + + + + + + ))} */} + +
UbicaciónNombrePlataformaÁreaActivo
+ + + + + + + + + +
{machine.ubicacion}{machine.nombre}{machine.plataforma}{machine.area} + {machine.disponible ? "si" : "no"} +
+
+
+ ); +} +//IO diff --git a/app/Components/EviarMensaje/EnviarMensaje.tsx b/app/Components/EviarMensaje/EnviarMensaje.tsx index ac01900..3a6f637 100644 --- a/app/Components/EviarMensaje/EnviarMensaje.tsx +++ b/app/Components/EviarMensaje/EnviarMensaje.tsx @@ -51,6 +51,7 @@ const EnviarMensaje = ({ titulo, opciones }: EnviarMensajeProps) => { ))} + {/* Mensaje personalizado */} @@ -62,10 +63,12 @@ const EnviarMensaje = ({ titulo, opciones }: EnviarMensajeProps) => { onChange={(e) => setCustomMsg(e.target.value)} placeholder="Escribe tu mensaje..." /> + + {/* Botón de enviar */} - diff --git a/app/Components/QuitarSancion/Page.module.css b/app/Components/QuitarSancion/Page.module.css index b8783c6..5cf0020 100644 --- a/app/Components/QuitarSancion/Page.module.css +++ b/app/Components/QuitarSancion/Page.module.css @@ -6,7 +6,6 @@ max-height: 430px; scrollbar-color: rgb(1, 92, 184) rgba(0, 0, 0, 0); background-color: #f9f9f9; - width: 65%; } .machineTable { diff --git a/app/Components/QuitarSancion/QuitarSancion.tsx b/app/Components/QuitarSancion/QuitarSancion.tsx index d40f252..03516d2 100644 --- a/app/Components/QuitarSancion/QuitarSancion.tsx +++ b/app/Components/QuitarSancion/QuitarSancion.tsx @@ -16,7 +16,7 @@ function QuitarSancion() { const [quitarSanciones, SetQuitarSanciones] = useState([]); return (
-
+
@@ -42,7 +42,7 @@ function QuitarSancion() {
- +
); }