first commit

2025-09-02 19:50:17 -04:00
parent fe4a89f81e
commit 685c92a82f
37 changed files with 1460 additions and 301 deletions
@@ -0,0 +1,92 @@
+'use client';
+import { useState } from "react";
+import './BarNavigation.css';
+import Link from "next/link";
+
+function BarNavigation() {
+    const [openMenu, setOpenMenu] = useState(false);
+    const [openSubMenu, setOpenSubMenu] = useState<number | null>(null);
+
+    const toggleMenu = () => setOpenMenu(!openMenu);
+    const toggleSubMenu = (index: number) => {
+        setOpenSubMenu(openSubMenu === index ? null : index);
+    };
+    return (
+        <nav className="barNavigation">
+            <div
+                className={`menuToggle ${openMenu ? 'center' : ''}`}
+                onClick={toggleMenu}>
+                <div></div>
+                <div></div>
+                <div></div>
+            </div>
+
+            <ul className={openMenu ? "active" : ""}>
+                <li className={`subMenu ${openSubMenu === 0 ? "open" : ""}`} onClick={() => toggleSubMenu(0)}>
+                    Inscripciones
+                    <ul className="containerLinks">
+                        <Link href="/Alta" className="links">
+                            <li >Alta</li>
+                        </Link>
+                        <Link href="/AgregarTiempo" className="links">
+                            <li >Agregar Tiempo</li>
+                        </Link>
+                        <Link href="/Inscripciones" className="links">
+                            <li>Inscripciones</li>
+                        </Link>
+                    </ul>
+                </li>
+
+                <li className={`subMenu ${openSubMenu === 1 ? "open" : ""}`} onClick={() => toggleSubMenu(1)}>
+                    Servicios
+                    <ul>
+                        <Link href="/Impresiones" className="links">
+                            <li >
+                                Impresiones y Ploteo
+                            </li>
+                        </Link>
+                        <Link href="/AsignacionMesas" className="links">
+                            <li>
+                                Asignacion de Mesas
+                            </li>
+                        </Link>
+                        <Link href="/AsignacionEquipo" className="links">
+                            <li>
+                                Asignacion de Equipos
+                            </li>
+                        </Link>
+                        <Link href="/Monitor" className="links">
+                            <li>
+                                Monitor
+                            </li>
+                        </Link>
+                    </ul>
+                </li>
+
+                <li className={`subMenu ${openSubMenu === 2 ? "open" : ""}`} onClick={() => toggleSubMenu(2)}>
+                    Equipo
+                    <ul >
+                        <Link href="/InformacionEquipo" className="links">
+                            <li>Informacion de Equipos</li>
+                        </Link>
+                        <Link href="/ActivosMantenimiento" className="links">
+                            <li >Activos y en Mantenimiento</li>
+                        </Link>
+                        <Link href="/Mensajes" className="links">
+                            <li>Mensajes</li>
+                        </Link>
+                        <Link href="/Programas" className="links">
+                            <li>Programas</li>
+                        </Link>
+                    </ul>
+                </li>
+
+                <li className={`subMenu ${openSubMenu === 2 ? "open" : ""}`}>Reportes</li>
+                <li className={`subMenu ${openSubMenu === 2 ? "open" : ""}`}>Quitar sancion</li>
+                <li className={`subMenu ${openSubMenu === 2 ? "open" : ""}`}>Cambiar contraseña</li>
+            </ul>
+        </nav>
+    );
+}
+
+export default BarNavigation;