IO420
76 lines
2.3 KiB
TypeScript
76 lines
2.3 KiB
TypeScript
import styles from "./Page.module.css";
|
|
|
|
export default async function Page(props: {
|
|
searchParams?: Promise<{
|
|
numAcount: string;
|
|
}>;
|
|
}) {
|
|
const params = await props.searchParams;
|
|
const numAcount = params?.numAcount ? params.numAcount : null;
|
|
|
|
return (
|
|
<section className="containerSection">
|
|
<h2 className="title"> MONITOR DE MÁQUINAS DISPONIBLES </h2>
|
|
|
|
<div className={styles.actions}>
|
|
<button className={styles.resetButton}>Actualizar informacion</button>
|
|
</div>
|
|
|
|
<div className={styles.tableContainer}>
|
|
<table className={styles.machineTable}>
|
|
<thead>
|
|
<tr style={{fontSize:"15px"}}>
|
|
<th>Ubicación</th>
|
|
<th>Nombre Equipo</th>
|
|
<th>Plataforma</th>
|
|
<th>Área</th>
|
|
<th>Disponible</th>
|
|
</tr>
|
|
<tr>
|
|
<th>
|
|
<select style={{ minWidth: "50px" }}>
|
|
<option style={{ minWidth: "50px" }}>pcnet1</option>
|
|
</select>
|
|
</th>
|
|
<th>
|
|
<select style={{ minWidth: "50px" }}>
|
|
<option style={{ minWidth: "50px" }}>mostrar todos</option>
|
|
</select>
|
|
</th>
|
|
<th>
|
|
<select style={{ minWidth: "50px" }}>
|
|
<option style={{ minWidth: "50px" }}>windows</option>
|
|
</select>
|
|
</th>
|
|
<th>
|
|
<select style={{ minWidth: "50px" }}>
|
|
<option style={{ minWidth: "50px" }}>mostrar Todo</option>
|
|
</select>
|
|
</th>
|
|
<th>
|
|
<select style={{ minWidth: "50px" }}>
|
|
<option style={{ minWidth: "50px" }}>si</option>
|
|
</select>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{/* {machines.map((machine, index) => (
|
|
<tr key={index}>
|
|
<td>{machine.ubicacion}</td>
|
|
<td>{machine.nombre}</td>
|
|
<td>{machine.plataforma}</td>
|
|
<td>{machine.area}</td>
|
|
<td className={machine.disponible ? "disponible" : ""}>
|
|
{machine.disponible ? "si" : "no"}
|
|
</td>
|
|
</tr>
|
|
))} */}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|
|
//IO
|