diff --git a/components/profesores_registro/invitado.js b/components/profesores_registro/invitado.js deleted file mode 100644 index 570ea2a..0000000 --- a/components/profesores_registro/invitado.js +++ /dev/null @@ -1,198 +0,0 @@ -import styles from "../../styles/invitado.module.css"; -import { Container, Row, Col,InputGroup,FormControl,Button} from "react-bootstrap"; -import { useInvitado } from "./useInvitado"; - -const initialForm= { - nombre:"", - apellidos:"", - edad:18 -} -const validationsForm=(form) =>{ - let errors={}; - - if(!form.nombre.trim()){ - errors.nombre="El campo 'Nombre' es requerido" - } - if(!form.apellidos.trim()){ - errors.apellidos="El campo 'Apellidos' es requerido" - } - - return errors -} - - -function Invitado(props){ - - const { - form, - errors, - loading, - response, - handleChange, - handleBlur, - handleSubmit} - = useInvitado (initialForm,validationsForm); - - - return( - -
-
- - -

INVITADO {props.numero}

- - - -

Nombre(s):

-

Apellidos:

-

Edad:

- - - - - - - - - - -
-
-
- -
-
-
- - - - {errors.nombre &&

{errors.nombre}

} - {errors.apellidos &&

{errors.apellidos}

} - - - -
-
- - ) -} -export default Invitado; - -/* - - - - - */ - diff --git a/components/profesores_registro/invited.js b/components/profesores_registro/invited.js new file mode 100644 index 0000000..3df96eb --- /dev/null +++ b/components/profesores_registro/invited.js @@ -0,0 +1,694 @@ +import styles from "../../styles/profesores.module.css"; +import 'bootstrap/dist/css/bootstrap.min.css'; +import { Container, Row, Col,InputGroup,FormControl,Button,Form,Stack} from "react-bootstrap"; +import React,{useState} from 'react'; + + + +export default function Invited(){ + const[select,setSelect]=useState("0"); + const[edad,setEdad]=useState("18"); + + return( +
+ + +
REGISTRO DE PROFESORES PARA LA OBTENCIÓN DE MEDALLAS
+ + + + +

Nombre:

+

Número de trabajador:

+

Adscripción:

+

Cantidad de invitados:

+ + +
+

Gabriela Gómez Hernández

+

2013050757

+

Estudiante

+ +
+
+ {setSelect(e.target.value)}} defaultValue="0"> + + + + + +
+
+ +
+ + + + + {(() => { + switch(select){ + case "1": return ( +
+ + +

INVITADO 1

+ + Nombre(s): + + + + Apellidos: + + + + + + Edad: + {setEdad(e.target.value)}} > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); + case "2": return ( +
+ + +

INVITADO 1

+ + Nombre(s): + + + + Apellidos: + + + + + + Edad: + {setEdad(e.target.value)}} > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

INVITADO 2

+ + Nombre(s): + + + + Apellidos: + + + + + + Edad: + {setEdad(e.target.value)}} > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); + case "3": return ( +
+ + +

INVITADO 1

+ + Nombre(s): + + + + Apellidos: + + + + + + Edad: + {setEdad(e.target.value)}} > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

INVITADO 2

+ + Nombre(s): + + + + Apellidos: + + + + + + Edad: + {setEdad(e.target.value)}} > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

INVITADO 3

+ + Nombre(s): + + + + Apellidos: + + + + + + Edad: + {setEdad(e.target.value)}} > + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); + } + })()} + +
+ ); +} \ No newline at end of file diff --git a/components/profesores_registro/profesores.js b/components/profesores_registro/profesores.js deleted file mode 100644 index eb3c586..0000000 --- a/components/profesores_registro/profesores.js +++ /dev/null @@ -1,68 +0,0 @@ -import styles from "../../styles/profesores.module.css"; -import Invitado from './invitado'; -import React,{useState} from 'react'; -import { Container, Row, Col,Form,Button } from "react-bootstrap"; -function Registro(){ - const[select,setSelect]=useState("0"); - return( - - -
REGISTRO DE PROFESORES PARA LA OBTENCIÓN DE MEDALLAS
- - - - -

Nombre:

-

Número de trabajador:

-

Adscripción:

-

Cantidad de invitados:

- - -
-

Gabriela Gómez Hernández

-

2013050757

-

Estudiante

- -
-
- {setSelect(e.target.value)}} > - - - - - - - -
-
- -
- - - - -
- {(() => { - switch(select){ - case "1": return (<>); - case "2": return (<> - ); - case "3": return (<> - ); - } - })()} - - - - - - - - - -
- - ); -} -export default Registro; -//tiene que ser un boton de tipo submit? \ No newline at end of file diff --git a/components/profesores_registro/useInvitado.js b/components/profesores_registro/useInvitado.js deleted file mode 100644 index 5172f5f..0000000 --- a/components/profesores_registro/useInvitado.js +++ /dev/null @@ -1,29 +0,0 @@ -import {useState} from 'react'; - - -export const useInvitado = (initialForm,validateForm) => { - const [form, setForm] = useState(initialForm); - const [errors, setErrors] = useState({}); - const [loading, setLoading] = useState(false); - const [response, setResponse] = useState(null); - - const handleChange = (e) =>{ - const {name,value}=e.target; - setForm({ - ...form, - [name]:value - }); - } - const handleBlur = (e) =>{ - handleChange(e); - setErrors(validateForm(form)); - } - const handleSubmit = (e) =>{ - e.preventDefault(); - setErrors(validateForm(form)); - } - - return{ - form,errors,loading,response,handleChange,handleBlur,handleSubmit - } -}; \ No newline at end of file diff --git a/pages/profesores.js b/pages/profesores.js index 14e16bf..705a595 100644 --- a/pages/profesores.js +++ b/pages/profesores.js @@ -3,7 +3,7 @@ import Layout from '../components/layouts/layout'; import Salir from '../components/layouts/layoutSalir'; import 'bootstrap/dist/css/bootstrap.min.css'; import Head from 'next/head'; -import Registro from '../components/profesores_registro/profesores'; +import Invited from '../components/profesores_registro/invited'; export default function Register(){ return( @@ -13,7 +13,7 @@ export default function Register(){ Registro Profesores
- +
) diff --git a/styles/invitado.module.css b/styles/invitado.module.css index 612344f..d5730c1 100644 --- a/styles/invitado.module.css +++ b/styles/invitado.module.css @@ -1,4 +1,4 @@ -.container{ +.invitado{ background-color: rgb(144,114,16,19%); border-radius:30px; margin-top: 30px; @@ -11,6 +11,3 @@ border-color: black; border-style: solid; } -.boton{ - margin-bottom: 15px; -} \ No newline at end of file diff --git a/styles/profesores.module.css b/styles/profesores.module.css index 6a2e7eb..f543da5 100644 --- a/styles/profesores.module.css +++ b/styles/profesores.module.css @@ -45,10 +45,25 @@ background-color: #1B3D70; font-family: 'Calibri','Ginebra','Verdana', serif; font-size: x-large; - font-weight: bold; border:0; margin-bottom: 15px; } .boton2:hover{ background-color:rgb(27,61,112,50%); -} \ No newline at end of file +} +.invitado{ + background-color: rgb(144,114,16,19%); + border-radius:30px; + margin-top: 30px; + margin-bottom:15px; + padding-top: 20px; + color:#644F0C; + font-size: large; + border-width: 1px; + border-color: black; + border-style: solid; +} + +.edad{ + margin-bottom: 15px; +}