diff --git a/middleware.ts b/middleware.ts new file mode 100644 index 0000000..3a86fa0 --- /dev/null +++ b/middleware.ts @@ -0,0 +1,18 @@ +import { NextResponse } from "next/server"; +import type { NextRequest } from "next/server"; + +export function middleware(request: NextRequest) { + const token = request.cookies.get("token"); + + if (!token) { + console.log("No hay token, redirigiendo a la página de inicio de sesión"); + return NextResponse.redirect(new URL("/", request.url)); + } + + return NextResponse.next(); +} + +export const config = { + matcher: ["/AgregarEquipo", "Escaner"], +}; +//IO diff --git a/src/app/AgregarEquipo/page.tsx b/src/app/(Operador)/AgregarEquipo/page.tsx similarity index 97% rename from src/app/AgregarEquipo/page.tsx rename to src/app/(Operador)/AgregarEquipo/page.tsx index d3c2f76..df3c474 100644 --- a/src/app/AgregarEquipo/page.tsx +++ b/src/app/(Operador)/AgregarEquipo/page.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import "../styles/layout/agregarEquipo.scss"; // Asegúrate de crear este archivo +import "../../styles/layout/agregarEquipo.scss"; // Asegúrate de crear este archivo export default function page() { const [formData, setFormData] = useState({ @@ -50,7 +50,7 @@ export default function page() { return (
-

Agregar Nuevo Equipo

+

Agregar Nuevo Equipo

{/* Columna Izquierda */}
@@ -216,7 +216,7 @@ export default function page() { onChange={(e) => setFormData({ ...formData, lugar: e.target.value }) } - rows={4} + rows={5} className="textAreaLarge" />
@@ -228,7 +228,7 @@ export default function page() { onChange={(e) => setFormData({ ...formData, observaciones: e.target.value }) } - rows={4} + rows={5} className="textAreaLarge" />
diff --git a/src/app/Editar/editar.css b/src/app/(Operador)/Editar/editar.css similarity index 100% rename from src/app/Editar/editar.css rename to src/app/(Operador)/Editar/editar.css diff --git a/src/app/Editar/page.tsx b/src/app/(Operador)/Editar/page.tsx similarity index 97% rename from src/app/Editar/page.tsx rename to src/app/(Operador)/Editar/page.tsx index 06bd1c3..18c25fb 100644 --- a/src/app/Editar/page.tsx +++ b/src/app/(Operador)/Editar/page.tsx @@ -1,8 +1,8 @@ "use client"; -import { useState, useEffect } from "react"; -import { useSearchParams } from "next/navigation"; -import "../styles/layout/agregarEquipo.scss"; +import { useEffect, useState } from "react"; +import "../../styles/layout/agregarEquipo.scss"; import "./editar.css"; +import { useSearchParams } from "next/navigation"; export default function Home() { const searchParams = useSearchParams(); @@ -47,6 +47,8 @@ export default function Home() {

{equipoId ? `Editar Equipo (${equipoId})` : "Agregar Equipo"} + Inventario: + Fecha de censo:

@@ -203,7 +205,7 @@ export default function Home() { onChange={(e) => setFormData({ ...formData, lugar: e.target.value }) } - rows={4} + rows={5} className="textAreaLarge" />
@@ -216,7 +218,7 @@ export default function Home() { onChange={(e) => setFormData({ ...formData, observaciones: e.target.value }) } - rows={4} + rows={5} className="textAreaLarge" />
diff --git a/src/app/Escaner/page.tsx b/src/app/(Operador)/Escaner/page.tsx similarity index 91% rename from src/app/Escaner/page.tsx rename to src/app/(Operador)/Escaner/page.tsx index 0607dbb..71ab319 100644 --- a/src/app/Escaner/page.tsx +++ b/src/app/(Operador)/Escaner/page.tsx @@ -2,8 +2,8 @@ import { useState } from "react"; import { useRouter } from "next/navigation"; -import "../styles/layout/escaner.scss"; -import BarcodeScanner from "@/components/BarcodeScanner"; // Ajusta la ruta si es necesario +import "../../styles/layout/escaner.scss"; // Importación global +import BarcodeScanner from "@/components/BarcodeScanner"; type Equipo = { id: string; @@ -47,16 +47,19 @@ export default function Dashboard() { const encontrado = equipos.find((e) => e.id === code); if (encontrado) { - // ✅ Si el equipo existe, redirige directamente router.push(`/Editar?equipoId=${encontrado.id}`); } else { // 🚫 Si no existe, se puede registrar +<<<<<<< HEAD:src/app/Escaner/page.tsx const marca = prompt("Equipo no registrado. Ingresa la marca:"); if (marca) { const nuevoEquipo = { id: code, marca, estado: "Desactivado" }; setEquipos([...equipos, nuevoEquipo]); alert("Equipo agregado al inventario"); } +======= + router.push(`/AgregarEquipo`); +>>>>>>> 374ce02350db05430bc40286bdff9fe767e82eae:src/app/(Operador)/Escaner/page.tsx } }; diff --git a/src/app/styles/layout/agregarEquipo.scss b/src/app/styles/layout/agregarEquipo.scss index dd71e3c..f53b852 100644 --- a/src/app/styles/layout/agregarEquipo.scss +++ b/src/app/styles/layout/agregarEquipo.scss @@ -155,5 +155,7 @@ textarea { } .information { - border-bottom: 1px solid; + display: flex; + justify-content: space-between; + border-bottom: 1px solid #003e79; } diff --git a/src/app/styles/layout/header.module.scss b/src/app/styles/layout/header.module.scss index 3be1c6a..04938a3 100644 --- a/src/app/styles/layout/header.module.scss +++ b/src/app/styles/layout/header.module.scss @@ -69,6 +69,14 @@ } @media (max-width: 800px) { .yellowPart { + left: 0; background: #bd8c01; + transform: skew(0deg); + } + .header::after { + left: -100px; + } + .header::before { + left: -80px; } } diff --git a/src/components/BarcodeScanner.tsx b/src/components/BarcodeScanner.tsx index 794bb92..5354e3e 100644 --- a/src/components/BarcodeScanner.tsx +++ b/src/components/BarcodeScanner.tsx @@ -46,7 +46,7 @@ export default function BarcodeScanner({ onScan }: BarcodeScannerProps) { target: scannerRef.current, constraints: { width: 640, - height: 480, + height: 370, facingMode: "environment", }, }, @@ -114,4 +114,4 @@ export default function BarcodeScanner({ onScan }: BarcodeScannerProps) { }} /> ); -} \ No newline at end of file +} diff --git a/src/components/header.tsx b/src/components/header.tsx index 085e669..827c457 100644 --- a/src/components/header.tsx +++ b/src/components/header.tsx @@ -3,8 +3,11 @@ import Image from "next/image"; import header from "../app/styles/layout/header.module.scss"; import Link from "next/link"; import BarNavigation from "./BarNavigation"; +import { usePathname } from "next/navigation"; function Header() { + const pathname = usePathname(); // obtenemos la ruta actual + return (
- + {pathname !== "/" && }
);