diff --git a/components/administrador/admin.js b/components/administrador/admin.js
new file mode 100644
index 0000000..e36251e
--- /dev/null
+++ b/components/administrador/admin.js
@@ -0,0 +1,50 @@
+
+import React, { useState } from 'react';
+import {Form,Button} from "react-bootstrap";
+import CsvDownload from 'react-json-to-csv'
+//let csvToJson = require('convert-csv-to-json');
+let fileInput;
+
+function fileValidation(){
+ fileInput = document.getElementById('file');
+ var filePath = fileInput.value;
+ var allowedExtensions = /(.csv)$/i;
+ if(!allowedExtensions.exec(filePath)){
+ alert('Please upload file having extensions .csv only.');
+ fileInput.value = '';
+ return false;
+ }
+}
+function handleFile(){
+ /*
+ let file1=fileInput;
+ let file2='file2.json'
+ csvToJson.generateJsonFileFromCsv(file1,file2);
+
+ axios.post('url', file2)
+ .then(function (response) {
+ console.log(response);
+ })
+ .catch(function (error) {
+ console.log(error);
+ });*/
+}
+
+
+
+function SubirArchivo(){
+
+ return(
+
+ );
+}
+export default SubirArchivo;
\ No newline at end of file
diff --git a/components/layouts/footer.js b/components/layouts/footer.js
new file mode 100644
index 0000000..b70c3a8
--- /dev/null
+++ b/components/layouts/footer.js
@@ -0,0 +1,21 @@
+import styles from "../../styles/default.module.css";
+
+function Footer() {
+ return (
+
+ );
+}
+
+export default Footer;
diff --git a/components/layouts/header.js b/components/layouts/header.js
new file mode 100644
index 0000000..5cc2282
--- /dev/null
+++ b/components/layouts/header.js
@@ -0,0 +1,16 @@
+import Image from "next/image";
+import LogoUnam from "./../../public/Logo-UNAM.png";
+import LogoFes from "./../../public/logo_fesa.png";
+import styles from "../../styles/default.module.css";
+import { Container, Row, Col,Stack } from "react-bootstrap";
+function Header() {
+ return (
+
+ )
+}
+export default Header;
\ No newline at end of file
diff --git a/components/layouts/layout.js b/components/layouts/layout.js
new file mode 100644
index 0000000..dc64013
--- /dev/null
+++ b/components/layouts/layout.js
@@ -0,0 +1,14 @@
+import Header from "./header";
+import Nav from "./nav";
+import Footer from "./footer";
+
+
+const Layout = (props) => (
+
+);
+
+export default Layout;
diff --git a/components/layouts/layoutSalir.js b/components/layouts/layoutSalir.js
new file mode 100644
index 0000000..75e9007
--- /dev/null
+++ b/components/layouts/layoutSalir.js
@@ -0,0 +1,19 @@
+import styles from "../../styles/default.module.css";
+import { Container, Row, Col,Stack,Button } from "react-bootstrap";
+function Salir(){
+ return(
+
+ );
+}
+
+export default Salir;
\ No newline at end of file
diff --git a/components/layouts/nav.js b/components/layouts/nav.js
new file mode 100644
index 0000000..977e814
--- /dev/null
+++ b/components/layouts/nav.js
@@ -0,0 +1,5 @@
+const Nav = () => {
+ return ;
+};
+
+export default Nav
\ No newline at end of file
diff --git a/components/login/login.js b/components/login/login.js
new file mode 100644
index 0000000..3824773
--- /dev/null
+++ b/components/login/login.js
@@ -0,0 +1,189 @@
+import {useContext, useState,useEffect} from "react";
+import { Redirect } from "react-router-dom";
+import "bootstrap/dist/css/bootstrap.min.css";
+import {Container,Row,Col,Form,Button,InputGroup,FormControl} from "react-bootstrap"
+import {FormGroup, Label, Input} from "reactstrap";
+import styles from "../../styles/login.module.css";
+import axios from 'axios';
+function App() {
+ const[radio, setRadio] = useState("profesor");
+ const[profesor,setProfesor]=useState('')
+ const[adscripcion,setAdscripcion]=useState('')
+ const[correo,setCorreo]=useState('')
+ const[contraseña,setContrasena]=useState('')
+
+ const cambioRadio=e=>{
+ setRadio(e.target.value);
+ }
+ const cambioProfesor=e=>{
+ setProfesor(e.target.value);
+ console.log(profesor)
+ }
+ const cambioCorreo=e=>{
+ setCorreo(e.target.value);
+ console.log(correo)
+ }
+ const cambioContrasena=e=>{
+ setContrasena(e.target.value);
+ console.log(contraseña)
+ }
+ const cambioAdscripcion=e=>{
+ setAdscripcion(e.target.value);
+ console.log(adscripcion)
+ }
+ function handleProfesor(){
+ if(typeof window !== 'undefined'){
+ localStorage.setItem('profesor',profesor)
+ localStorage.setItem('adscripcion',adscripcion)
+ }
+ /* axios.post(baseUrl,{params:{profesor,adscripcion}})
+ .then(response=>{
+ return response.data;
+ })
+ .catch(error=>{
+ console.log(error);
+ })*/
+ }
+ function handleOperador(){
+
+ if(typeof window !== 'undefined'){
+ localStorage.setItem('correo',correo)
+ }
+ /*axios.post(baseUrl,{params:{correo: correo,contrasena: contraseña}})
+ .then(response=>{
+ return response.data;
+ })
+ .catch(error=>{
+ console.log(error);
+ })*/
+ }
+ function handleAdmin(){
+ if(typeof window !== 'undefined'){
+ localStorage.setItem('correo',correo)
+ }
+ /*axios.post(baseUrl,{params:{correo: correo,contrasena: contraseña}})
+ .then(response=>{
+ return response.data;
+ })
+ .catch(error=>{
+ console.log(error);
+ })*/
+ }
+ return (
+
+
+ REGISTRO DE PROFESORES PARA OBTENCIÓN DE MEDALLAS
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {(() => {
+ switch (radio) {
+ case "profesor": return <>
+
+
+ ;
+ case "operador": return <>
+
+
+ ;
+ case "admin": return <>
+
+
+ ;
+ }
+ })()}
+
+
+
+
+ );
+}
+
+export default App;
\ No newline at end of file
diff --git a/components/operador/qr.js b/components/operador/qr.js
new file mode 100644
index 0000000..a4c0696
--- /dev/null
+++ b/components/operador/qr.js
@@ -0,0 +1,65 @@
+import React, { useState } from 'react';
+import { QrReader } from 'react-qr-reader';
+import swal from 'sweetalert';
+//var datos;
+function Qr(props){
+ const [data, setData] = useState('No result');
+ const alerta = () =>{
+ swal({
+ title: "Invitado registrado",
+ button: "Aceptar",
+ timer:10000,
+ icon:"success"
+ }).then(() => {
+ window.location.reload(false);
+ });
+ }
+ const alerta2 = () =>{
+ swal({
+ title: "Código no válido",
+ button: "Aceptar",
+ timer:10000,
+ icon:"error"
+ }).then(() => {
+ window.location.reload(false);
+ });
+ }
+ const validacionData=()=>{
+
+ }
+
+ return (
+ <>
+ {
+ if (!!result) {
+ setData(result?.text);
+ data;
+ }
+ if (!!error) {
+ console.info(error);
+ }
+
+ }}
+ style={{ width: '100%' }}
+ />
+ {(() => {
+ if(data!='No result'){
+ /*
+ return alerta();
+ //cambiar data a objeto
+ var datos=JSON.parse(data);
+ //validar que tenga id profesor
+
+ if(datos.id!==''){
+ return alerta();
+ }
+ else{
+ return alerta2();
+ }*/
+ }
+ })()}
+
+ );
+};
+export default Qr;
\ No newline at end of file
diff --git a/components/profesores_registro/invited.js b/components/profesores_registro/invited.js
new file mode 100644
index 0000000..a417772
--- /dev/null
+++ b/components/profesores_registro/invited.js
@@ -0,0 +1,137 @@
+import styles from "../../styles/profesores.module.css";
+import 'bootstrap/dist/css/bootstrap.min.css';
+import InputNumber from 'react-input-number';
+import { Container, Row, Col,Button,Form,Stack} from "react-bootstrap";
+import React,{useState,useEffect} from 'react';
+
+export default function Invited(){
+ const[select,setSelect]=useState("0");
+ const [invitados,setInvitados]=useState([]);
+ const[id,setId]=useState('');
+ const[adscripcion,setAdscripcion]=useState('');
+ const[profesor,setProfesor]=useState('');
+ const[name,setName]=useState('');
+
+ //como obtener la informacion del profesor del login?
+
+ function handleInvitado(){
+ /* invitados.map((invitado,index)=>(
+ axios.post('/userinvitado', {
+ nombres:invitado.nombres,
+ apellidos:invitado.apellidos,
+ edad:invitado.edad
+ }).then(function (response) {
+ console.log(response);
+ }).catch(function (error) {
+ console.log(error);
+ })
+ ))
+ */
+ }
+
+ return(
+
+
+
+ REGISTRO DE PROFESORES PARA LA OBTENCIÓN DE MEDALLAS
+
+
+
+
+ Nombre: {name}
+ Número de trabajador: {profesor}
+ Adscripción: {adscripcion}
+
+
+
+
Cantidad de invitados:
+
+
+
+
+ {setSelect(e.target.value)}} defaultValue="0">
+
+
+
+
+
+
+
+
+
+
+
+ {(() => {
+ console.log(select)
+ invitados.length=0
+ for(let i=0;i
+ {invitados.map((invitado,index)=>(
+
+
+
+
+
+ Nombre(s):
+ {
+ invitado.nombres=e.target.value
+ }}/>
+
+
+ Apellidos:
+ {
+ invitado.apellidos=e.target.value
+ }}
+ />
+
+
+ Edad :
+ {
+ invitado.edad=e.target.value
+ }}
+ />
+
+
+
+
+ {console.log(invitados)}
+
+ ))}
+
+
+
+
+
+
Admin
|
+
+
+
+
+
+ {archive}
+
+ Descargar la base de datos de invitados
+
+
+
+
+
+
+ )
+}
diff --git a/pages/index.js b/pages/index.js
index dc4b640..0075d83 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,69 +1,19 @@
-import Head from 'next/head'
-import Image from 'next/image'
-import styles from '../styles/Home.module.css'
+import Layout from '../components/layouts/layout';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import Head from 'next/head';
+import App from '../components/login/login';
+import {useEffect} from 'react'
-export default function Home() {
- return (
-
-
-
Create Next App
-
-
-
-
-
-
-
- Get started by editing{' '}
- pages/index.js
-
-
-
-
-
-
-
+ Operador
+
+
+
+
+
+ {data}
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/pages/profesores.js b/pages/profesores.js
new file mode 100644
index 0000000..705a595
--- /dev/null
+++ b/pages/profesores.js
@@ -0,0 +1,21 @@
+import styles from "../styles/profesores.module.css";
+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 Invited from '../components/profesores_registro/invited';
+
+export default function Register(){
+ return(
+
+
+
+ Registro Profesores
+
+
+
+
+
+ )
+}
+
diff --git a/pages/registro-exitoso.js b/pages/registro-exitoso.js
new file mode 100644
index 0000000..a8e21b5
--- /dev/null
+++ b/pages/registro-exitoso.js
@@ -0,0 +1,21 @@
+import styles from "../styles/exito.module.css";
+import Layout from '../components/layouts/layout';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import Head from 'next/head';
+import Salir from '../components/layouts/layoutSalir';
+import { Container, Row, Col,Form,Button,P } from "react-bootstrap";
+export default function Register(){
+ return(
+
+
+
+ Registro Exitoso
+
+
+ ¡REGISTRO EXITOSO!
|
+ Se han enviado los datos e instrucciones a su correo PCPUMA
|
+
+
+
+ )
+}
diff --git a/public/Logo-UNAM.png b/public/Logo-UNAM.png
new file mode 100644
index 0000000..9c169ee
Binary files /dev/null and b/public/Logo-UNAM.png differ
diff --git a/public/logo_fesa.png b/public/logo_fesa.png
new file mode 100644
index 0000000..11e39c2
Binary files /dev/null and b/public/logo_fesa.png differ
diff --git a/public/medal-solid.svg b/public/medal-solid.svg
new file mode 100644
index 0000000..83cbd80
--- /dev/null
+++ b/public/medal-solid.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/styles/admin.module.css b/styles/admin.module.css
new file mode 100644
index 0000000..7b33232
--- /dev/null
+++ b/styles/admin.module.css
@@ -0,0 +1,50 @@
+.contenido{
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ min-height: 350px;
+ margin-top: 130px;
+}
+.operador{
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ min-height: 350px;
+ margin-top: 3%;
+ margin-bottom:3%
+
+}
+.subtitulo{
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ color:#1B3D70;
+ font-weight: bold;
+ font-size: x-large;
+}
+.boton{
+ background-color: #BC9516;
+ color:white;
+ border: #BC9516;
+ border-radius: 30px;
+ font-size: x-large;
+}
+.boton:hover{
+ background-color:rgb(188,149,22,70%);;
+ color:white;
+}
+.ingresar{
+ margin-top: 15px;
+ color:white;
+ background-color: #1B3D70;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size: x-large;
+ font-weight: bold;
+ border:0;
+}
+.salir{
+ color:white;
+ background-color: #1B3D70;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size: x-large;
+ font-weight: bold;
+ border:0;
+ margin-bottom: 15px;
+}
+.salir:hover,.ingresar:hover{
+ background-color:rgb(27,61,112,50%);
+}
\ No newline at end of file
diff --git a/styles/default.module.css b/styles/default.module.css
new file mode 100644
index 0000000..8b2f4a0
--- /dev/null
+++ b/styles/default.module.css
@@ -0,0 +1,44 @@
+.divMaster {
+ height: 7rem;
+ margin: 0 auto;
+ }
+.azulUnam {
+ background-color: #1e3c70;
+ padding-top: 2%;
+ padding-bottom:2%;
+ padding-left: 6%;
+ padding-right: 6%;
+}
+.contenedor{
+ height: 3rem;
+}
+.footer {
+ text-align: center;
+ color: white;
+}
+.logo_unam{
+ background-color:#1e3c70;
+}
+.logo_acatlan {
+ background-color: #1e3c70;
+}
+.imagen{
+ background-color: #1e3c70;
+}
+
+.salir{
+ background-color: #2c56a0;
+ margin-top: 0px;
+}
+
+.boton{
+ color:white;
+ background-color: #2c56a0;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size: x-large;
+ font-weight: bold;
+ border:0px;
+}
+.boton:hover{
+ background-color:rgb(27,61,112,50%);
+}
diff --git a/styles/exito.module.css b/styles/exito.module.css
new file mode 100644
index 0000000..91ac17b
--- /dev/null
+++ b/styles/exito.module.css
@@ -0,0 +1,24 @@
+.container{
+ min-height: 500px;
+ margin-bottom: 30px;
+ color:#644F0C;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size:xx-large;
+ font-weight: bold;
+ padding: 8%;
+}
+
+
+.salir{
+ color:white;
+ background-color: #1B3D70;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size: x-large;
+ font-weight: bold;
+ border:0;
+ margin-bottom: 15px;
+ margin-top: 30px;
+}
+.salir:hover{
+ background-color:rgb(27,61,112,50%);
+}
\ No newline at end of file
diff --git a/styles/general.module.css b/styles/general.module.css
new file mode 100644
index 0000000..e9b81bf
--- /dev/null
+++ b/styles/general.module.css
@@ -0,0 +1,4 @@
+#saludo {
+ background-color: black;
+ color:aqua;
+}
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index e5e2dcc..97472f6 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -4,7 +4,8 @@ body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-}
+
+ }
a {
color: inherit;
@@ -14,3 +15,32 @@ a {
* {
box-sizing: border-box;
}
+
+#contenido{
+ margin:3%;
+ text-align: center;
+ min-height: 430px;
+ max-width: 500px;
+ margin-left: 7%;
+ margin-right: 7%;
+ padding-top: 30px;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ border-width: 0px;
+ font-size: large;
+}
+
+
+#subtitulo{
+ color:#1B3D70;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size:X-large;
+ text-align: center;
+ font-weight: bold;
+}
+
+#radio,#botones{
+ margin-top: 50px;
+ font-size:larger;
+ font-weight: bold;
+ color: #644F0C;
+}
diff --git a/styles/invitado.module.css b/styles/invitado.module.css
new file mode 100644
index 0000000..d5730c1
--- /dev/null
+++ b/styles/invitado.module.css
@@ -0,0 +1,13 @@
+.invitado{
+ background-color: rgb(144,114,16,19%);
+ border-radius:30px;
+ margin-top: 30px;
+ margin-bottom:15px;
+ padding-top: 20px;
+ color:#644F0C;
+ font-weight: bold;
+ font-size: x-large;
+ border-width: 1px;
+ border-color: black;
+ border-style: solid;
+}
diff --git a/styles/login.module.css b/styles/login.module.css
new file mode 100644
index 0000000..910dd39
--- /dev/null
+++ b/styles/login.module.css
@@ -0,0 +1,34 @@
+.Log {
+ text-align: center;
+ padding: 40px 30px;
+}
+.formGroupRadios{
+ display: flex;
+ align-items: center;
+ justify-content:space-between;
+ color:#000000;
+ font-size: large;
+ font-weight: normal;
+}
+.contenido{
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ min-height: 500px;
+ margin-top: 30px;
+ color:#1B3D70;
+ font-size: x-large;
+ font-weight: bold;
+}
+
+.ingresar{
+ margin-top: 15px;
+ color:white;
+ background-color: #1B3D70;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size: x-large;
+ font-weight: bold;
+ border:0;
+}
+
+.ingresar:hover{
+ background-color:rgb(27,61,112,70%);
+}
\ No newline at end of file
diff --git a/styles/profesores.module.css b/styles/profesores.module.css
new file mode 100644
index 0000000..f543da5
--- /dev/null
+++ b/styles/profesores.module.css
@@ -0,0 +1,69 @@
+.container{
+ background-color:rgb(144,114,16,32%);
+ border-radius:30px;
+ min-height: 400px;
+ margin-bottom: 30px;
+ color:#644F0C;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size:xx-large;
+ font-weight: bold;
+ padding: 5%;
+ border-width: 1px;
+ border-color: black;
+ border-style: solid;
+}
+.titulo{
+ color:#644F0C;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ text-align: center;
+ font-size:xx-large;
+ font-weight: bolder;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+.texto1{
+ font-weight: normal;
+}
+.texto2{
+ color:#644F0C;
+ font-weight: bold;
+}
+.boton1{
+ color:white;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size: large;
+ font-weight: bold;
+ background-color: rgb(100,79,12,76%);
+ border:0;
+ margin-bottom: 15px;
+}
+.boton1:hover{
+ background-color: rgb(100,79,12,50%);
+}
+.boton2{
+ color:white;
+ background-color: #1B3D70;
+ font-family: 'Calibri','Ginebra','Verdana', serif;
+ font-size: x-large;
+ border:0;
+ margin-bottom: 15px;
+}
+.boton2:hover{
+ background-color:rgb(27,61,112,50%);
+}
+.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;
+}